From 4c80f99eeb81ecc76ffd3cd44a5dbb1957ea287c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 10:35:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 131 ++++++++++++-----------------------------------
 1 file changed, 32 insertions(+), 99 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8fcea88..f705599 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Skills",
-          id: "skills",
-        },
+          name: "Skills",          id: "skills"},
         {
-          name: "Timeline",
-          id: "timeline",
-        },
+          name: "Timeline",          id: "timeline"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DEVANSH"
     />
@@ -54,42 +46,21 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Hi, I'm Devansh."
       description="A Levels student. Future CS engineer. AI enthusiast."
       tag="// Mumbai, India"
       buttons={[
         {
-          text: "View my work ↓",
-          href: "#projects",
-        },
+          text: "View my work ↓",          href: "#projects"},
         {
-          text: "Get in touch",
-          href: "#contact",
-        },
+          text: "Get in touch",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg?_wi=1",
-          imageAlt: "abstract geometric dark background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg",          imageAlt: "abstract geometric dark background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-frame-pack_23-2149014818.jpg?_wi=1",
-          imageAlt: "abstract geometric dark background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg",
-          imageAlt: "3D render of an abstract with connecting lines and dots, modern communications",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg",
-          imageAlt: "3D modern plexus low poly design with selective focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-low-poly-plexus-shapes-with-floating-particles_1048-12476.jpg",
-          imageAlt: "3D modern low poly plexus shapes with floating particles",
-        },
+          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-frame-pack_23-2149014818.jpg",          imageAlt: "abstract geometric dark background"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -104,7 +75,7 @@ export default function LandingPage() {
       title="Driven to build the future."
       description="I'm a 17-year-old student in Mumbai, juggling five A Level subjects including Further Maths and Chemistry. I started coding with Python, found my way to web design, and now I'm building things that matter."
       subdescription="Outside academics, I game competitively and play sports. I believe the same mindset that wins games wins problems. My goal: join a top CS program and work on meaningful AI."
-      imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149265565.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149265565.jpg"
       icon={Code2}
       imageAlt="abstract geometric dark background"
       mediaAnimation="slide-up"
@@ -118,41 +89,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Python",
-          description: "Scripting, automation, and logic-building for AI experiments.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-shapes-cover-collection_23-2148924494.jpg",
-            imageAlt: "Hand drawn abstract shapes cover collection",
-          },
+          title: "Python",          description: "Scripting, automation, and logic-building for AI experiments.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-shapes-cover-collection_23-2148924494.jpg",            imageAlt: "Hand drawn abstract shapes cover collection"},
           items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg?_wi=2",
-          imageAlt: "Hand drawn abstract shapes cover collection",
+          reverse: false
         },
         {
-          title: "HTML",
-          description: "Semantic structure for accessible, performant web markup.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149291049.jpg",
-            imageAlt: "Hand drawn one line art illustration",
-          },
+          title: "HTML",          description: "Semantic structure for accessible, performant web markup.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149291049.jpg",            imageAlt: "Hand drawn one line art illustration"},
           items: [],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-frame-pack_23-2149014818.jpg?_wi=2",
-          imageAlt: "Hand drawn abstract shapes cover collection",
+          reverse: true
         },
         {
-          title: "CSS",
-          description: "Responsive layouts, animations, and precise pixel-perfect design.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-poster-set_23-2149291047.jpg",
-            imageAlt: "Hand drawn one line art poster set",
-          },
+          title: "CSS",          description: "Responsive layouts, animations, and precise pixel-perfect design.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-poster-set_23-2149291047.jpg",            imageAlt: "Hand drawn one line art poster set"},
           items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149265565.jpg?_wi=2",
-          imageAlt: "Hand drawn abstract shapes cover collection",
-        },
+          reverse: false
+        }
       ]}
       title="Core Technical Stack"
       description="A focused set of tools chosen for efficiency and impact."
@@ -162,40 +115,25 @@ export default function LandingPage() {
 
   <div id="timeline" data-section="timeline">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "2023",
-          title: "Completed IGCSE",
-          items: [
-            "Finished with top results in Maths and CS.",
-          ],
+          id: "1",          value: "2023",          title: "Completed IGCSE",          items: [
+            "Finished with top results in Maths and CS."],
         },
         {
-          id: "2",
-          value: "2024",
-          title: "Started A Levels",
-          items: [
-            "Challenging myself with Further Maths and Chemistry.",
-          ],
+          id: "2",          value: "2024",          title: "Started A Levels",          items: [
+            "Challenging myself with Further Maths and Chemistry."],
         },
         {
-          id: "3",
-          value: "2024",
-          title: "First Webpage",
-          items: [
-            "Zero to working HTML/CSS in weeks.",
-          ],
+          id: "3",          value: "2024",          title: "First Webpage",          items: [
+            "Zero to working HTML/CSS in weeks."],
         },
         {
-          id: "4",
-          value: "2025",
-          title: "Portfolio Launch",
-          items: [
-            "Committing to a serious online presence.",
-          ],
+          id: "4",          value: "2025",          title: "Portfolio Launch",          items: [
+            "Committing to a serious online presence."],
         },
       ]}
       title="Timeline & Growth"
@@ -218,20 +156,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="// Contact"
       title="Let's talk."
       description="I'm always up for a conversation about code, AI, or anything interesting."
       buttons={[
         {
-          text: "Email Me",
-          href: "mailto:thakkar.devansh@gmail.com",
-        },
+          text: "Email Me",          href: "mailto:thakkar.devansh@gmail.com"},
         {
-          text: "LinkedIn",
-          href: "https://linkedin.com/in/devansh-thakkar-584b66378",
-        },
+          text: "LinkedIn",          href: "https://linkedin.com/in/devansh-thakkar-584b66378"},
       ]}
     />
   </div>
-- 
2.49.1