diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8064b70..0ae0f9e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Sparkles, Mail } from "lucide-react";
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 
 export default function LandingPage() {
   return (
@@ -162,6 +163,10 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="layout" data-section="layout">
+        <TimelineHorizontalCardStack />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[