Merge version_6 into main

Merge version_6 into main

src/app/menu/page.tsx

@@ -0,0 +1,146 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
+const navItems = [
+  {
+    name: "Home",    id: "#hero"
+  },
+  {
+    name: "Our Story",    id: "#about"
+  },
+  {
+    name: "Flavors",    id: "#features"
+  },
+  {
+    name: "Menu",    id: "/menu"
+  },
+  {
+    name: "Testimonials",    id: "#testimonials"
+  },
+  {
+    name: "Contact",    id: "#contact"
+  },
+];
+
+const footerColumns = [
+  {
+    title: "Chill Way Kitchen",    items: [
+      {
+        label: "Hours",        href: "#"
+      },
+      {
+        label: "Phone",        href: "#"
+      },
+      {
+        label: "Address",        href: "#"
+      },
+    ],
+  },
+  {
+    title: "Discover",    items: [
+      {
+        label: "Menu",        href: "/menu"
+      },
+      {
+        label: "Our Story",        href: "#about"
+      },
+      {
+        label: "Flavors",        href: "#features"
+      },
+    ],
+  },
+  {
+    title: "Connect",    items: [
+      {
+        label: "Social Links",        href: "#"
+      },
+      {
+        label: "Google Reviews",        href: "#"
+      },
+      {
+        label: "Order Online",        href: "#"
+      },
+    ],
+  },
+];
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-vector/bakery-logo-with-retro-design_23-2148464553.jpg"
+            logoAlt="Chill Way Kitchen Logo"
+            brandName="Chill Way Kitchen"
+            bottomLeftText="Worth The Drive."
+            bottomRightText="Worth Every Bite."
+            button={{
+              text: "Order Now",              href: "#contact"
+            }}
+          />
+        </div>
+
+        <div id="menu-content" data-section="menu-content">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "p1",                name: "Wings",                price: "From $12",                variant: "Signature sauces and dry rubs.",                imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-french-fries-wooden-plate_176474-2700.jpg",                imageAlt: "Signature chicken wings platter"
+              },
+              {
+                id: "p2",                name: "Loaded Fries",                price: "From $8",                variant: "Flavor-packed comfort food.",                imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-cheese-top_74190-4787.jpg",                imageAlt: "Loaded fries with cheese and bacon"
+              },
+              {
+                id: "p3",                name: "Combos",                price: "From $15",                variant: "The perfect meal.",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-nuggets-with-french-fries-ketchup-board_141793-4842.jpg",                imageAlt: "Chicken wings and fries combo"
+              },
+              {
+                id: "p4",                name: "Daily Specials",                price: "Varies",                variant: "Something worth coming back for.",                imageSrc: "http://img.b2bpic.net/free-photo/female-chef-white-uniform-holding-blackboard-looking-serious_176474-12645.jpg",                imageAlt: "Daily specials board"
+              },
+              {
+                id: "p5",                name: "Drinks",                price: "From $2",                variant: "Refresh your palate.",                imageSrc: "http://img.b2bpic.net/free-photo/red-drinks-with-ice_1203-769.jpg",                imageAlt: "Assorted soft drinks"
+              },
+              {
+                id: "p6",                name: "Desserts",                price: "From $6",                variant: "Sweet endings.",                imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-raspberries-white-background-cake-biscuit-sweet-cream-dessert_140725-96601.jpg",                imageAlt: "Chocolate lava cake"
+              },
+            ]}
+            title="Our Signature Menu"
+            description="From our legendary wings to loaded fries, explore a taste experience that travels well."
+            buttons={[]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646573.jpg?_wi=1"
+            imageAlt="Variety of fried chicken with sauces and french fries"
+            logoText="Chill Way Kitchen"
+            columns={footerColumns}
+            copyrightText="© 2024 Chill Way Kitchen. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -9,10 +9,73 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
+const navItems = [
+  {
+    name: "Home",    id: "#hero"
+  },
+  {
+    name: "Our Story",    id: "#about"
+  },
+  {
+    name: "Flavors",    id: "#features"
+  },
+  {
+    name: "Menu",    id: "/menu"
+  },
+  {
+    name: "Testimonials",    id: "#testimonials"
+  },
+  {
+    name: "Contact",    id: "#contact"
+  },
+];
+
+const footerColumns = [
+  {
+    title: "Chill Way Kitchen",    items: [
+      {
+        label: "Hours",        href: "#"
+      },
+      {
+        label: "Phone",        href: "#"
+      },
+      {
+        label: "Address",        href: "#"
+      },
+    ],
+  },
+  {
+    title: "Discover",    items: [
+      {
+        label: "Menu",        href: "/menu"
+      },
+      {
+        label: "Our Story",        href: "#about"
+      },
+      {
+        label: "Flavors",        href: "#features"
+      },
+    ],
+  },
+  {
+    title: "Connect",    items: [
+      {
+        label: "Social Links",        href: "#"
+      },
+      {
+        label: "Google Reviews",        href: "#"
+      },
+      {
+        label: "Order Online",        href: "#"
+      },
+    ],
+  },
+];
+
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -30,41 +93,32 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
-      navItems={[
+            navItems={navItems}
-        {
-          name: "Home",          id: "#hero"},
-        {
-          name: "Our Story",          id: "#about"},
-        {
-          name: "Flavors",          id: "#features"},
-        {
-          name: "Menu",          id: "#menu"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
-      ]}
             logoSrc="http://img.b2bpic.net/free-vector/bakery-logo-with-retro-design_23-2148464553.jpg"
             logoAlt="Chill Way Kitchen Logo"
             brandName="Chill Way Kitchen"
             bottomLeftText="Worth The Drive."
             bottomRightText="Worth Every Bite."
             button={{
-        text: "Order Now",        href: "#contact"}}
+              text: "Order Now",              href: "#contact"
+            }}
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroLogoBillboard
             background={{
-        variant: "radial-gradient"}}
+              variant: "radial-gradient"
+            }}
             logoText="Chill Way Kitchen"
             description="Premium wings. Legendary flavor. Friendly service.\nDiscover why customers travel across town for the wings everyone talks about."
             buttons={[
               {
-          text: "Order Now",          href: "#contact"},
+                text: "Order Now",                href: "#contact"
+              },
               {
-          text: "View Menu",          href: "#menu"},
+                text: "View Menu",                href: "/menu"
+              },
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/chicken-prepared-sauce-served-with-lemon-slices_141793-558.jpg"
             videoSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-chicken-with-sauce_23-2149973019.jpg"
