formatting

1 files changed, 38 insertions, 8 deletions

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 8af42cd..cb3320b 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,6 +1,11 @@
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
-import { Card, CardTitle, CardDescription, CardContent } from "@/components/ui/card";
+import {
+  Card,
+  CardTitle,
+  CardDescription,
+  CardContent,
+} from "@/components/ui/card";
 import { Projects } from "@/data/projects";
 import { Tools } from "@/data/tools";
 import { Github, Mail } from "lucide-react";
@@ -15,18 +20,39 @@ export default function Home() {
           <div
             aria-hidden="true"
             className="absolute left-1/2 -translate-x-1/2 w-[32rem] h-[32rem] bg-gradient-to-tr from-blue-400 via-purple-300 to-pink-300 opacity-60 blur-3xl rounded-full z-0 dark:from-blue-400 dark:via-purple-400 dark:to-pink-400 dark:opacity-30"
-            style={{ pointerEvents: 'none' }}
+            style={{ pointerEvents: "none" }}
           />
           <section className="text-center relative z-10">
             <h1 className="text-4xl font-bold mb-4">
-              Hi, <span className="text-blue-500 dark:text-purple-500">I'm Leander.</span>
+              Hi,{" "}
+              <span className="text-blue-500 dark:text-purple-500">
+                I'm Leander.
+              </span>
             </h1>
             <p className="text-lg max-w-2xl mx-auto">
-              Passionate about hardware & software, pursuing computer science studies. Currently building 3D-printing projects and exploring homelabing.
+              Passionate about hardware & software, pursuing computer science
+              studies. Currently building 3D-printing projects and exploring
+              homelabing.
             </p>
             <div className="flex justify-center gap-4">
-              <Button asChild className="mt-4"><a href="https://github.com/schererleander" target="_blank" rel="noopener noreferrer"><Github /> Github</a></Button>
-              <Button asChild className="mt-4 bg-blue-500 dark:bg-purple-500"><a href="mailto:leander@schererleander.de" target="_blank" rel="noopener noreferrer"><Mail /> Mail</a></Button>
+              <Button asChild className="mt-4">
+                <a
+                  href="https://github.com/schererleander"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Github /> Github
+                </a>
+              </Button>
+              <Button asChild className="mt-4 bg-blue-500 dark:bg-purple-500">
+                <a
+                  href="mailto:leander@schererleander.de"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Mail /> Mail
+                </a>
+              </Button>
             </div>
           </section>
         </div>
@@ -65,12 +91,16 @@ export default function Home() {
               <a href={project.link} target="_blank" rel="noopener noreferrer">
                 <Card className="bg-secondary border border-border py-2">
                   <CardContent>
-                    <img src={project.image} alt={project.name} className="w-64 h-64 rounded-lg mb-4 object-contain mx-auto" />
+                    <img
+                      src={project.image}
+                      alt={project.name}
+                      className="w-64 h-64 rounded-lg mb-4 object-contain mx-auto"
+                    />
                     <CardTitle>{project.name}</CardTitle>
                     <CardDescription>{project.description}</CardDescription>
                     <div className="flex flex-wrap gap-2 my-4">
                       {project.badges.map((badge) => (
-                        <Badge  key={badge}>{badge}</Badge>
+                        <Badge key={badge}>{badge}</Badge>
                       ))}
                     </div>
                   </CardContent>