Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Clock, Flame, Leaf, MapPin, Utensils } from "lucide-react";
+import { Clock, Flame, Leaf, MapPin, Utensils, MessageSquare } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,111 +29,37 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Kathy's Little Kitchen"
-      button={{
-        text: "Order Now",
-        href: "#contact",
-      }}
+      button={{ text: "Order Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Carmel Valley's favorite authentic taco spot"
       description="Fresh, flavorful Mexican food made fast and served with a smile—no fuss, just real flavor."
       kpis={[
-        {
-          value: "100%",
-          label: "Authentic",
-        },
-        {
-          value: "Fast",
-          label: "Service",
-        },
-        {
-          value: "Local",
-          label: "Gem",
-        },
+        { value: "100%", label: "Authentic" },
+        { value: "Fast", label: "Service" },
+        { value: "Local", label: "Gem" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Order Now",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Order Now", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-arepas-basket-with-copy-space_23-2148716402.jpg"
       imageAlt="Fresh Mexican street tacos"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2778.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-interracial-women-laugh-good-jokes-watch-funny-videos-smart-phone_273609-18147.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-friends-posing-together_23-2149073437.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Loved by 500+ neighbors"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Fresh Ingredients",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Family Recipe",
-          icon: Flame,
-        },
-        {
-          type: "text-icon",
-          text: "Quick Service",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Authentic Taste",
-          icon: Utensils,
-        },
-        {
-          type: "text-icon",
-          text: "Locally Sourced",
-          icon: MapPin,
-        },
+        { type: "text-icon", text: "Fresh Ingredients", icon: Leaf },
+        { type: "text-icon", text: "Family Recipe", icon: Flame },
+        { type: "text-icon", text: "Quick Service", icon: Clock },
+        { type: "text-icon", text: "Authentic Taste", icon: Utensils },
+        { type: "text-icon", text: "Locally Sourced", icon: MapPin },
       ]}
     />
   </div>
@@ -142,12 +68,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="A little slice of Mexico in the heart of Carmel Valley"
-      buttons={[
-        {
-          text: "View Full Menu",
-          href: "#menu",
-        },
-      ]}
+      buttons={[{ text: "View Full Menu", href: "#menu" }]}
     />
   </div>
 
@@ -158,42 +79,10 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Street Tacos",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246116.jpg",
-        },
-        {
-          id: "p2",
-          name: "Classic Burrito",
-          price: "$14.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/wraps-vegetables-plate_23-2148381339.jpg",
-        },
-        {
-          id: "p3",
-          name: "Chicken Quesadilla",
-          price: "$11.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg",
-        },
-        {
-          id: "p4",
-          name: "Guacamole & Chips",
-          price: "$8.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-nachos-top-view_114579-7077.jpg",
-        },
-        {
-          id: "p5",
-          name: "Sizzling Fajitas",
-          price: "$18.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-kebab-with-ketchup_23-2148685540.jpg",
-        },
-        {
-          id: "p6",
-          name: "Cinnamon Churros",
-          price: "$6.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/crispy-churros-with-rich-chocolate-dipping-sauce_84443-81964.jpg",
-        },
+        { id: "p1", name: "Street Tacos", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246116.jpg" },
+        { id: "p2", name: "Classic Burrito", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/wraps-vegetables-plate_23-2148381339.jpg" },
+        { id: "p3", name: "Chicken Quesadilla", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg" },
+        { id: "p4", name: "Guacamole & Chips", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-nachos-top-view_114579-7077.jpg" },
       ]}
       title="Fresh & Authentic Favorites"
       description="Handcrafted Mexican classics, made with love for your busy schedule."
@@ -201,106 +90,36 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Resident",
-          company: "Carmel Valley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2778.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Professional",
-          company: "Local Tech Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-interracial-women-laugh-good-jokes-watch-funny-videos-smart-phone_273609-18147.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Mom",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-posing-together_23-2149073437.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          role: "Foodie",
-          company: "Social Sharer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg",
-        },
-        {
-          id: "5",
-          name: "Karen P.",
-          role: "Regular",
-          company: "Carmel Valley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
-        },
-      ]}
+      showRating={true}
+      useInvertedBackground={false}
       title="Neighbors Love Our Flavors"
-      description="See why locals call us the best neighborhood gem."
+      description="Hear what our local community has to say about their favorite taco spot."
+      testimonials={[
+        { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The absolute best tacos in the valley! So fresh and fast.", rating: 5, icon: MessageSquare },
+        { id: "2", name: "Mark D.", handle: "@markd", testimonial: "Perfect lunch spot, quick service and incredible flavor.", rating: 5, icon: MessageSquare },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      <ContactCTA
       tag="Order Now"
-      title="Ready to eat?"
-      description="Sign up for our newsletter to get weekly specials and lunch alerts sent to your inbox."
+      title="Hungry for something real?"
+      description="We take orders over the phone for pickup! Give us a call or stop by to place your order on-site."
+      buttons={[{ text: "Call Us Now", href: "tel:+15551234567" }]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Visit Us",
-          items: [
-            {
-              label: "123 Taco Lane, Carmel Valley",
-              href: "#",
-            },
-            {
-              label: "Mon-Sun: 11am - 9pm",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Kathy's Little Kitchen"
-      bottomRightText="Built with love in California"
+      <FooterLogoReveal
+      logoText="Kathy's Little Kitchen"
+      leftLink={{ text: "© 2024 Kathy's Little Kitchen", href: "#" }}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
     />
   </div>
       </ReactLenis>