@@ -79,7 +133,8 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             names={[
-        "10/10 Customer Reviews",        "Fan-Favorite Wing Flavors",        "Worth The Drive",        "Friendly Service Every Time",        "Takeout Specialists"]}
+              "10/10 Customer Reviews",              "Fan-Favorite Wing Flavors",              "Worth The Drive",              "Friendly Service Every Time",              "Takeout Specialists"
+            ]}
             title="Trusted by our Community"
             description="★★★★★ Loved by locals across Mississippi"
           />
@@ -103,55 +158,35 @@ export default function LandingPage() {
             features={[
               {
                 id: "f1",                title: "Lemon Pepper",                author: "Classic Favorite",                description: "Crispy, perfectly seasoned, a crowd-pleaser every time.",                tags: [
-            "Dry Rub",            "Tangy"],
+                  "Dry Rub",                  "Tangy"
-          imageSrc: "http://img.b2bpic.net/free-photo/preparing-raw-barbeque-chicken-cooking_1220-2991.jpg",          imageAlt: "Lemon pepper wings"},
+                ],
+                imageSrc: "http://img.b2bpic.net/free-photo/preparing-raw-barbeque-chicken-cooking_1220-2991.jpg",                imageAlt: "Lemon pepper wings"
+              },
               {
                 id: "f2",                title: "Hot Honey",                author: "Sweet Heat",                description: "A perfect balance of sweet and spicy with a bold, sticky finish.",                tags: [
-            "Saucy",            "Spicy"],
+                  "Saucy",                  "Spicy"
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-meat-appetizer-spicy-with-honey-generative-ai_188544-12164.jpg",          imageAlt: "Hot honey wings"},
+                ],
+                imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-meat-appetizer-spicy-with-honey-generative-ai_188544-12164.jpg",                imageAlt: "Hot honey wings"
+              },
               {
                 id: "f3",                title: "43 Shakedown",                author: "Secret Recipe",                description: "The enigmatic flavor everyone talks about and keeps coming back for.",                tags: [
-            "Unique",            "Savory"],
+                  "Unique",                  "Savory"
-          imageSrc: "http://img.b2bpic.net/free-photo/man-eating-fried-chicken-with-sauce-cafe_1303-26171.jpg",          imageAlt: "43 Shakedown wings"},
+                ],
+                imageSrc: "http://img.b2bpic.net/free-photo/man-eating-fried-chicken-with-sauce-cafe_1303-26171.jpg",                imageAlt: "43 Shakedown wings"
+              },
               {
                 id: "f4",                title: "All In",                author: "Flavor Explosion",                description: "Everything you love in one unforgettable bite – a truly comprehensive flavor.",                tags: [
-            "Bold",            "Rich"],
+                  "Bold",                  "Rich"
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646573.jpg",          imageAlt: "All In wings"},
+                ],
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646573.jpg?_wi=2",                imageAlt: "All In wings"
+              },
             ]}
             title="Featured Flavors"
             description="Discover the tastes that make us a local legend. Each flavor is crafted to be 'Worth Every Bite.'"
             buttons={[
               {
-          text: "Try Them Today",          href: "#contact"},
+                text: "Try Them Today",                href: "#contact"
-      ]}
+              },
-    />
-  </div>
-
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Wings",          price: "From $12",          variant: "Signature sauces and dry rubs.",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-french-fries-wooden-plate_176474-2700.jpg",          imageAlt: "Signature chicken wings platter"},
-        {
-          id: "p2",          name: "Loaded Fries",          price: "From $8",          variant: "Flavor-packed comfort food.",          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-cheese-top_74190-4787.jpg",          imageAlt: "Loaded fries with cheese and bacon"},
-        {
-          id: "p3",          name: "Combos",          price: "From $15",          variant: "The perfect meal.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-nuggets-with-french-fries-ketchup-board_141793-4842.jpg",          imageAlt: "Chicken wings and fries combo"},
-        {
-          id: "p4",          name: "Daily Specials",          price: "Varies",          variant: "Something worth coming back for.",          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-white-uniform-holding-blackboard-looking-serious_176474-12645.jpg",          imageAlt: "Daily specials board"},
-        {
-          id: "p5",          name: "Drinks",          price: "From $2",          variant: "Refresh your palate.",          imageSrc: "http://img.b2bpic.net/free-photo/red-drinks-with-ice_1203-769.jpg",          imageAlt: "Assorted soft drinks"},
-        {
-          id: "p6",          name: "Desserts",          price: "From $6",          variant: "Sweet endings.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-raspberries-white-background-cake-biscuit-sweet-cream-dessert_140725-96601.jpg",          imageAlt: "Chocolate lava cake"},
-      ]}
-      title="Our Signature Menu"
-      description="From our legendary wings to loaded fries, explore a taste experience that travels well."
-      buttons={[
-        {
-          text: "See Full Menu",          href: "#"},
             ]}
           />
         </div>
