"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { ShoppingBag, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "About",          id: "about"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Taste n Health"
      button={{ text: "Order Now", href: "#menu" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Fresh, Tasty Food LightningFast Delivery"
      description="Loved by 305 Karachi customers. Quality ingredients, hygienic preparation, and service until 2 AM—order now and taste the difference."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1862.jpg",          imageAlt: "fresh gourmet fast food photography"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg",          imageAlt: "fresh pizza fast food delivery box"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-menu-arrangement_23-2148614040.jpg",          imageAlt: "fresh ingredients salad healthy meal"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-cutting-burger-with-egg_23-2148678847.jpg",          imageAlt: "Front view man cutting burger with egg"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-burger-cut-half_23-2148678849.jpg",          imageAlt: "High angle man holding burger cut in half"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburgers-wooden-table_23-2148374946.jpg",          imageAlt: "fresh ingredients salad healthy meal"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-strained-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-asking-signature-while-standing-with-stack-pizza-boxes-isolated-orange-background_141793-20236.jpg",          imageAlt: "fresh pizza fast food delivery box"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-plate-chicken-meat-with-vegetables_114579-66219.jpg",          imageAlt: "fresh gourmet fast food photography"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg",          imageAlt: "A young woman eating burger in street cafe close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-grilled-beef-burger-cutting-board_7502-9885.jpg",          imageAlt: "Tasty grilled beef burger on cutting board"},
      ]}
      buttons={[
        {
          text: "Order Online Now",          href: "#menu"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-cafe-having-lunch-talking-phone_1303-14745.jpg",          alt: "Woman in a cafe"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-talking-her-long-distance-lover_23-2149289491.jpg",          alt: "Woman talking"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",          alt: "Happy woman"},
        {
          src: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg",          alt: "Elegant woman"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-eating-french-fries-burger-restaurant_169016-21816.jpg",          alt: "Attractive young woman"},
      ]}
      avatarText="Join our 10,000+ happy customers"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/flat-lay-creative-assortment-with-hamburger-menu_23-2148614124.jpg",          alt: "hamburger menu"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-classic-burger-with-tomato-slices-dip_23-2148290704.jpg",          alt: "classic burger"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/burger_1339-1570.jpg",          alt: "burger"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/high-angle-assortment-with-chicken-nuggets-juice-cup_23-2148314182.jpg",          alt: "chicken nuggets"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/vegan-food-cutting-boards-white-wooden-table_23-2148305742.jpg",          alt: "vegan food"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Commitment to Quality & Hygiene"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-tomato-lettuce-human-hand-table_176474-3026.jpg",          alt: "modern hygienic restaurant kitchen setting"},
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Classic Beef Burger",          price: "Rs. 450",          variant: "Meat",          imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-cheddar-lettuces-onion_140725-5718.jpg"},
        {
          id: "p2",          name: "Crispy Fried Chicken",          price: "Rs. 350",          variant: "Chicken",          imageSrc: "http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg"},
        {
          id: "p3",          name: "Fresh Garden Salad",          price: "Rs. 250",          variant: "Vegetarian",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-getting-food_53876-20786.jpg"},
        {
          id: "p4",          name: "Margherita Pizza",          price: "Rs. 650",          variant: "Pizza",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg"},
        {
          id: "p5",          name: "Berry Lemonade",          price: "Rs. 150",          variant: "Drink",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-jar-lemon-juice-citrus-fruits-around-blue-surface_141793-1566.jpg"},
        {
          id: "p6",          name: "Classic Fries",          price: "Rs. 180",          variant: "Side",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-table_114579-9260.jpg"},
      ]}
      title="Our Menu"
      description="Quick, delicious, and made fresh for you."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Quality",          title: "Fresh Ingredients",          items: [
            "Sourced daily",            "No preservatives",            "Local produce"],
        },
        {
          id: "f2",          label: "Hygiene",          title: "Sanitary Kitchens",          items: [
            "Rigorous cleaning",            "Staff training",            "Safety first"],
        },
        {
          id: "f3",          label: "Delivery",          title: "Fast Shipping",          items: [
            "2 AM service",            "Real-time tracking",            "Reliable couriers"],
        },
      ]}
      title="Why Choose Taste n Health?"
      description="We ensure every meal meets our strict hygiene and quality standards."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          title: "Happy Customers",          value: "10,000+",          icon: Users,
        },
        {
          id: "m2",          title: "Meals Delivered",          value: "50,000+",          icon: ShoppingBag,
        },
        {
          id: "m3",          title: "Rating",          value: "4.8",          icon: Star,
        },
      ]}
      title="Serving Karachi Daily"
      description="Our numbers reflect our dedication to your satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The best food in Karachi! Always fresh, fast, and exactly what I need after a long work day."
      rating={5}
      author="Sarah Khan"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg",          alt: "happy customer eating burger restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",          alt: "happy customer eating burger restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-lunch-fast-food-restaurant-with-young-boy-eating-burgers-fries_496169-1285.jpg",          alt: "happy customer eating burger restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/female-friends-having-burger-together_23-2148718856.jpg",          alt: "happy customer eating burger restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",          alt: "happy customer eating burger restaurant"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What are your delivery hours?",          content: "We deliver until 2 AM every day."},
        {
          id: "q2",          title: "Do you offer dine-in?",          content: "Yes, come visit our outlet anytime."},
        {
          id: "q3",          title: "Is your food halal?",          content: "Absolutely, 100% Halal certified ingredients."},
      ]}
      title="Frequently Asked Questions"
      description="Need help? Find answers here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Order Now"
      title="Get Fresh Food Delivered"
      description="Enter your email to receive our latest deals and tracking updates."
      imageSrc="http://img.b2bpic.net/free-photo/cool-motorcycle-outdoors_23-2150849557.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
      logoText="Taste n Health"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Menu",              href: "#menu"},
            {
              label: "About",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "#faq"},
            {
              label: "Tracking",              href: "#"},
            {
              label: "Privacy",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
