Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Flame, Sparkles, Utensils } from "lucide-react";
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Flame, Sparkles, Utensils, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,45 +28,35 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Experience",          id: "about"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Book",          id: "booking"},
+        { name: "Home", id: "hero" },
+        { name: "Experience", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Book", id: "booking" },
       ]}
       brandName="Desi 2"
-      button={{
-        text: "Book Now",        href: "#booking"}}
+      button={{ text: "Book Now", href: "#booking" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient"}}
+      <HeroBillboardTestimonial
+      background={{ variant: "sparkles-gradient" }}
       title="Not Your Average Curry House."
       description="Bold spice. Fire-grilled perfection. The home of unforgettable flavour."
       tag="Home of Spice"
       buttons={[
-        {
-          text: "Book a Table",          href: "#booking"},
-        {
-          text: "View Menu",          href: "#menu"},
+        { text: "Book a Table", href: "#booking" },
+        { text: "View Menu", href: "#menu" },
       ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571782.jpg",          imageAlt: "Sizzling mixed grill and curry"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bbq-with-toppings-sausages-dish-open-air_1268-16584.jpg?_wi=1",          imageAlt: "Dramatic food lighting"},
+      testimonials={[
+        { name: "Sarah J.", handle: "@foodie", testimonial: "The best grill I've ever had.", rating: 5 },
+        { name: "Mark D.", handle: "@local", testimonial: "Authentic, spicy, and perfectly charred.", rating: 5 }
       ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Rated 5★ by locals"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571782.jpg"
+      imageAlt="Sizzling Grill"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -75,141 +65,80 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Signature Experience"
       metrics={[
-        {
-          icon: Flame,
-          label: "Flame-grilled",          value: "Freshly cooked"},
-        {
-          icon: Sparkles,
-          label: "Authentic",          value: "No compromise"},
-        {
-          icon: Utensils,
-          label: "Mastery",          value: "Bold spice"},
+        { icon: Flame, label: "Flame-grilled", value: "Freshly cooked" },
+        { icon: Sparkles, label: "Authentic", value: "No compromise" },
+        { icon: Utensils, label: "Mastery", value: "Bold spice" },
       ]}
       metricsAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardThree
+      <FeatureCardTwelve
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
+      textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Flame-grilled to order",          description: "Authentic, charred perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"},
-        {
-          title: "Spice levels tailored to you",          description: "We make it how you like it.",          imageSrc: "http://img.b2bpic.net/free-photo/bbq-with-toppings-sausages-dish-open-air_1268-16584.jpg?_wi=2"},
-        {
-          title: "Live sports & great drinks",          description: "Social hotspot vibes.",          imageSrc: "http://img.b2bpic.net/free-photo/waitress-near-display-case-with-tartines_23-2147830513.jpg"},
-      ]}
       title="Why Desi 2?"
-      description="More than just a meal—an atmosphere designed for memories."
+      description="Atmosphere designed for memories and authentic bold flavors."
+      features={[
+        { id: "1", label: "Grill", title: "Flame-grilled to order", items: ["Charred perfection", "Fresh spices"] },
+        { id: "2", label: "Custom", title: "Spice your way", items: ["Tailored heat", "Expert craft"] },
+        { id: "3", label: "Social", title: "Vibrant atmosphere", items: ["Live sports", "Premium drinks"] },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="opacity"
-      textboxLayout="default"
+      <TestimonialCardTen
+      title="What Locals Say"
+      description="Authenticity you can taste."
+      textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          handle: "@localfoodie",          testimonial: "Best mixed grill in the West Midlands — simple!!",          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269174.jpg"},
-        {
-          id: "2",          name: "Mark D.",          handle: "@diningexpert",          testimonial: "The best curries I have ever had.",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173252.jpg"},
-        {
-          id: "3",          name: "Emily R.",          handle: "@spicefan",          testimonial: "Perfect heat — not just in Indian food, but any food I’ve ever had.",          imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg"},
-        {
-          id: "4",          name: "David K.",          handle: "@localwestmid",          testimonial: "Amazing food, fantastic atmosphere, every time.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-old-man-smiling-camera-restaurant-man-his-sixties-adult-man_482257-19910.jpg"},
-        {
-          id: "5",          name: "Anita M.",          handle: "@foodlover",          testimonial: "Friendly staff, great drinks, and top-class grill. Spice is real here!",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-multiethnic-people-dining-room-celebrating-winter-holiday-with-traditional-home-cooked-food-happy-festive-family-enjoying-christmas-dinner-home-while-eating-together-handheld-shot_482257-48674.jpg"},
+        { id: "1", title: "Amazing Experience", quote: "Best mixed grill in the West Midlands", name: "Sarah J.", role: "Local Foodie" },
+        { id: "2", title: "Pure Perfection", quote: "The best curries I have ever had.", name: "Mark D.", role: "Expert" },
       ]}
-      title="What Locals Say"
-      description="Authenticity you can taste. Reputation we stand by."
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      <ProductCardTwo
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "1",          name: "Mixed Grill",          price: "£18",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=1"},
-        {
-          id: "2",          name: "Butter Chicken",          price: "£14",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=2"},
-        {
-          id: "3",          name: "Lamb Curry",          price: "£15",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=3"},
-        {
-          id: "4",          name: "Tandoori Special",          price: "£17",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=4"},
-        {
-          id: "5",          name: "Veg Platter",          price: "£12",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=5"},
-        {
-          id: "6",          name: "House Curry",          price: "£13",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=6"},
-      ]}
       title="Menu Highlights"
-      description="Authentic recipes, fresh ingredients."
+      description="Fresh ingredients, traditional spice."
+      products={[
+        { id: "1", brand: "Grill", name: "Mixed Grill", price: "£18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=1" },
+        { id: "2", brand: "Curry", name: "Butter Chicken", price: "£14", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=2" },
+        { id: "3", brand: "Curry", name: "Lamb Curry", price: "£15", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/traditional-persian-herb-stew-with-rice-spices_140725-7194.jpg?_wi=3" },
+      ]}
     />
   </div>
 
   <div id="booking" data-section="booking">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "sparkles-gradient" }}
       tag="Reserve Today"
       title="Reserve Your Table Tonight"
-      description="Walk-ins welcome, but tables fill fast. Secure your spot now."
+      description="Tables fill fast. Secure your spot now."
       buttons={[
-        {
-          text: "Book Now",          href: "#"},
-        {
-          text: "Call Us",          href: "tel:+440000000000"},
+        { text: "Book Now", href: "#" },
+        { text: "Call Us", href: "tel:+440000000000" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#menu"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Booking",              href: "#booking"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoText="Desi 2"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "© 2024 Desi 2", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}