diff --git a/src/app/page.tsx b/src/app/page.tsx
index e1d5399..5205a1f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,21 +18,23 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
-        contentWidth="small"
-        sizing="largeSmallSizeLargeTitles"
-        background="noise"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
             <NavbarStyleFullscreen
             navItems={[
+              { name: "Home", id: "hero" },
               { name: "About", id: "about" },
               { name: "Skills", id: "skills" },
               { name: "Timeline", id: "timeline" },
+              { name: "Projects", id: "projects" },
               { name: "Contact", id: "contact" }
             ]}
             brandName="DEVANSH"
@@ -41,9 +43,9 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
             <HeroSplitDualMedia
-            background={{ variant: "gradient-bars" }}
             title="Hi, I'm Devansh."
             description="A Levels student. Future CS engineer. AI enthusiast."
+            background={{ variant: "gradient-bars" }}
             tag="// Mumbai, India"
             buttons={[
               { text: "View my work ↓", href: "#projects" },
@@ -61,7 +63,6 @@ export default function LandingPage() {
 
         <div id="about" data-section="about">
             <TestimonialAboutCard
-            useInvertedBackground={false}
             tag="// About Me"
             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."
@@ -70,6 +71,7 @@ export default function LandingPage() {
             icon={Code2}
             imageAlt="abstract geometric dark background"
             mediaAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -78,16 +80,14 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="split"
             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" }, items: [], 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" }, items: [], 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" }, items: [], reverse: false },
-              { title: "Python", description: "Advanced logic for backend development.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg", imageAlt: "Abstract lines" }, items: [], reverse: false },
-              { title: "HTML", description: "Semantic web architecture.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg", imageAlt: "Plexus design" }, items: [], reverse: true }
-            ]}
             title="Core Technical Stack"
             description="A focused set of tools chosen for efficiency and impact."
             tag="// what i work with"
+            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" }, items: [], 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" }, items: [], 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" }, items: [], reverse: false }
+            ]}
           />
         </div>
 
@@ -96,15 +96,14 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
+            title="Timeline & Growth"
+            description="My journey through education and personal milestones."
             metrics={[
               { 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: "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: "5", value: "2025", title: "Deep Learning", items: ["Exploring neural networks."] }
+              { id: "4", value: "2025", title: "Portfolio Launch", items: ["Committing to a serious online presence."] }
             ]}
-            title="Timeline & Growth"
-            description="My journey through education and personal milestones."
           />
         </div>