@@ -188,13 +223,17 @@ export default function LandingPage() {
             useInvertedBackground={false}
             metrics={[
               {
-          id: "m1",          value: "1.",          title: "Flavor Worth Talking About",          description: "Every wing is crafted for maximum flavor, from classic Lemon Pepper to our secret 43 Shakedown.",          imageSrc: "http://img.b2bpic.net/free-photo/appetizing-glazed-sesame-chicken-wings-dark-bowl_84443-85767.jpg",          imageAlt: "Spicy chicken wing"},
+                id: "m1",                value: "1.",                title: "Flavor Worth Talking About",                description: "Every wing is crafted for maximum flavor, from classic Lemon Pepper to our secret 43 Shakedown.",                imageSrc: "http://img.b2bpic.net/free-photo/appetizing-glazed-sesame-chicken-wings-dark-bowl_84443-85767.jpg",                imageAlt: "Spicy chicken wing"
+              },
               {
-          id: "m2",          value: "2.",          title: "Friendly Faces",          description: "Our hospitality makes every order feel like family. We're here to make your visit special.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-sitting-near-bar_171337-18152.jpg",          imageAlt: "Friendly staff at counter"},
+                id: "m2",                value: "2.",                title: "Friendly Faces",                description: "Our hospitality makes every order feel like family. We're here to make your visit special.",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-sitting-near-bar_171337-18152.jpg",                imageAlt: "Friendly staff at counter"
+              },
               {
-          id: "m3",          value: "3.",          title: "Local Favorite",          description: "Built by community support and customer loyalty, we're the spot everyone recommends.",          imageSrc: "http://img.b2bpic.net/free-photo/sincere-laugh-showing-picture-smartphone-casual-meeting-with-best-friends-restaurant-terrace_8353-10272.jpg",          imageAlt: "Local restaurant exterior"},
+                id: "m3",                value: "3.",                title: "Local Favorite",                description: "Built by community support and customer loyalty, we're the spot everyone recommends.",                imageSrc: "http://img.b2bpic.net/free-photo/sincere-laugh-showing-picture-smartphone-casual-meeting-with-best-friends-restaurant-terrace_8353-10272.jpg",                imageAlt: "Local restaurant exterior"
+              },
               {
-          id: "m4",          value: "4.",          title: "Quick Takeout",          description: "Enjoy fresh, hot food without the wait. Perfect for your on-the-go cravings.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-batch-cooking-arrangement-with-copy-space_23-2148826838.jpg",          imageAlt: "Takeout food bag"},
+                id: "m4",                value: "4.",                title: "Quick Takeout",                description: "Enjoy fresh, hot food without the wait. Perfect for your on-the-go cravings.",                imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-batch-cooking-arrangement-with-copy-space_23-2148826838.jpg",                imageAlt: "Takeout food bag"
+              },
             ]}
             title="Why Choose Chill Way Kitchen?"
             description="We're more than just wings. We're an experience built on passion, flavor, and community."
