"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Award, Heart, MessageCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="ABN Scents N Time"
          bottomLeftText="Smell like Magic"
          bottomRightText="hello@abnscents.pk"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Welcome to ABN Scents N Time"
          description="Discover luxury fragrances that tell your story. Long-lasting signatures, travel-friendly testers, and gift sets crafted for the modern fragrance lover. Smell like magic. Feel like luxury."
          tag="Premium Pakistani Fragrance"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Explore Collections", href: "#products" },
            { text: "Order via WhatsApp", href: "https://wa.me/923001234567" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0wbtHpzXVpEjcG3xcbRyOXQZV/uploaded-1773716862563-5as5nwfg.png",              imageAlt: "Premium perfume bottles on stone with roses"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0wbtHpzXVpEjcG3xcbRyOXQZV/uploaded-1773716862563-vch6xdqs.png",              imageAlt: "Luxury fragrance bottle lifestyle photography"
            }
          ]}
          mediaAnimation="opacity"
          rating={5}
          ratingText="1,250+ Happy Fragrance Lovers"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why ABN Scents N Time?" }
          ]}
          buttons={[
            { text: "Discover Our Story", href: "#" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="The ABN Promise"
          description="Handcrafted excellence in every bottle. From long-lasting signature scents to portable testers and curated gift sets."
          tag="Quality & Affordability"
          tagIcon={Award}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Signature Scents",              description: "Long-lasting fragrances like Fluorsa, In-Para, and Reality designed for every mood and occasion.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163136.jpg",              imageAlt: "Signature fragrance collection"
            },
            {
              id: 2,
              title: "Travel Testers",              description: "Discover new fragrances with our affordable 4-fragrance tester packs. Perfect for trying before committing.",              imageSrc: "http://img.b2bpic.net/free-vector/wedding-invitation-golden-floral_23-2147561186.jpg",              imageAlt: "Travel-friendly perfume tester pack"
            },
            {
              id: 3,
              title: "Gift Sets",              description: "Beautifully curated gift collections for every celebration. Luxury packaging, meaningful scents.",              imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151524035.jpg",              imageAlt: "Premium gift set packaging"
            },
            {
              id: 4,
              title: "Flat Shipping PKR 300",              description: "Fast delivery across Karachi. WhatsApp ordering for convenience. Luxury fragrance at your doorstep.",              imageSrc: "http://img.b2bpic.net/free-psd/skin-care-social-media-stories_23-2149018312.jpg",              imageAlt: "Express shipping service"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Shop Now", href: "#products" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Collection"
          description="Explore signature fragrances, testers, and gift sets. Every scent tells a story. Which one is yours?"
          tag="Bestsellers"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          products={[
            {
              id: "fluorsa",              name: "Fluorsa",              price: "Rs.2,700",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163136.jpg",              imageAlt: "Fluorsa signature fragrance"
            },
            {
              id: "aks",              name: "Aks",              price: "Rs.1,800",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0wbtHpzXVpEjcG3xcbRyOXQZV/uploaded-1773716862563-vch6xdqs.png",              imageAlt: "Aks luxury perfume"
            },
            {
              id: "ankahi",              name: "Ankahi",              price: "Rs.1,400",              imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151524035.jpg",              imageAlt: "Ankahi floral fragrance"
            },
            {
              id: "aqseer",              name: "Aqseer",              price: "Rs.1,250",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-fruits_23-2149440632.jpg",              imageAlt: "Aqseer elegant scent"
            },
            {
              id: "tester-pack",              name: "Tester Pack (4 Fragrances)",              price: "Rs.1,250",              imageSrc: "http://img.b2bpic.net/free-vector/wedding-invitation-golden-floral_23-2147561186.jpg",              imageAlt: "Discovery tester pack"
            },
            {
              id: "aahang",              name: "Aahang",              price: "Rs.2,700",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963082.jpg",              imageAlt: "Aahang signature collection"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Order via WhatsApp", href: "https://wa.me/923001234567" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Fragrance Enthusiasts"
          description="From first-time buyers to fragrance collectors, our community loves the quality, affordability, and discovery at ABN Scents N Time."
          tag="Customer Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Perfect Signature Scent",              quote: "I found my signature scent with Fluorsa. Long-lasting, elegant, and worth every penny. Highly recommend!",              name: "Amina Khan",              role: "Fragrance Lover",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",              imageAlt: "Amina Khan"
            },
            {
              id: "2",              title: "Best Tester Pack",              quote: "The tester pack was amazing. I got to try 4 different scents and found two new favorites. Great value!",              name: "Fatima Ahmed",              role: "Beauty Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-hugging-pillow-white-background_114579-78194.jpg",              imageAlt: "Fatima Ahmed"
            },
            {
              id: "3",              title: "Luxury at Affordable Prices",              quote: "Finally, a Pakistani fragrance brand that offers premium quality at reasonable prices. Shipping was fast too!",              name: "Hassan Ali",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-jacket-posing_171337-19811.jpg",              imageAlt: "Hassan Ali"
            },
            {
              id: "4",              title: "Perfect Gift Sets",              quote: "Bought the gift set for my sister's birthday. The packaging was beautiful and she absolutely loved the scents!",              name: "Sara Malik",              role: "Gift Giver",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",              imageAlt: "Sara Malik"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Join Our Community", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          title="Ready to Discover Your Signature Scent?"
          description="Order now via WhatsApp for instant assistance. Flat PKR 300 shipping across Karachi. Premium fragrances delivered to your doorstep."
          buttons={[
            { text: "Order on WhatsApp", href: "https://wa.me/923001234567" },
            { text: "Email Us", href: "mailto:hello@abnscents.pk" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0wbtHpzXVpEjcG3xcbRyOXQZV/uploaded-1773716862563-5as5nwfg.png"
          imageAlt="ABN Scents N Time premium collection"
          logoText="ABN Scents N Time"
          copyrightText="© 2024 ABN Scents N Time. Smell like Magic. Feel like Luxury."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Signature Scents", href: "#products" },
                { label: "Tester Packs", href: "#products" },
                { label: "Gift Sets", href: "#products" },
                { label: "New Arrivals", href: "#products" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Why ABN?", href: "#features" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "WhatsApp", href: "https://wa.me/923001234567" },
                { label: "Email", href: "mailto:hello@abnscents.pk" },
                { label: "Location", href: "#" },
                { label: "Support", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Shipping Policy", href: "#" },
                { label: "Returns", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}