src/app/gallery/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Menu", id: "/menu" },
+          { name: "Gallery", id: "/gallery" },
+          { name: "Reservations", id: "/reservations" },
+        ]}
+        brandName="Lumière Dining"
+        button={{ text: "Book Table", href: "/reservations" }}
+      />
+      <FeatureCardTwentyNine
+        title="Culinary Gallery"
+        description="Visual highlights from our kitchen."
+        gridVariant="three-columns-all-equal-width"
+        animationType="slide-up"
+        features={[
+          { title: "Plated Art", description: "Signature dishes served daily.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", titleIconSrc: "", buttonText: "" },
+          { title: "Atmosphere", description: "Our elegant dining space.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", titleIconSrc: "", buttonText: "" },
+          { title: "Crafted Drinks", description: "Premium refreshments.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", titleIconSrc: "", buttonText: "" },
+        ]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Menu", id: "/menu" },
+          { name: "Gallery", id: "/gallery" },
+          { name: "Reservations", id: "/reservations" },
+        ]}
+        brandName="Lumière Dining"
+        button={{ text: "Book Table", href: "/reservations" }}
+      />
+      <PricingCardEight
+        title="Our Signature Wings"
+        description="A culinary journey through bold spice profiles and perfectly crisped textures."
+        plans={[
+          { id: "classic", badge: "Fan Favorite", price: "$16", subtitle: "Classic Buffalo", features: ["Celery & Carrots", "Blue Cheese Dip", "House Blend Sauce"], buttons: [{ text: "Select" }] },
+          { id: "honey", badge: "Sweet & Savory", price: "$18", subtitle: "Honey Garlic Glaze", features: ["Toasted Sesame", "Green Onions", "Crispy Garlic Chips"], buttons: [{ text: "Select" }] },
+          { id: "spicy", badge: "Bold Heat", price: "$19", subtitle: "Ghost Pepper Lime", features: ["Fresh Cilantro", "Chipotle Mayo", "Lime Zest"], buttons: [{ text: "Select" }] }
+        ]}
+        animationType="slide-up"
+      />
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -15,14 +15,14 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="shift-hover"
       defaultTextAnimation="reveal-blur"
-      borderRadius="rounded"
+      borderRadius="pill"
       contentWidth="mediumLarge"
-      sizing="mediumLarge"
-      background="noise"
-      cardStyle="glass-depth"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -58,7 +58,7 @@ export default function LandingPage() {
 
         <div id="about" data-section="about">
           <MetricSplitMediaAbout
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             title="Mastery of the Culinary Craft"
             description="Led by visionary chefs, our kitchen is a sanctuary for authentic ingredients and bold, experimental flavor profiles. We prioritize organic, locally sourced produce to deliver an unparalleled dining journey."
             metrics={[
@@ -90,7 +90,7 @@ export default function LandingPage() {
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFifteen
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             testimonial="A truly transcendental experience. The balance of textures and flavors in the signature tasting menu is nothing short of artistic perfection."
             rating={5}
             author="Julian Sterling, Food Critic"

src/app/reservations/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ReservationsPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Menu", id: "/menu" },
+          { name: "Gallery", id: "/gallery" },
+          { name: "Reservations", id: "/reservations" },
+        ]}
+        brandName="Lumière Dining"
+        button={{ text: "Book Table", href: "/reservations" }}
+      />
+      <ContactCenter
+        tag="Reservations"
+        title="Book Your Table"
+        description="Please select your preferred date and time to reserve a table at our restaurant."
+        buttonText="Confirm Reservation"
+      />
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fbfaf8;
+  --card: #f3eee9;
+  --foreground: #1a1a1a;
+  --primary-cta: #c19a6b;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #e8e1d9;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #d4b483;
+  --background-accent: #f3eee9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);