"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Smile, Star, ShoppingBag, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero"},
        { name: "Our Sweets", id: "products"},
        { name: "About", id: "about"},
        { name: "Contact", id: "contact"},
      ]}
      brandName="Lovely Sweet Shop"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Lovely Sweet Shop"
      description="Authentic Indian sweets crafted with tradition and passion. Discover our signature recipes that have defined celebrations for generations."
      buttons={[
        { text: "Shop Now", href: "#products"},
        { text: "Our Story", href: "#about"},
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-coconut-candies-with-red-icings-black_140725-104628.jpg", imageAlt: "Traditional sweets assortment"},
        { imageSrc: "http://img.b2bpic.net/free-photo/turkish-dessert-kadaif-rolls-with-pistachio_140725-6863.jpg", imageAlt: "Festive sweet display"},
        { imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-turkish-delight-lokum-with-nuts_114579-9235.jpg", imageAlt: "Wedding sweets collection"},
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-round-sugar-cookies-inside-plate-white-surface-cookies-biscuit-sugar-sweet-cake_140725-74326.jpg", imageAlt: "Handmade ladoos"},
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-candies-flowers-black_140725-104223.jpg", imageAlt: "Authentic barfi selection"},
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-little-cakes-with-dried-pineapple-rings-light-white-surface_140725-61849.jpg", imageAlt: "Premium mithai shop"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        { type: "text", content: "Tradition in Every "},
        { type: "image", src: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-pastry-shop_23-2150360202.jpg", alt: "Crafting sweets"},
        { type: "text", content: " Single Bite"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      tag="Best Seller"
      tagIcon={Sparkles}
      products={[
        { id: "p1", name: "Gulab Jamun", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/pickled-cornel-cherries-green-bowl_114579-57635.jpg"},
        { id: "p2", name: "Kaju Katli", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-plate_23-2148734688.jpg"},
        { id: "p3", name: "Rasgulla", price: "₹399", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-chees-slices-conifer-cones-towel-black-background_140725-94597.jpg"},
        { id: "p4", name: "Besan Ladoo", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/bowls-colorful-candies-marble-surface_114579-43576.jpg"},
        { id: "p5", name: "Hot Jalebi", price: "₹299", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-persimmon-pancake-light-surface_140725-75542.jpg"},
        { id: "p6", name: "Milk Cake", price: "₹650", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-sweets-lemon-sunflower-seed-halva-plate-cinnamon-cup-tea_140725-78743.jpg"},
      ]}
      title="Our Freshly Made Mithai"
      description="From slow-cooked Gulab Jamuns to delicate Kaju Katli, explore our curated selection of Indian favorites."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Ananya P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg"},
        { id: "2", name: "Rahul S.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-girl-has-cooked-cake_1262-4725.jpg"},
        { id: "3", name: "Priya D.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-expecting-baby_23-2151487778.jpg"},
        { id: "4", name: "Amit M.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-baked-chocolate-muffin-hand_23-2147974610.jpg"},
        { id: "5", name: "Sunita K.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-casual-peach-sweater-isolated-green-olive-wall-with-pink-donut-happy-copy-space_343596-5207.jpg"},
      ]}
      cardTitle="Our Happy Customers"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", icon: Award, title: "Years Served", value: "25+"},
        { id: "m2", icon: Star, title: "Recipes Perfected", value: "100+"},
        { id: "m3", icon: Smile, title: "Happy Families", value: "50k+"},
      ]}
      title="A Legacy of Sweetness"
      description="Decades of serving sweetness to our community."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "Are your sweets freshly made?", content: "Yes, we prepare all our sweets fresh every day using high-quality ingredients."},
        { id: "f2", title: "Do you offer bulk orders?", content: "Absolutely! We cater to weddings, festivals, and large events. Please contact us for details."},
        { id: "f3", title: "How long do the sweets stay fresh?", content: "Most of our milk-based sweets last 3-4 days when refrigerated. Dry sweets last much longer."},
      ]}
      title="Common Questions"
      description="Everything you need to know about our sweets and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Have a special order or question? Drop us a message."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email", required: true },
      ]}
      textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
      imageSrc="http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516953.jpg?_wi=1"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516953.jpg?_wi=2"
      logoText="Lovely Sweet Shop"
      columns={[
        { title: "Quick Links", items: [
            { label: "Shop", href: "#products"},
            { label: "About Us", href: "#about"},
            { label: "Contact", href: "#contact"},
          ]},
        { title: "Support", items: [
            { label: "FAQs", href: "#faq"},
            { label: "Order Tracking", href: "#"},
            { label: "Returns", href: "#"},
          ]},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}