"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Box, Droplet, Facebook, Gift, Heart, Instagram, Leaf, LifeBuoy, Milk, Truck, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Categories",          id: "#categories"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Zoflo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Welcome to Zoflo: Nurturing Joy, Delivering Care"
      description="Discover a curated collection of premium baby products, from essential care to playful toys. Shop with confidence for your little one's every need."
      buttons={[
        {
          text: "Shop Now",          href: "#products"},
        {
          text: "Explore Categories",          href: "#categories"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-newborn-baby_23-2151055037.jpg"
      imageAlt="Happy baby playing with colorful toys and Zoflo baby products"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-smiling-family-studio-background-christmas-tree-with-gift_1328-2047.jpg",          alt: "Smiling young mother"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-father-kissing-baby-dressed-yellow_23-2148354159.jpg",          alt: "Happy father with baby"},
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-shot-cherful-wrinkled-woman-makes-peace-gesture-smiles-gladfully-has-bright-makeup-manicure-dressed-fashion-clothes_273609-48669.jpg",          alt: "Joyful grandmother"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-african-american-brother-sister-embracing-home_637285-11443.jpg",          alt: "Satisfied parent"},
        {
          src: "http://img.b2bpic.net/free-photo/mother-daughter-park_1303-9385.jpg",          alt: "Parent and child"},
      ]}
      avatarText="Join 100K+ Happy Parents!"
      marqueeItems={[
        {
          type: "text",          text: "Safe & Certified Products"},
        {
          type: "text-icon",          text: "Fast Nationwide Delivery",          icon: Truck,
        },
        {
          type: "text",          text: "Eco-Friendly Choices"},
        {
          type: "text-icon",          text: "24/7 Dedicated Support",          icon: LifeBuoy,
        },
        {
          type: "text",          text: "Trusted by Thousands of Parents"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="About Zoflo: Our Commitment to Your Child's Well-being"
      metrics={[
        {
          icon: Heart,
          label: "Trusted Products",          value: "100%"},
        {
          icon: Leaf,
          label: "Eco-Friendly",          value: "95%"},
        {
          icon: Truck,
          label: "Fast Delivery",          value: "Nationwide"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="categories" data-section="categories">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Baby Clothing",          description: "Softest fabrics, cutest styles for every season and milestone.",          bentoComponent: "reveal-icon",          icon: Box
        },
        {
          title: "Play & Toys",          description: "Engaging toys that inspire imagination and support developmental growth.",          bentoComponent: "reveal-icon",          icon: Gift
        },
        {
          title: "Diapers & Wipes",          description: "Gentle, absorbent, and eco-friendly options for ultimate comfort and care.",          bentoComponent: "reveal-icon",          icon: Heart
        },
        {
          title: "Feeding Essentials",          description: "High-quality bottles, purees, and tableware for healthy, happy mealtimes.",          bentoComponent: "reveal-icon",          icon: Milk
        },
        {
          title: "Baby Skincare",          description: "Nourishing lotions, gentle washes, and protective creams for delicate skin.",          bentoComponent: "reveal-icon",          icon: Droplet
        },
      ]}
      title="Explore Our Curated Baby Product Categories"
      description="From newborn essentials to toddler fun, find everything you need for your little one, thoughtfully categorized for easy shopping."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Organic Cotton Baby Onesie",          price: "BDT 950",          imageSrc: "http://img.b2bpic.net/free-vector/front-tank-top-sleeveless-with-leopard-pattern_1308-61105.jpg",          imageAlt: "Organic cotton baby onesie"},
        {
          id: "2",          name: "Wooden Educational Toy Set",          price: "BDT 2,200",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-toy-white-shelf_23-2149357208.jpg",          imageAlt: "Wooden educational toy set for babies"},
        {
          id: "3",          name: "Premium Soft Diaper Pack",          price: "BDT 1,500",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-accessories-baby_23-2148251507.jpg",          imageAlt: "Premium soft diaper pack"},
        {
          id: "4",          name: "Convertible Baby Crib",          price: "BDT 18,500",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-baby-room-design_23-2149125001.jpg",          imageAlt: "Convertible baby crib"},
        {
          id: "5",          name: "Ergonomic Baby Stroller",          price: "BDT 25,000",          imageSrc: "http://img.b2bpic.net/free-photo/young-mother-walking-with-baby-carriage-park_1303-14357.jpg",          imageAlt: "Ergonomic baby stroller"},
        {
          id: "6",          name: "Smart Baby Monitor",          price: "BDT 7,800",          imageSrc: "http://img.b2bpic.net/free-photo/father-video-calling-mom-with-child-quarantine_23-2148732563.jpg",          imageAlt: "Smart baby monitor"},
      ]}
      title="Our Featured & New Arrival Products"
      description="Discover our most popular items and the latest additions to the Zoflo family. Quality and comfort guaranteed for your precious little one."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "100%",          title: "Secure Shopping",          items: [
            "SSL Encryption",            "Data Privacy",            "Safe Transactions"],
        },
        {
          id: "m2",          value: "24/7",          title: "Customer Support",          items: [
            "Dedicated Team",            "Quick Responses",            "Expert Advice"],
        },
        {
          id: "m3",          value: "Fast",          title: "Nationwide Delivery",          items: [
            "Efficient Logistics",            "Track Your Order",            "On-Time Arrival"],
        },
      ]}
      title="Why Choose Zoflo? Safety, Speed, and Satisfaction."
      description="Our core values drive everything we do, ensuring the best experience for you and your baby."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Ayesha Khan",          handle: "@AyeshaK",          testimonial: "Zoflo's organic clothing is incredibly soft and gentle for my baby's sensitive skin. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg",          imageAlt: "Ayesha Khan"},
        {
          id: "t2",          name: "Rahim Ahmed",          handle: "@RahimA",          testimonial: "The delivery was surprisingly fast, and the baby monitor works perfectly. Zoflo is my go-to store now.",          imageSrc: "http://img.b2bpic.net/free-photo/father-with-his-toddler-daughter-park_1303-23698.jpg",          imageAlt: "Rahim Ahmed"},
        {
          id: "t3",          name: "Fatima Begum",          handle: "@FatimaB",          testimonial: "I love the variety of toys available. My toddler is always excited with new arrivals from Zoflo!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-showing-sign-speech-bubble-banner-looking-happy_657921-1337.jpg",          imageAlt: "Fatima Begum"},
        {
          id: "t4",          name: "Imran Hossain",          handle: "@ImranH",          testimonial: "Excellent customer service and quality products. Their feeding essentials made weaning so much easier.",          imageSrc: "http://img.b2bpic.net/free-photo/ambitious-goodlooking-young-tanned-female-with-blond-hair-standing-confident-pose-with-hands_1258-306678.jpg",          imageAlt: "Imran Hossain"},
        {
          id: "t5",          name: "Nadia Sultana",          handle: "@NadiaS",          testimonial: "Zoflo has a fantastic selection of baby skincare products. My baby's skin feels so nourished and protected.",          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-little-baby-holding-toy-building-blocks_23-2148067738.jpg",          imageAlt: "Nadia Sultana"},
      ]}
      title="What Our Happy Parents Say"
      description="Read reviews from our wonderful community who trust Zoflo for their baby care needs."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "How do I place an order?",          content: "Simply browse our products, add them to your cart, and proceed to checkout. You can then choose your preferred payment method."},
        {
          id: "faq2",          title: "What payment methods do you accept?",          content: "We currently accept Manual Payment via bKash (Personal) and Nagad (Personal), as well as Cash on Delivery. Details will be provided at checkout."},
        {
          id: "faq3",          title: "How long does delivery take?",          content: "Delivery typically takes 3-5 business days within major cities and 5-7 business days for other areas. You can track your order status from your account."},
        {
          id: "faq4",          title: "Can I return a product?",          content: "Yes, we offer a hassle-free return policy within 7 days of delivery for unused and unopened products. Please see our full return policy for details."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about orders, payments, and delivery."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Have Questions? Reach Out to Our Friendly Support Team!"
      buttons={[
        {
          text: "Email Us",          href: "mailto:support@zoflo.com"},
        {
          text: "Call Us",          href: "tel:+880XXXXXXXXX"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Zoflo"
      copyrightText="© 2024 Zoflo. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/zoflo",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "https://instagram.com/zoflo",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "https://twitter.com/zoflo",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
