diff --git a/src/app/page.tsx b/src/app/page.tsx
index c2cdd10..4c7b170 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Calendar, Star, Utensils } from "lucide-react";
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ContactText from '@/components/sections/contact/ContactText';
 
 export default function LandingPage() {
   return (
@@ -31,11 +31,11 @@ export default function LandingPage() {
       navItems={[
         { name: "Story", id: "about" },
         { name: "Menu", id: "menu" },
-        { name: "Reservation", id: "hero" },
+        { name: "Reservation", id: "reservation" },
         { name: "Reviews", id: "reviews" },
       ]}
       brandName="L'Hivernage"
-      button={{ text: "Reserve Now", href: "#hero" }}
+      button={{ text: "Reserve Now", href: "#reservation" }}
     />
   </div>
 
@@ -52,7 +52,7 @@ export default function LandingPage() {
         { name: "Youssef & Laila", handle: "Casablanca", testimonial: "It felt like someone planned the evening for us.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262201.jpg?_wi=1" },
         { name: "Marc T.", handle: "Geneva", testimonial: "A masterclass in culinary refinement. Absolute perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg?_wi=2" }
       ]}
-      buttons={[{ text: "Reserve Now", href: "#hero" }]}
+      buttons={[{ text: "Reserve Now", href: "#reservation" }]}
       imageSrc="http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg"
     />
   </div>
@@ -74,43 +74,63 @@ export default function LandingPage() {
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
+      <TimelineHorizontalCardStack
+      title="Our Culinary Selection"
+      description="Exactly two curated menus to guide your evening."
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      products={[
-        { id: "m1", name: "Briouats au Fromage", price: "95 DH", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg" },
-        { id: "m2", name: "Agneau Confit", price: "280 DH", imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg" },
-        { id: "m3", name: "Moelleux Chocolat", price: "95 DH", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" }
-      ]}
-      title="The Menu"
-      description="Three books. One evening. Explore our seasonal selection."
+      >
+        <ProductCardFour
+            gridVariant="one-large-left-three-stacked-right"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            title="Signature Collection"
+            products={[
+                { id: "p1", name: "Briouats au Fromage", price: "95 DH", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg" },
+                { id: "p2", name: "Agneau Confit", price: "280 DH", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg" }
+            ]}
+        />
+        <ProductCardFour
+            gridVariant="one-large-right-three-stacked-left"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            title="Seasonal Specials"
+            products={[
+                { id: "p3", name: "Moelleux Chocolat", price: "95 DH", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" }
+            ]}
+        />
+      </TimelineHorizontalCardStack>
+  </div>
+
+  <div id="reservation" data-section="reservation">
+      <ContactText
+      text="Reserve your table at L'Hivernage. Experience culinary perfection."
+      background={{ variant: "canvas-reveal" }}
+      useInvertedBackground={true}
+      buttons={[{ text: "Book Now", onClick: () => alert("Reservation system active") }]}
     />
   </div>
 
   <div id="reviews" data-section="reviews">
       <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
+      animationType="depth-3d"
+      textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
         { id: "t1", name: "Sofia L.", handle: "Paris", testimonial: "The lamb was unlike anything I've had in Marrakech. Remarkable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg?_wi=2" },
         { id: "t2", name: "Karim B.", handle: "London", testimonial: "The food arrived and I stopped thinking about anything else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg?_wi=3" },
-        { id: "t3", name: "Amelia R.", handle: "New York", testimonial: "For the first time at a restaurant, I felt completely safe with my allergy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg?_wi=2" },
-        { id: "t4", name: "Youssef & Laila", handle: "Casablanca", testimonial: "It felt less like a restaurant and more like someone had planned the entire evening.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262201.jpg?_wi=2" },
-        { id: "t5", name: "Elena V.", handle: "Madrid", testimonial: "Unforgettable. The ambiance combined with the menu is unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg?_wi=3" }
+        { id: "t3", name: "Amelia R.", handle: "New York", testimonial: "For the first time at a restaurant, I felt completely safe with my allergy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg?_wi=2" }
       ]}
       showRating={true}
       title="Words from our table"
-      description="340+ reviews from guests who experienced our evening."
+      description="Guest experiences at L'Hivernage."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        { title: "Navigate", items: [{ label: "Story", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reservation", href: "#hero" }] },
+        { title: "Navigate", items: [{ label: "Story", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reservation", href: "#reservation" }] },
         { title: "Visit", items: [{ label: "Hivernage Quarter", href: "#" }, { label: "Marrakech, Morocco", href: "#" }] },
         { title: "Contact", items: [{ label: "+212 6XX XXX XXX", href: "tel:+2126XXXXXXXX" }, { label: "hello@lhivernage.ma", href: "mailto:hello@lhivernage.ma" }] }
       ]}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..36a4fc2 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #fbfbfb;
+  --card: #f0f0f0;
+  --foreground: #1a1a1a;
+  --primary-cta: #c5a059;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #e5d3b3;
+  --background-accent: #f3eee5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);