"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 FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "product",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Kitchen on Demand"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "gradient-bars",
      }}
      title="Chef-Quality Kitchen On Demand"
      description="Premium food preparation delivered directly to you. Fresh, healthy, and delicious meals, anytime, anywhere."
      buttons={[
        {
          text: "Order Now",
          href: "#product",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-squeezing-sauce-salad_23-2148516912.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
          alt: "Happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
          alt: "Satisfied client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg",
          alt: "Delighted family",
        },
        {
          src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
          alt: "Happy patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg",
          alt: "Professional client",
        },
      ]}
      avatarText="Join 10,000+ satisfied foodies"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510905.jpg",
          alt: "Food",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/female-chef-sprinkles-fresh-rosemary-plated-dish-stove-top_482257-121108.jpg",
          alt: "Chef",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/precision-originality-shine-as-expert-adds-cut-vegetables-meal_482257-121147.jpg",
          alt: "Cooking",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510906.jpg",
          alt: "Plating",
        },
        {
          type: "text",
          text: "Freshness Guaranteed",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Culinary Excellence"
      description="We bridge the gap between fine dining and home delivery. Our professional kitchens focus on hygiene, nutrition, and top-tier culinary standards."
      bulletPoints={[
        {
          title: "Farm to Table",
          description: "Locally sourced, organic ingredients.",
        },
        {
          title: "Expert Chefs",
          description: "Experienced culinary professionals in our kitchen.",
        },
        {
          title: "Hygienic Process",
          description: "Strict compliance with safety standards.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-person-cutting-fresh-cherry-tomatoes-wooden-board-table_181624-30584.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fast Delivery",
          description: "Timely arrival for every order.",
          imageSrc: "http://img.b2bpic.net/free-vector/illustration-pizza-vector-set_53876-44071.jpg",
        },
        {
          title: "Safety First",
          description: "Rigorous kitchen hygiene practices.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-cook-white-cook-suit-with-black-gloves-showing-his-hands-off-green_140725-21488.jpg",
        },
        {
          title: "Nutritious Focus",
          description: "Balanced, wholesome culinary recipes.",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-with-ripe-vegetables_23-2147694158.jpg",
        },
      ]}
      title="Why Choose Us"
      description="Quality assurance and speed are at the core of our operations."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Signature Burger",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/plate-seafood-salad-with-sauce-modern-presentation-restaurant-food_8353-7020.jpg",
        },
        {
          id: "2",
          name: "Garden Harvest Salad",
          price: "$9.50",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-surface-with-delicious-salad_23-2147609635.jpg",
        },
        {
          id: "3",
          name: "Lemon Herb Chicken",
          price: "$15.99",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-vegetables-table_140725-756.jpg",
        },
        {
          id: "4",
          name: "Artisan Pasta",
          price: "$14.25",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-scallops-vegetables-white-plate-wooden-surface_181624-15815.jpg",
        },
        {
          id: "5",
          name: "Berry Smoothie",
          price: "$6.00",
          imageSrc: "http://img.b2bpic.net/free-photo/pineapple-smoothie-cafe_1339-3575.jpg",
        },
        {
          id: "6",
          name: "Velvet Cake Slice",
          price: "$7.50",
          imageSrc: "http://img.b2bpic.net/free-photo/swiss-meringue-cake-red-plate_114579-3057.jpg",
        },
      ]}
      title="Our Signature Selection"
      description="Choose from a range of chef-crafted menus designed to satisfy every craving."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10k+",
          title: "Meals Delivered",
          description: "Happy clients across the region.",
          icon: CheckCircle,
        },
        {
          id: "m2",
          value: "98%",
          title: "Customer Satisfaction",
          description: "Consistent high feedback ratings.",
          icon: Star,
        },
        {
          id: "m3",
          value: "50+",
          title: "Expert Chefs",
          description: "Passionate culinary talent.",
          icon: Award,
        },
      ]}
      title="Our Impact in Numbers"
      description="Service excellence measured by our commitment to customer satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Williams",
          handle: "@swilliams",
          testimonial: "The best meal prep service I have ever tried. Delicious and fresh!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
        },
        {
          id: "2",
          name: "John Doe",
          handle: "@johndoe",
          testimonial: "Excellent service and high-quality food. Truly professional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-holding-his-hand-out_23-2148308624.jpg",
        },
        {
          id: "3",
          name: "Emily Chen",
          handle: "@emilychen",
          testimonial: "Convenient, healthy, and so tasty. Highly recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
        },
        {
          id: "4",
          name: "Mark Stevens",
          handle: "@mark_s",
          testimonial: "Consistent flavors and fresh ingredients every time I order.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crop-smiling-female-photographer-with-vintage-camera_23-2148205442.jpg",
        },
        {
          id: "5",
          name: "Elena Ross",
          handle: "@elenar",
          testimonial: "Exceptional quality. My favorite lunch delivery service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
        },
      ]}
      showRating={true}
      title="Voices of Our Community"
      description="See why our clients choose Kitchen on Demand."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How do I place an order?",
          content: "Simply browse our menu and add items to your cart.",
        },
        {
          id: "f2",
          title: "Do you deliver to my area?",
          content: "Enter your pincode on the checkout page to confirm.",
        },
        {
          id: "f3",
          title: "What are your delivery hours?",
          content: "We are available 24/7.",
        },
      ]}
      sideTitle="Have Questions?"
      sideDescription="Find answers to our most commonly asked questions below."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in touch"
      title="Ready to Eat Well?"
      description="Start your culinary journey with us today."
      buttons={[
        {
          text: "Order Now",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Kitchen on Demand"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