@@ -205,54 +244,26 @@ export default function LandingPage() {
           <ContactText
             useInvertedBackground={false}
             background={{
-        variant: "radial-gradient"}}
+              variant: "radial-gradient"
+            }}
             text="Ready For Your New Favorite Wing Spot.\nOne visit is all it takes to understand why people keep coming back."
             buttons={[
               {
-          text: "ORDER NOW",          href: "#"},
+                text: "ORDER NOW",                href: "#"
+              },
               {
-          text: "GET DIRECTIONS",          href: "#"},
+                text: "GET DIRECTIONS",                href: "#"
+              },
             ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646573.jpg?_wi=3"
-      imageAlt="Luxury kitchen background with gold accents"
+            imageAlt="Variety of fried chicken with sauces and french fries"
             logoText="Chill Way Kitchen"
-      columns={[
+            columns={footerColumns}
-        {
-          title: "Chill Way Kitchen",          items: [
-            {
-              label: "Hours",              href: "#"},
-            {
-              label: "Phone",              href: "#"},
-            {
-              label: "Address",              href: "#"},
-          ],
-        },
-        {
-          title: "Discover",          items: [
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "Our Story",              href: "#about"},
-            {
-              label: "Flavors",              href: "#features"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "Social Links",              href: "#"},
-            {
-              label: "Google Reviews",              href: "#"},
-            {
-              label: "Order Online",              href: "#"},
-          ],
-        },
-      ]}
             copyrightText="© 2024 Chill Way Kitchen. All rights reserved."
           />
         </div>