Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Phone, MessageCircle } from "lucide-react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -27,294 +28,95 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+            <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "hero" },
-          name: "Home",
+              { name: "Menu", id: "menu" },
-          id: "hero",
+              { name: "About", id: "about" },
-        },
+              { name: "Reviews", id: "testimonials" },
-        {
+              { name: "Contact", id: "contact" },
-          name: "Menu",
+            ]}
-          id: "menu",
+            brandName="Daiya Food"
-        },
+            button={{ text: "Order Now", href: "#contact" }}
-        {
+          />
-          name: "About",
+        </div>
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Daiya Food"
-      button={{
-        text: "Order Now",
-        href: "#contact",
-      }}
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroLogoBillboard
+            <HeroLogoBillboard
-      background={{
+            background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+            logoText="Galle’s Famous Shovel Rice 🍽️"
-      }}
+            description="Big portions. Bold taste. Unforgettable meals. Experience the ultimate fusion of Sri Lankan flavors."
-      logoText="Galle’s Famous Shovel Rice 🍽️"
+            buttons={[
-      description="Big portions. Bold taste. Unforgettable meals. Experience the ultimate fusion of Sri Lankan flavors."
+              { text: "Call Now", href: "tel:+94712669900" },
-      buttons={[
+              { text: "WhatsApp Order", href: "https://wa.me/94712669900" },
-        {
+            ]}
-          text: "Call Now",
+            imageSrc="http://img.b2bpic.net/free-photo/dinner-set-white-table-luxury-full-set-french-dinner_1428-101.jpg"
-          href: "tel:+94712669900",
+            imageAlt="Shovel Rice Platter"
-        },
+            mediaAnimation="slide-up"
-        {
+          />
-          text: "WhatsApp Order",
+        </div>
-          href: "https://wa.me/94712669900",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/dinner-set-white-table-luxury-full-set-french-dinner_1428-101.jpg"
-      imageAlt="Shovel Rice Platter"
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="menu" data-section="menu">
+        <div id="menu" data-section="menu">
-      <ProductCardFour
+            <ProductCardFour
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+            gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      products={[
+            tag="New & Popular"
-        {
+            tagIcon={Phone}
-          id: "1",
+            title="Our Menu"
-          name: "Signature Shovel Rice",
+            description="Discover our signature shovel rice, fusion kottu, and daily specials."
-          price: "Rs. 1,500",
+            products={[
-          variant: "Mix/Seafood/Chicken",
+              { id: "1", name: "Signature Shovel Rice", price: "Rs. 1,500", variant: "Signature/Popular", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-jewish-dish_23-2148814457.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-jewish-dish_23-2148814457.jpg",
+              { id: "2", name: "Classic Fusion Kottu", price: "Rs. 950", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-delicious-burger-close-up_23-2148952929.jpg" },
-        },
+              { id: "3", name: "Daiya Smash Burger", price: "Rs. 850", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tasty-hamburgers_23-2148614084.jpg" },
-        {
+              { id: "4", name: "Wok-Fried Nasi", price: "Rs. 1,100", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-lunch-plate-with-rice-vegetables-generated-by-ai_188544-21947.jpg" }
-          id: "2",
+            ]}
-          name: "Classic Fusion Kottu",
+          />
-          price: "Rs. 950",
+        </div>
-          variant: "Spicy/Cheesy",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-delicious-burger-close-up_23-2148952929.jpg",
-        },
-        {
-          id: "3",
-          name: "Wok-Fried Nasi",
-          price: "Rs. 1,100",
-          variant: "Chicken/Veg",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-lunch-plate-with-rice-vegetables-generated-by-ai_188544-21947.jpg",
-        },
-        {
-          id: "4",
-          name: "Daiya Smash Burger",
-          price: "Rs. 850",
-          variant: "Double Patty",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tasty-hamburgers_23-2148614084.jpg",
-        },
-        {
-          id: "5",
-          name: "Creamy Fusion Pasta",
-          price: "Rs. 1,200",
-          variant: "White Sauce",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-inside-plate-dark-space_140725-79611.jpg",
-        },
-        {
-          id: "6",
-          name: "Spicy Garlic Ramen",
-          price: "Rs. 1,300",
-          variant: "Hot/Extra Hot",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sushi-composition-with-copyspace_23-2148132842.jpg",
-        },
-      ]}
-      title="Popular Dishes"
-      description="Taste the best of Galle with our signature fusion dishes."
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="about" data-section="about">
-      <FeatureCardEight
+            <MetricSplitMediaAbout
-      textboxLayout="default"
+            useInvertedBackground={true}
-      useInvertedBackground={false}
+            title="Authentic Local Flavor"
-      features={[
+            description="Daiya Food brings bold, fusion flavors to the heart of Galle. Famous for our shovel-served meals and generous portions."
-        {
+            metrics={[
-          title: "Large Portions",
+              { value: "10+", title: "Years Serving" },
-          description: "We believe in generous servings that leave you completely satisfied.",
+              { value: "350+", title: "Daily Diners" },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-steamed-rice-meal-plate_140725-114461.jpg",
+              { value: "50+", title: "Fusion Items" },
-          imageAlt: "Large Portions",
+            ]}
-        },
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg"
-        {
+          />
-          title: "Affordable Prices",
+        </div>
-          description: "High-quality fusion food at prices that everyone can enjoy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-inside-plate-dark-photo-meal-food-healthy-life-diet_140725-144107.jpg",
-          imageAlt: "Affordable Prices",
-        },
-        {
-          title: "Family Friendly",
-          description: "A welcoming atmosphere for families, groups, and children.",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-fresh-healthy-vegetable-salad-wooden-cutting-board-white-table_140725-86892.jpg",
-          imageAlt: "Family Friendly",
-        },
-      ]}
-      title="Why Choose Daiya"
-      description="Authentic local ingredients, huge portions, and unique dining experiences."
-    />
-  </div>
 
-  <div id="social-proof" data-section="social-proof">
+        <div id="contact" data-section="contact">
-      <SocialProofOne
+            <ContactSplit
-      textboxLayout="default"
+            useInvertedBackground={false}
-      useInvertedBackground={true}
+            background={{ variant: "plain" }}
-      names={[
+            tag="Get in Touch"
-        "Uber Eats",
+            title="Book Your Table or Order"
-        "PickMe Food",
+            description="347 Dangedara Road, Galle. We are ready to serve you!"
-        "FoodPanda",
+            imageSrc="http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836919.jpg"
-        "Local Delivery",
+            buttonText="Send Inquiry"
-        "Galle Direct",
+          />
-        "Island Eats",
+        </div>
-        "Quick Bites",
-      ]}
-      title="Trusted by Delivery Platforms"
-      description="You can find us on your favorite food delivery apps across Galle."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <a href="https://wa.me/94712669900" className="fixed bottom-6 right-6 z-50 p-4 bg-green-500 text-white rounded-full shadow-lg hover:bg-green-600 transition-all">
-      <TestimonialCardSix
+            <MessageCircle size={32} />
-      animationType="slide-up"
+        </a>
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarah_galle",
-          testimonial: "Huge portions and amazing flavor. The shovel rice is a must-try!",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5060.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          handle: "@michealc",
-          testimonial: "The best fusion food I've had in Galle. Great for family dinners.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-food_23-2149333832.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          handle: "@emilygalle",
-          testimonial: "Affordable prices and the staff are incredibly friendly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          handle: "@davidk",
-          testimonial: "Fast delivery, hot food. The kottu is simply the best in town.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-women-dinner-table_23-2148681859.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica L.",
-          handle: "@jessl",
-          testimonial: "Unique shovel serving style made our group event memorable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweets-handmade-handmade-sweets-from-nuts-dried-fruits-honey_176474-913.jpg",
-        },
-      ]}
-      title="Customer Reviews"
-      description="See what our diners have to say about the Daiya experience."
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="footer" data-section="footer">
-      <MetricSplitMediaAbout
+            <FooterBaseCard
-      useInvertedBackground={true}
+            logoText="Daiya Food"
-      title="Authentic Local Flavor"
+            columns={[
-      description="Daiya Food is dedicated to bringing bold, fusion flavors to the heart of Galle. Our story started with a passion for good food and community."
+              { title: "Menu", items: [{ label: "Popular Dishes", href: "#menu" }, { label: "Signature Rice", href: "#menu" }] },
-      metrics={[
+              { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/94712669900" }, { label: "Directions", href: "#contact" }] }
-        {
+            ]}
-          value: "10+",
+            copyrightText="© 2025 Daiya Food Restaurant"
-          title: "Years of Flavor",
+          />
-        },
+        </div>
-        {
-          value: "350+",
-          title: "Daily Happy Diners",
-        },
-        {
-          value: "50+",
-          title: "Fusion Menu Items",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in Touch"
-      title="Book Your Table or Order Now"
-      description="We're located at 347 Dangedara Road, Galle. Reach out for reservations, bulk orders, or event bookings."
-      imageSrc="http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836919.jpg"
-      mediaAnimation="slide-up"
-      inputPlaceholder="Enter your request"
-      buttonText="Send Order Request"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Daiya Food"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:+94712669900",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/94712669900",
-            },
-            {
-              label: "Address",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 | Daiya Food Restaurant"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}