src/app/page.tsx

@@ -9,6 +9,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 
 export default function LandingPage() {
   return (
@@ -30,6 +31,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Features", id: "features" },
         { name: "Success", id: "testimonials" },
+        { name: "Process", id: "process" },
         { name: "Support", id: "contact" },
       ]}
       brandName="Motiv8"
@@ -70,6 +72,18 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="process" data-section="process">
+      <TimelineHorizontalCardStack
+        title="Presentation: Platform Summary"
+        description="A comprehensive 10-slide overview of our research, design, and implementation plan."
+        textboxLayout="default"
+      >
+        <div className="p-8 text-center text-lg">
+          <p>Slide 1: Executive Summary | Slide 2: Problem Statement | Slide 3: Target Audience | Slide 4: Market Research | Slide 5: User Journey Mapping | Slide 6: Core Features | Slide 7: Design System & Branding | Slide 8: Technical Architecture | Slide 9: Implementation Roadmap | Slide 10: Future Recommendations</p>
+        </div>
+      </TimelineHorizontalCardStack>
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
       animationType="slide-up"