Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Clock, Users, Zap } from "lucide-react";
+import { Award, Clock, Users, Zap, Coffee, Utensils, Wheat } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Menu", id: "#menu" },
-          name: "Menu",          id: "#menu"},
+        { name: "Story", id: "#story" },
-        {
+        { name: "Reviews", id: "#reviews" },
-          name: "Story",          id: "#story"},
+        { name: "Contact", id: "#contact" },
-        {
-          name: "Reviews",          id: "#reviews"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Mr. Jalapeño"
     />
@@ -44,15 +40,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "rotated-rays-static-grid" }}
-        variant: "rotated-rays-static-grid"}}
       title="Mr. Jalapeño: Bold Flavor Meets Unforgettable Service"
       description="Authentic recipes, generous portions, and a local legacy built on family passion. Come experience the best of Mexican cuisine."
       buttons={[
-        {
+        { text: "View Menu", href: "#menu" },
-          text: "View Menu",          href: "#menu"},
+        { text: "Order Now", href: "#" },
-        {
-          text: "Order Now",          href: "#"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-professional-high-end-photography-shot-1774829782135-01e23b4f.png"
     />
@@ -63,37 +56,47 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Legacy of Flavor"
       metrics={[
-        {
+        { icon: Users, label: "Community Favorite", value: "10+ Years" },
-          icon: Users,
+        { icon: Award, label: "Rating", value: "4.9/5" },
-          label: "Community Favorite",          value: "10+ Years"},
+        { icon: Clock, label: "Daily Service", value: "Fresh Made" },
-        {
-          icon: Award,
-          label: "Rating",          value: "4.9/5"},
-        {
-          icon: Clock,
-          label: "Daily Service",          value: "Fresh Made"},
       ]}
       metricsAnimation="blur-reveal"
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <FeatureCardTwentySix
+      <FeatureCardTwentyFour
+      animationType="blur-reveal"
+      title="Our Signature Menu"
+      description="Discover our carefully curated selection of authentic Mexican dishes, prepared daily with the freshest ingredients."
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { 
-          title: "Fresh Ingredients",          description: "Farm-to-table produce ensuring vibrant flavors in every bite.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-close-up-view-of-fresh-ingredients-lik-1774829783000-13590b4d.png",          buttonIcon: Zap,
+          id: "tacos", 
+          title: "Signature Tacos", 
+          author: "Chef's Selection", 
+          description: "Hand-pressed tortillas topped with marinated meats, fresh salsa, and cilantro.", 
+          tags: ["Spicy", "Authentic"], 
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-close-up-view-of-fresh-ingredients-lik-1774829783000-13590b4d.png"
         },
-        {
+        { 
-          title: "Team-Style Service",          description: "Our friendly family-style team ensures every visit feels like home.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-busy-high-end-mexican-restaurant-team--1774829782171-4e7a575d.png",          buttonIcon: Users,
+          id: "burritos", 
-        },
+          title: "Giant Burritos", 
-        {
+          author: "Fan Favorite", 
-          title: "Generous Portions",          description: "Unmatched value with portions meant to leave you fully satisfied.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/close-up-of-a-large-portion-of-burrito-o-1774829782980-1ce375ef.png",          buttonIcon: Award,
+          description: "A massive blend of rice, beans, choice of protein, and signature jalapeño sauce.", 
+          tags: ["Filling", "Classic"], 
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/close-up-of-a-large-portion-of-burrito-o-1774829782980-1ce375ef.png"
         },
+        { 
+          id: "drinks", 
+          title: "Refreshing Aguas", 
+          author: "House Made", 
+          description: "Traditional hibiscus and tamarind refreshers served ice cold.", 
+          tags: ["Fresh", "Sweet"], 
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-busy-high-end-mexican-restaurant-team--1774829782171-4e7a575d.png"
+        }
       ]}
-      title="Culinary Excellence"
-      description="We don't just serve food; we craft experiences. Every plate is seasoned with tradition and passion."
     />
   </div>
 
@@ -102,16 +105,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", date: "Oct 2023", title: "Incredible Service!", quote: "The team here is so welcoming. Truly feels like a family spot.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png?_wi=1"},
-          id: "1",          name: "Sarah J.",          date: "Oct 2023",          title: "Incredible Service!",          quote: "The team here is so welcoming. Truly feels like a family spot.",          tag: "Regular",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png?_wi=1"},
+        { id: "2", name: "Michael B.", date: "Sep 2023", title: "Amazing Tacos", quote: "Best tacos in town, hands down. Portion sizes are massive!", tag: "Foodie", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png"}
-        {
-          id: "2",          name: "Michael B.",          date: "Sep 2023",          title: "Amazing Tacos",          quote: "Best tacos in town, hands down. Portion sizes are massive!",          tag: "Foodie",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png"},
-        {
-          id: "3",          name: "Emily R.",          date: "Aug 2023",          title: "10/10 Experience",          quote: "I come here weekly. The consistency and flavor are top tier.",          tag: "Loyal",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829783789-3b698686.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829783789-3b698686.png"},
-        {
-          id: "4",          name: "David K.",          date: "Jul 2023",          title: "Local Favorite",          quote: "Fast, friendly, and delicious. You won't leave hungry.",          tag: "Fan",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781643-b1381792.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781643-b1381792.png"},
-        {
-          id: "5",          name: "Maria L.",          date: "Jun 2023",          title: "Authentic Taste",          quote: "Tastes exactly like my abuela's cooking. Highly recommend!",          tag: "Regular",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png?_wi=2"},
       ]}
       title="What Our Neighbors Say"
       description="Authentic reviews from our community who made us their go-to spot."
@@ -124,13 +119,10 @@ export default function LandingPage() {
       title="Taste the Difference"
       description="Ready for your next favorite meal? Book a table or order online today."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name" },
-          name: "name",          type: "text",          placeholder: "Your Name"},
+        { name: "email", type: "email", placeholder: "Your Email" },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email"},
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Special requests?" }}
-        name: "message",        placeholder: "Special requests?"}}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/beautiful-dark-themed-interior-of-a-mode-1774829782098-48fe55f2.png"
       mediaAnimation="slide-up"
     />
@@ -139,30 +131,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#story" }] },
-          items: [
+        { items: [{ label: "Location", href: "#" }, { label: "Contact", href: "#contact" }] },
-            {
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-              label: "Menu",              href: "#menu"},
-            {
-              label: "About Us",              href: "#story"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Location",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
       ]}
       logoText="Mr. Jalapeño"
     />
@@ -170,4 +141,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}