Update src/app/reservations/page.tsx

Merge version_1 into main

src/app/gallery/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }}
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Culinary Gallery"
+          description="Visual highlights from our kitchen."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          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" },
+            { title: "Atmosphere", description: "Our elegant dining space.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg" },
+            { 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" },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,38 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }}
+        />
+      </div>
+      <div id="pricing" data-section="pricing">
+        <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"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+    </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,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <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"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+    </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);