Merge version_4 into main

Merge version_4 into main

src/app/menu/page.tsx

@@ -0,0 +1,172 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function MenuPage() {
+  const navItems = [
+    {
+      name: "Home",      id: "/"
+    },
+    {
+      name: "About",      id: "/#about"
+    },
+    {
+      name: "Menu",      id: "/menu"
+    },
+    {
+      name: "Why Choose Us",      id: "/#features"
+    },
+    {
+      name: "Testimonials",      id: "/#testimonials"
+    },
+    {
+      name: "Gallery",      id: "/#gallery"
+    },
+    {
+      name: "FAQ",      id: "/#faq"
+    },
+    {
+      name: "Contact",      id: "/#contact"
+    }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Menu",      items: [
+        { label: "Salad", href: "/menu" },
+        { label: "Chilaquiles", href: "/menu" },
+        { label: "Bean and Cheese burrito", href: "/menu" },
+        { label: "Fried Sushi", href: "/menu" },
+        { label: "Plato De Menudo soup", href: "/menu" },
+        { label: "REAL Horchata", href: "/menu" },
+        { label: "Cola", href: "/menu" },
+        { label: "Bacon and Egg burrito", href: "/menu" },
+        { label: "California rolls", href: "/menu" },
+        { label: "Tortillas soup", href: "/menu" },
+        { label: "Huevos Rancheros", href: "/menu" },
+        { label: "Order Pickup", href: "/#contact" }
+      ]
+    },
+    {
+      title: "About Us",      items: [
+        { label: "Our Story", href: "/#about" },
+        { label: "Our Values", href: "/#features" },
+        { label: "Testimonials", href: "/#testimonials" },
+        { label: "Gallery", href: "/#gallery" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "Contact Us", href: "/#contact" },
+        { label: "FAQ", href: "/#faq" },
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="grid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={navItems}
+            button={{
+              text: "Order Now",              href: "/#contact"
+            }}
+            brandName="EL SNAPPY"
+          />
+        </div>
+
+        <div id="menu-section" data-section="menu-section">
+          <LegalSection
+            layout="page"
+            title="Our Delicious Menu"
+            subtitle="Taste the tradition, savor the flavor."
+            sections={[
+              {
+                heading: "Breakfast Burritos & Plates",                content: [
+                  { type: "paragraph", text: "Start your day the El Snappy way!" },
+                  { type: "list", items: ["Huevos Rancheros", "Bean and Cheese burrito", "Bacon and Egg burrito"]
+                  }
+                ]
+              },
+              {
+                heading: "Mexican Classics & Soups",                content: [
+                  { type: "paragraph", text: "Authentic flavors crafted with care." },
+                  { type: "list", items: ["Salad", "Chilaquiles", "Plato De Menudo soup", "Tortillas soup"]
+                  }
+                ]
+              },
+              {
+                heading: "Fresh Sushi Creations",                content: [
+                  { type: "paragraph", text: "A unique fusion of flavors." },
+                  { type: "list", items: ["Fried Sushi", "California rolls"]
+                  }
+                ]
+              },
+              {
+                heading: "Refreshing Drinks",                content: [
+                  { type: "paragraph", text: "Perfect pairings for your meal." },
+                  { type: "list", items: ["REAL Horchata", "Cola"]
+                  }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        {/* Minimal Contact and FAQ sections for menu page, linking back to main sections if needed */}
+        <div id="contact" data-section="contact">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Questions about our menu?"
+      description="We're here to help! Reach out to us for any dietary restrictions or special requests."
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true
+        },
+        {
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true
+        }
+      ]}
+      textarea={{
+        name: "message",        placeholder: "Your Message",        rows: 4
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749963.jpg?_wi=1"
+      imageAlt="Vibrant Mexican market scene"
+      mediaAnimation="opacity"
+      mediaPosition="right"
+      buttonText="SEND MESSAGE"
+    />
+  </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="EL SNAPPY"
+            columns={footerColumns}
+            copyrightText="© 2024 El Snappy Mexican Food. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -15,6 +15,63 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
+  const navItems = [
+    {
+      name: "Home",      id: "/"
+    },
+    {
+      name: "About",      id: "/#about"
+    },
+    {
+      name: "Menu",      id: "/menu"
+    },
+    {
+      name: "Why Choose Us",      id: "/#features"
+    },
+    {
+      name: "Testimonials",      id: "/#testimonials"
+    },
+    {
+      name: "Gallery",      id: "/#gallery"
+    },
+    {
+      name: "FAQ",      id: "/#faq"
+    },
+    {
+      name: "Contact",      id: "/#contact"
+    }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Menu",      items: [
+        { label: "Huevos Rancheros", href: "/menu" },
+        { label: "Carne Asada Burrito", href: "/menu" },
+        { label: "Homemade Tortillas", href: "/menu" },
+        { label: "Sushi Platters", href: "/menu" },
+        { label: "Pancake Breakfast", href: "/menu" },
+        { label: "Nachos & Tacos", href: "/menu" },
+        { label: "Order Pickup", href: "/#contact" }
+      ]
+    },
+    {
+      title: "About Us",      items: [
+        { label: "Our Story", href: "/#about" },
+        { label: "Our Values", href: "/#features" },
+        { label: "Testimonials", href: "/#testimonials" },
+        { label: "Gallery", href: "/#gallery" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "Contact Us", href: "/#contact" },
+        { label: "FAQ", href: "/#faq" },
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" }
+      ]
+    }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -31,26 +88,9 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
-      navItems={[
+      navItems={navItems}
-        {
-          name: "Home",          id: "#home"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Favorites",          id: "#favorites"},
-        {
-          name: "Why Choose Us",          id: "#features"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
-        {
-          name: "Gallery",          id: "#gallery"},
-        {
-          name: "FAQ",          id: "#faq"},
-        {
-          name: "Contact",          id: "#contact"},
-      ]}
       button={{
-        text: "Order Now",        href: "#contact"}}
+        text: "Order Now",        href: "/#contact"}}
       brandName="EL SNAPPY"
     />
   </div>
@@ -61,9 +101,9 @@ export default function LandingPage() {
       description="A South Phoenix favorite serving homemade Mexican classics, breakfast favorites, fresh sushi creations, and unforgettable hospitality for over a decade."
       buttons={[
         {
-          text: "View Menu",          href: "#favorites"},
+          text: "View Menu",          href: "/menu"},
         {
-          text: "Order Pickup",          href: "#contact"},
+          text: "Order Pickup",          href: "/#contact"},
       ]}
       slides={[
         {
@@ -88,7 +128,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       title="★★★★★ 4.4 Stars • 255+ Reviews"
-      description={`"One of the best hidden food spots in South Phoenix." "Feels like eating your nana's cooking." "Best huevos rancheros I've ever had."`}
+      description={`"One of the best hidden food spots in South Phoenix." "Feels like eating your nana's cooking." "Best huevos rancheros I've ever had."}`}
     />
   </div>
 
@@ -126,7 +166,7 @@ export default function LandingPage() {
           reviewCount: "30+",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-fruity-pancakes-with-cup-tea-dark-space_140725-95444.jpg",          imageAlt: "Pancake Breakfast"},
         {
           id: "prod-6",          brand: "El Snappy",          name: "Nachos & Tacos",          price: "Market Price",          rating: 5,
-          reviewCount: "65+",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blackboard-near-food_23-2147740816.jpg",          imageAlt: "Nachos & Tacos"}
+          reviewCount: "65+",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blackboard-near-sauces-food_23-2147740816.jpg",          imageAlt: "Nachos & Tacos"}
       ]}
       title="Signature Favorites"
       description="Discover the dishes that keep our guests coming back for more."
@@ -248,7 +288,7 @@ export default function LandingPage() {
       textarea={{
         name: "message",        placeholder: "Your Message",        rows: 4
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749963.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749963.jpg?_wi=2"
       imageAlt="Vibrant Mexican market scene"
       mediaAnimation="opacity"
       mediaPosition="right"
@@ -259,44 +299,7 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="EL SNAPPY"
-      columns={[
+      columns={footerColumns}
-        {
-          title: "Menu",          items: [
-            {
-              label: "View Full Menu",              href: "#favorites"},
-            {
-              label: "Order Pickup",              href: "#contact"},
-            {
-              label: "Daily Specials",              href: "#"},
-            {
-              label: "Sushi Creations",              href: "#favorites"}
-          ]
-        },
-        {
-          title: "About Us",          items: [
-            {
-              label: "Our Story",              href: "#about"},
-            {
-              label: "Our Values",              href: "#features"},
-            {
-              label: "Testimonials",              href: "#testimonials"},
-            {
-              label: "Gallery",              href: "#gallery"}
-          ]
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact Us",              href: "#contact"},
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"}
-          ]
-        }
-      ]}
       copyrightText="© 2024 El Snappy Mexican Food. All rights reserved."
     />
   </div>