Update src/app/page.tsx

Merge version_2 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="Wing Joint"
+          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?_wi=1" },
+            { title: "Atmosphere", description: "Our elegant dining space.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg?_wi=1" },
+            { 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?_wi=1" },
+          ]}
+        />
+      </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="Wing Joint"
+          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">
@@ -34,7 +34,7 @@ export default function LandingPage() {
               { name: "Reviews", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
-            brandName="Lumière Dining"
+            brandName="Wing Joint"
             button={{ text: "Book Table", href: "#contact" }}
           />
         </div>
@@ -47,8 +47,8 @@ export default function LandingPage() {
             tag="Since 1985"
             buttons={[{ text: "Book Your Experience", href: "#contact" }]}
             mediaItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", imageAlt: "Luxurious dining atmosphere" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", imageAlt: "Signature gourmet dish" }
+              { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg?_wi=2", imageAlt: "Luxurious dining atmosphere" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg?_wi=2", imageAlt: "Signature gourmet dish" }
             ]}
             mediaAnimation="blur-reveal"
             rating={5}
@@ -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={[
@@ -79,7 +79,7 @@ export default function LandingPage() {
             useInvertedBackground={false}
             animationType="slide-up"
             features={[
-              { title: "Sommelier Selection", description: "Hand-picked vintage wines from premier estates worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Wine cellar" },
+              { title: "Sommelier Selection", description: "Hand-picked vintage wines from premier estates worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg?_wi=2", imageAlt: "Wine cellar" },
               { title: "Farm to Table", description: "Sustainably sourced ingredients harvested at peak ripeness.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-healthy-vegetables-colander-marble-desk_23-2147956588.jpg", imageAlt: "Fresh ingredients" },
               { title: "Ambience Redefined", description: "Impeccable interior design for ultimate comfort and elegance.", imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg", imageAlt: "Restaurant dining room" },
             ]}
@@ -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"
@@ -134,10 +134,10 @@ export default function LandingPage() {
                 ],
               },
             ]}
-            logoText="Lumière Dining"
+            logoText="Wing Joint"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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="Wing Joint"
+          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);