Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Flame, ChefHat, Sparkles, Calendar, Utensils, Star } from 'lucide-react';
+import { Flame, MessageSquare } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -19,13 +19,13 @@ export default function LandingPage() {
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
       borderRadius="soft"
-      contentWidth="small"
+      contentWidth="medium"
-      sizing="large"
+      sizing="mediumLarge"
       background="floatingGradient"
-      cardStyle="soft-shadow"
+      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -36,9 +36,7 @@ export default function LandingPage() {
             { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{
+          button={{ text: "Order Online", href: "#" }}
-            text: "Order Online",            href: "#"
-          }}
         />
       </div>
 
@@ -49,31 +47,20 @@ export default function LandingPage() {
           tag="Est. 2024"
           tagIcon={Flame}
           background={{ variant: "plain" }}
-          buttons={[
+          buttons={[{ text: "View Menu", href: "#cuts" }, { text: "Get Directions", href: "#contact" }]}
-            { text: "View Menu", href: "#cuts" },
-            { text: "Get Directions", href: "#contact" }
-          ]}
-          buttonAnimation="slide-up"
           mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg", imageAlt: "Freshly prepared street tacos" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg?_wi=1" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-lavash-sandwich-rolls-sliced-with-salad-meat-inside-along-with-mayyonaise-salad-white-plate-brown_140725-20741.jpg", imageAlt: "Grilled carne asada burrito" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-lavash-sandwich-rolls-sliced-with-salad-meat-inside-along-with-mayyonaise-salad-white-plate-brown_140725-20741.jpg" }
-            { imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-124159.jpg", imageAlt: "Authentic salsa bar and sides" }
           ]}
         />
       </div>
 
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
-          tag="Our Kitchen"
-          tagIcon={ChefHat}
           title="Heritage in Every Bite"
           description="At Taqueria Rancho 6, we honor the traditions of Mexican street food. Using locally sourced ingredients and time-honored family recipes, we deliver an authentic, high-quality dining experience every day."
-          metrics={[
+          metrics={[{ value: "4.2", title: "Average Rating" }, { value: "20+", title: "Unique Recipes" }]}
-            { value: "4.2", title: "Average Rating" },
+          imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000316.jpg?_wi=1"
-            { value: "20+", title: "Unique Recipes" }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000316.jpg"
-          imageAlt="Our culinary team preparing fresh ingredients"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -81,18 +68,13 @@ export default function LandingPage() {
       </div>
 
       <div id="cuts" data-section="cuts">
-        <ProductCardTwo
+        <ProductCardThree
           title="Kitchen Favorites"
           description="Our most loved dishes, prepared fresh to order."
-          tag="Menu Highlights"
-          tagIcon={Star}
           products={[
-            { id: "1", brand: "Rancho 6", name: "Carne Asada Burrito", price: "$12", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sliced-shaurma-salad-sandwich-inside-plate-dark-space_140725-95196.jpg", imageAlt: "Carne Asada Burrito" },
+            { id: "1", name: "Carne Asada Burrito", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sliced-shaurma-salad-sandwich-inside-plate-dark-space_140725-95196.jpg" },
-            { id: "2", brand: "Rancho 6", name: "Traditional Menudo", price: "$15", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-vegetable-soup-inside-plate-brown-wooden-desk_140725-79504.jpg", imageAlt: "Traditional Menudo" },
+            { id: "2", name: "Traditional Menudo", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-vegetable-soup-inside-plate-brown-wooden-desk_140725-79504.jpg" },
-            { id: "3", brand: "Rancho 6", name: "Street Taco Trio", price: "$10", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg", imageAlt: "Street Taco Trio" }
+            { id: "3", name: "Street Taco Trio", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg" }
-          ]}
-          buttons={[
-            { text: "View Full Menu", href: "#" }
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -102,89 +84,80 @@ export default function LandingPage() {
       </div>
 
       <div id="experience" data-section="experience">
-        <FeatureCardNineteen
+        <FeatureCardTwentySeven
           title="The Rancho Experience"
           description="Beyond just a meal—a true community gathering place."
-          tag="Why Us"
           features={[
-            { tag: "Ingredients", title: "Farm-Fresh", subtitle: "Sourced Daily", description: "We use only the freshest produce and high-quality meats for our dishes.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-avocado-halves-blackboard-with-red-pepper-lemon-lettuce-dark-green-background_141793-11420.jpg" },
+             { id: "1", title: "Farm-Fresh", descriptions: ["We use only the freshest produce and high-quality meats for our dishes."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-avocado-halves-blackboard-with-red-pepper-lemon-lettuce-dark-green-background_141793-11420.jpg" },
-            { tag: "Authenticity", title: "Traditional Recipes", subtitle: "Family Owned", description: "Our recipes have been passed down through generations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg" },
+             { id: "2", title: "Traditional Recipes", descriptions: ["Our recipes have been passed down through generations."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg" }
-            { tag: "Location", title: "Desert Hot Springs", subtitle: "Easy Access", description: "Conveniently located on Palm Dr, serving the local community.", imageSrc: "http://img.b2bpic.net/free-photo/colourful-traditional-mexican-house_23-2151769292.jpg" }
           ]}
-          textboxLayout="default"
+          animationType="slide-up"
+          textboxLayout="split"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardTwo
+        <TeamCardEleven
-          title="The People Behind The Food"
+          groups={[{
-          description="Passionate about quality, community, and tradition."
+            id: "g1", groupTitle: "Our Team", members: [
-          tag="Meet The Team"
+              { id: "t1", title: "Maria Gonzalez", subtitle: "Head Chef", detail: "With over 15 years in the kitchen, Maria oversees every recipe.", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-propping-chin-fists-white-uniform-looking-hopeful_176474-13440.jpg" }
-          members={[
+            ]
-            { id: "1", name: "Maria Gonzalez", role: "Head Chef", description: "With over 15 years in the kitchen, Maria oversees every recipe to ensure maximum flavor.", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-propping-chin-fists-white-uniform-looking-hopeful_176474-13440.jpg" },
+          }]}
-            { id: "2", name: "Carlos Ruiz", role: "Kitchen Manager", description: "Ensures our ingredients meet the highest standards of quality every morning.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg" }
-          ]}
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
-          textboxLayout="default"
+          textboxLayout="split"
+          title="Our Team"
+          description="Meet the passionate people who make Rancho 6 special."
           useInvertedBackground={false}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSix
+        <TestimonialCardThirteen
-          title="Guest Feedback"
-          description="See what our regulars have to say about Rancho 6."
-          tag="Reviews"
           testimonials={[
-            { id: "1", name: "John D.", handle: "@local", testimonial: "First time trying this place and the Menudo and the tacos were great.", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
+             { id: "1", name: "John D.", handle: "@local", testimonial: "The Menudo was great.", rating: 5, icon: MessageSquare }
-            { id: "2", name: "Sarah K.", handle: "@foodie", testimonial: "Carne asada burrito was amazing. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-okay-gesture-while-eat-salad-outdoors-cafe_231208-12139.jpg" }
           ]}
+          showRating={true}
           animationType="slide-up"
-          textboxLayout="default"
+          textboxLayout="split"
+          title="Guest Feedback"
+          description="Hear from our wonderful community."
           useInvertedBackground={false}
-          speed={40}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqDouble
-          title="Common Questions"
-          description="We're here to help make your dining experience smooth."
-          tag="FAQ"
           faqs={[
-            { id: "1", title: "What are your hours?", content: "We are open daily starting at 10 AM. Please check our social media for holiday adjustments." },
+            { id: "1", title: "What are your hours?", content: "Daily from 10 AM." },
-            { id: "2", title: "Is there outdoor seating?", content: "Yes, we have a small patio available for guests to enjoy their meal in the sun." },
+            { id: "2", title: "Do you offer catering?", content: "Call us for details." }
-            { id: "3", title: "Do you offer catering?", content: "We cater for local events. Contact us at (760) 671-5411 for details." }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
-          mediaPosition="left"
-          mediaAnimation="slide-up"
           faqsAnimation="slide-up"
-          textboxLayout="default"
+          textboxLayout="split"
+          title="Common Questions"
+          description="Everything you need to know."
           useInvertedBackground={false}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactSplit
           tag="Visit Us"
           title="Get in Touch"
-          description="14201 Palm Dr, Desert Hot Springs, CA 92240 | (760) 671-5411"
+          description="14201 Palm Dr, Desert Hot Springs"
-          tagIcon={Utensils}
           background={{ variant: "sparkles-gradient" }}
-          buttonText="Send Inquiry"
+          mediaPosition="right"
+          imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000316.jpg?_wi=2"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterMedia
           logoText="Taqueria Rancho 6"
+          imageSrc="http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg?_wi=2"
           columns={[
-            { title: "Quick Links", items: [{ label: "Menu", href: "#cuts" }, { label: "Contact", href: "#contact" }] },
+            { title: "Links", items: [{ label: "Home", href: "#hero" }] }
-            { title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
           ]}
         />
       </div>