diff --git a/src/app/page.tsx b/src/app/page.tsx
index 29c2560..0338589 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 
 export default function LandingPage() {
   return (
@@ -28,52 +29,51 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "How It Works",          id: "how-it-works"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
       ]}
       brandName="StudyGenie AI"
       button={{
-        text: "Login/Sign Up",
-        href: "#",
-      }}
+        text: "Login/Sign Up",        href: "#"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Study Smarter, Not Harder"
       description="Complex concepts explained by AI in seconds for just $2/month."
       testimonials={[
         {
-          name: "Alex",
-          handle: "@alexs",
-          testimonial: "This saved my Physics grade!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/close-up-photo-of-a-happy-university-stu-1774600348138-6d8f9ff3.png?_wi=1",
-        },
+          name: "Alex",          handle: "@alexs",          testimonial: "This saved my Physics grade!",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/close-up-photo-of-a-happy-university-stu-1774600348138-6d8f9ff3.png?_wi=1"},
       ]}
       buttons={[
         {
-          text: "Get Started",
-          href: "#pricing",
-        },
+          text: "Get Started",          href: "#pricing"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/modern-ai-student-assistant-dashboard-in-1774600348665-8c7f29d4.png"
     />
   </div>
 
+  <div id="how-it-works" data-section="how-it-works">
+    <TimelineProcessFlow 
+      title="How It Works"
+      description="Three simple steps to supercharge your studies."
+      animationType="slide-up"
+      textboxLayout="default"
+      items={[
+        { id: "1", content: "Ask any question or upload your study material.", media: "Step 1", reverse: false },
+        { id: "2", content: "Our AI analyzes and simplifies the concept for you.", media: "Step 2", reverse: true },
+        { id: "3", content: "Review your clear, concise notes and master the topic.", media: "Step 3", reverse: false },
+      ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardMedia
       animationType="slide-up"
@@ -81,26 +81,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "AI Homework Helper",
-          description: "Get instant help with any homework question at any time.",
-          tag: "Popular",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/playful-3d-icon-representing-an-ai-homew-1774600350078-d421baf3.png",
-        },
+          id: "f1",          title: "AI Homework Helper",          description: "Get instant help with any homework question at any time.",          tag: "Popular",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/playful-3d-icon-representing-an-ai-homew-1774600350078-d421baf3.png"},
         {
-          id: "f2",
-          title: "Instant Essay Outliner",
-          description: "Generate perfect outlines for your essays in seconds.",
-          tag: "Fast",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/playful-3d-icon-representing-an-essay-wr-1774600348194-e859123c.png",
-        },
+          id: "f2",          title: "Instant Essay Outliner",          description: "Generate perfect outlines for your essays in seconds.",          tag: "Fast",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/playful-3d-icon-representing-an-essay-wr-1774600348194-e859123c.png"},
         {
-          id: "f3",
-          title: "Science Simplifier",
-          description: "Turn hard science concepts into easy-to-understand explanations.",
-          tag: "Science",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/playful-3d-icon-representing-a-science-c-1774600348927-52f71c5a.png",
-        },
+          id: "f3",          title: "Science Simplifier",          description: "Turn hard science concepts into easy-to-understand explanations.",          tag: "Science",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/playful-3d-icon-representing-a-science-c-1774600348927-52f71c5a.png"},
       ]}
       title="Everything You Need to Ace School"
       description="Powerful tools designed to reduce study stress and boost productivity."
@@ -114,20 +99,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "student-plan",
-          title: "Student Plan",
-          price: "$2",
-          period: "/month",
-          features: [
-            "AI Homework Help",
-            "Essay Outlining",
-            "Unlimited Simplifications",
-            "Mobile Access",
-          ],
+          id: "student-plan",          title: "Student Plan",          price: "$2",          period: "/month",          features: [
+            "AI Homework Help",            "Essay Outlining",            "Unlimited Simplifications",            "Mobile Access"],
           button: {
-            text: "Unlock All Features",
-            href: "#",
-          },
+            text: "Unlock Student Plan",            href: "#"},
         },
       ]}
       title="Affordable Study Pro Access"
@@ -141,45 +116,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah J.",
-          date: "Oct 2023",
-          title: "Saved my grade",
-          quote: "This saved my Physics grade! Seriously, I was failing and now I get it.",
-          tag: "Physics Student",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/headshot-of-a-friendly-student-1774600347988-b2323f3d.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/close-up-photo-of-a-happy-university-stu-1774600348138-6d8f9ff3.png?_wi=2",
-        },
+          id: "t1",          name: "Sarah J.",          date: "Oct 2023",          title: "Saved my grade",          quote: "This saved my Physics grade! Seriously, I was failing and now I get it.",          tag: "Physics Student",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/headshot-of-a-friendly-student-1774600347988-b2323f3d.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/close-up-photo-of-a-happy-university-stu-1774600348138-6d8f9ff3.png?_wi=2"},
         {
-          id: "t2",
-          name: "Michael C.",
-          date: "Nov 2023",
-          title: "Fast and easy",
-          quote: "Instant essay outlines? Total game changer for last minute cramming.",
-          tag: "Writing",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/headshot-of-a-friendly-student-1774600347767-a016b8cd.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/happy-student-portrait-looking-at-a-tabl-1774600347808-598eeaa8.png",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          date: "Dec 2023",
-          title: "Explained perfectly",
-          quote: "Chemistry felt impossible, now I understand every lesson. Simply amazing.",
-          tag: "Science",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/headshot-of-a-friendly-student-1774600349600-69e02588.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/university-student-smiling-holding-books-1774600348303-c24f3b98.png",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          date: "Jan 2024",
-          title: "Highly recommended",
-          quote: "I use StudyGenie every day. It's the best $2 I spend monthly.",
-          tag: "All-Rounder",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/headshot-of-a-friendly-student-1774600347568-4c666988.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/focused-student-using-an-ai-app-warm-lig-1774600350230-33ca2b3b.png",
-        },
+          id: "t2",          name: "Michael C.",          date: "Nov 2023",          title: "Fast and easy",          quote: "Instant essay outlines? Total game changer for last minute cramming.",          tag: "Writing",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/headshot-of-a-friendly-student-1774600347767-a016b8cd.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMKSfr926PZlihLsLynyQBfzS/happy-student-portrait-looking-at-a-tabl-1774600347808-598eeaa8.png"},
       ]}
       title="Loved by Students Everywhere"
       description="See why thousands of students trust StudyGenie AI."
@@ -190,16 +129,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="StudyGenie AI"
       leftLink={{
-        text: "Login/Sign Up",
-        href: "#",
-      }}
+        text: "Login",        href: "/login"}}
       rightLink={{
-        text: "Twitter/Instagram",
-        href: "https://twitter.com",
-      }}
+        text: "Follow Us",        href: "https://twitter.com"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 623f73b..6551f61 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9fff9;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --card: #f0fdf4;
+  --foreground: #111827;
+  --primary-cta: #10b981;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f3f4f6;
   --secondary-cta-text: #001a0a;
-  --accent: #b8e6c8;
-  --background-accent: #e6f5ea;
+  --accent: #d1fae5;
+  --background-accent: #eefdf2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);