"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Clock, Heart, Leaf, MapPin, Pizza, Salad, Sparkles, Star, Truck, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Why Us",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Bedford Bunny"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      title="Bedford Bunny: Fresh Flavors Delivered to Your Door"
      description="Experience the joy of home-cooked meals without the hassle. Bedford Bunny brings you delicious, high-quality food, made with love and care, right here in Mondeor."
      kpis={[
        {
          value: "500+",
          label: "Happy Customers",
        },
        {
          value: "10+",
          label: "Years Experience",
        },
        {
          value: "Fresh",
          label: "Ingredients Daily",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Order Now",
          href: "#menu",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-her-arms-crossed-looking-camera_23-2148122741.jpg",
          alt: "Happy Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-leaning-table-with-fresh-variety-vegetables-domestic-kitchen_23-2148075945.jpg",
          alt: "Happy Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894071.jpg",
          alt: "Happy Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/creative-personality-works-creation-new-novel-writes-personal-diary-tries-choose-best-plot-strategy_273609-43841.jpg",
          alt: "Happy Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-prepares-salad-slices-tomatoes-kitchen-daylight-vibe_169016-71201.jpg",
          alt: "Woman prepares salad and slices tomatoes in kitchen daylight vibe",
        },
      ]}
      avatarText="Join our growing family of food lovers!"
      imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-white-notebook-tomatoes-garlic-lemon-oil-fork-pilaf-tablecloth_140725-78468.jpg"
      imageAlt="Delicious spread of Bedford Bunny dishes"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg",
          alt: "View of delicious cuisine dish",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/azeri-national-cuisine-dyushbar-gyurza-piti-pickles_141793-428.jpg",
          alt: "Azeri national cuisine of dyushbar, gyurza, piti and pickles",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/overhead-view-traditional-meal-spread_141793-16.jpg",
          alt: "Overhead View of a Traditional Meal Spread",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg",
          alt: "Delicious floral feast still life",
        },
        {
          type: "text",
          text: "Quality Guaranteed",
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="Taste the Tradition of Mondeor"
      description="Bedford Bunny isn't just a food business; it's a family passion. For over a decade, we've been serving up mouth-watering dishes that bring smiles to homes across Mondeor."
      subdescription="From our kitchen to your table, every meal is prepared with the freshest local ingredients and a touch of homemade magic. We believe in good food, good company, and great service."
      icon={Utensils}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-cut-chili-peppers-metal-tray_53876-23105.jpg"
      imageAlt="Traditional kitchen with cooking pot"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Swift Delivery",
          description: "Hot & Fresh, Always. Get your favorite meals delivered quickly and efficiently, ensuring they arrive piping hot and ready to enjoy.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-delivering-coffee-cups_23-2149663649.jpg",
            imageAlt: "Food delivery on a scooter",
          },
          items: [
            {
              icon: Truck,
              text: "Fast & Reliable",
            },
            {
              icon: Clock,
              text: "On-Time Service",
            },
            {
              icon: MapPin,
              text: "Local Coverage",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-white-notebook-tomatoes-garlic-lemon-oil-fork-pilaf-tablecloth_140725-78468.jpg",
          imageAlt: "food delivery person on bike",
        },
        {
          title: "Quality Ingredients",
          description: "Farm-to-Table Goodness. We source the finest local produce and premium ingredients to guarantee exceptional taste and freshness in every bite.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-stall-market-sanarysurmer_268835-3781.jpg",
            imageAlt: "Basket of fresh organic vegetables",
          },
          items: [
            {
              icon: Leaf,
              text: "Organic Produce",
            },
            {
              icon: Carrot,
              text: "Freshly Sourced",
            },
            {
              icon: Seedling,
              text: "Sustainable Choices",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-her-arms-crossed-looking-camera_23-2148122741.jpg",
          imageAlt: "food delivery person on bike",
        },
        {
          title: "Diverse Menu",
          description: "Something for Everyone. Explore our extensive menu featuring classic comfort food, exciting new flavors, and options for every dietary preference.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-delicious-food-composition_23-2149141349.jpg",
            imageAlt: "Variety of food dishes",
          },
          items: [
            {
              icon: ScrollText,
              text: "Extensive Options",
            },
            {
              icon: Pizza,
              text: "Classic & New",
            },
            {
              icon: Salad,
              text: "Dietary Friendly",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-leaning-table-with-fresh-variety-vegetables-domestic-kitchen_23-2148075945.jpg",
          imageAlt: "food delivery person on bike",
        },
      ]}
      title="Why Choose Bedford Bunny?"
      description="We make your meal times effortless and delicious."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Classic Bunny Chow",
          price: "R75.00",
          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-yummy-shakh-plov-cooked-rice-dish-with-raisins-white-space_140725-97265.jpg",
          imageAlt: "Classic South African Bunny Chow",
        },
        {
          id: "p2",
          name: "Succulent Lamb Curry",
          price: "R120.00",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-meat-potatoes-inside-plate-dark-blue-desk-food-meat-vegetable-dinner-calorie_140725-31024.jpg",
          imageAlt: "Bowl of succulent lamb curry with rice",
        },
        {
          id: "p3",
          name: "Creamy Chicken Korma",
          price: "R110.00",
          imageSrc: "http://img.b2bpic.net/free-photo/indian-curry-with-chicken-breast-tomato-sauce-served-with-lavash_114579-248.jpg",
          imageAlt: "Creamy chicken korma with naan bread",
        },
        {
          id: "p4",
          name: "Aromatic Vegetable Biryani",
          price: "R90.00",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-vegan-salad-various-vegetables_140725-135335.jpg",
          imageAlt: "Colorful aromatic vegetable biryani",
        },
        {
          id: "p5",
          name: "Hearty Beef Stew",
          price: "R95.00",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370839.jpg",
          imageAlt: "Hearty beef stew with vegetables",
        },
        {
          id: "p6",
          name: "Spicy Peri-Peri Chicken",
          price: "R105.00",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-tray-with-grilled-chicken-thighs-pita-with-onions-herbs_141793-4671.jpg",
          imageAlt: "Grilled spicy Peri-Peri Chicken",
        },
      ]}
      title="Our Irresistible Menu"
      description="Explore our culinary delights, crafted to satisfy every craving."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "R89.00",
          name: "Lunch Express",
          buttons: [
            {
              text: "Order Now",
              href: "#menu",
            },
          ],
          features: [
            "Classic Bunny Chow",
            "Choice of soft drink",
            "Quick & convenient",
          ],
        },
        {
          id: "plan-2",
          badge: "Best Value",
          badgeIcon: Star,
          price: "R299.00",
          name: "Family Feast",
          buttons: [
            {
              text: "Order Now",
              href: "#menu",
            },
          ],
          features: [
            "Large Lamb Curry",
            "Basmati Rice (large)",
            "4x Naan Bread",
            "Family-sized Salad",
          ],
        },
        {
          id: "plan-3",
          badge: "Couple's Choice",
          badgeIcon: Heart,
          price: "R199.00",
          name: "Dinner Delight",
          buttons: [
            {
              text: "Order Now",
              href: "#menu",
            },
          ],
          features: [
            "2 Main Courses (any)",
            "2 Sides of choice",
            "2 Desserts",
            "Romantic meal for two",
          ],
        },
      ]}
      title="Great Value Meal Deals"
      description="Enjoy more for less with our specially curated bundles."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah M.",
          handle: "@SarahMondeor",
          testimonial: "Bedford Bunny is my go-to for delicious, authentic food. Always fresh and flavorful!",
          imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-excited-surprised_1194-413834.jpg",
          imageAlt: "Sarah M. - Happy Customer",
        },
        {
          id: "t2",
          name: "Thabo N.",
          handle: "@ThaboFoodie",
          testimonial: "The best Bunny Chow in town, hands down! Tastes just like home-cooked.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-gardener-girl-uniform-wearing-gardening-hat-holding-camera-putting-pumpkin-shoulder-isolated-pink_141793-95366.jpg",
          imageAlt: "Thabo N. - Satisfied Customer",
        },
        {
          id: "t3",
          name: "Emily R.",
          handle: "@EmilyEats",
          testimonial: "Their service is as amazing as their food. Fast delivery and always friendly.",
          imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-nutritious-food_23-2151359001.jpg",
          imageAlt: "Emily R. - Food Lover",
        },
        {
          id: "t4",
          name: "David K.",
          handle: "@ChefDavidK",
          testimonial: "I've tried almost everything on the menu, and I've never been disappointed. Pure comfort food!",
          imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
          imageAlt: "David K. - Chef",
        },
        {
          id: "t5",
          name: "Jessica L.",
          handle: "@JessicaFamily",
          testimonial: "Perfect for family dinners. Everyone loves Bedford Bunny. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-shopping-organic-products_23-2148672820.jpg",
          imageAlt: "Jessica L. - Happy Parent",
        },
      ]}
      title="What Our Customers Say"
      description="Real stories from our happy diners in Mondeor."
      speed={40}
      topMarqueeDirection="left"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Mondeor Community Centre",
        "Local Food Markets",
        "South Hills Events",
        "The Glen Shopping Centre",
        "Kliprivier Business Forum",
        "Johannesburg Foodies Group",
        "Private Catering Clients",
      ]}
      title="Proudly Serving Our Community"
      description="Trusted for quality food and service in Mondeor and beyond."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What are your delivery hours?",
          content: "Our delivery service operates from 11:00 AM to 8:00 PM, Monday to Saturday. Orders placed outside these hours will be scheduled for the next delivery window.",
        },
        {
          id: "faq2",
          title: "Do you offer vegetarian/vegan options?",
          content: "Yes, we have a dedicated selection of delicious vegetarian and vegan dishes on our menu. Look for the green leaf icon next to the item descriptions.",
        },
        {
          id: "faq3",
          title: "Can I place a catering order?",
          content: "Absolutely! We offer catering services for events of all sizes. Please contact us directly via phone or email to discuss your specific needs and get a customized quote.",
        },
      ]}
      sideTitle="Your Questions Answered"
      sideDescription="Find quick answers to common questions about our food, delivery, and services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready to Taste the Difference?"
      description="Place your order, ask about catering, or just say hello! We're here to serve you."
      buttons={[
        {
          text: "Call Us Now",
          href: "tel:+27111234567",
        },
        {
          text: "Send a Message",
          href: "mailto:info@bedfordbunny.co.za",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Bedford Bunny"
      leftLink={{
        text: "About Us",
        href: "#about",
      }}
      rightLink={{
        text: "Order Now",
        href: "#menu",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}