"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { MessageCircle, ShieldCheck, Truck } from "lucide-react";

export default function LandingPage() {
  const handleWhatsAppClick = (productName: string) => {
    window.open(`https://wa.me/256700000000?text=I'd like to order: ${productName}`, "_blank");
  };

  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Collection",          id: "#products"},
        {
          name: "Our Story",          id: "#about"},
        {
          name: "Influencers",          id: "#social-proof"},
        {
          name: "Support",          id: "#faq"},
      ]}
      brandName="Atitus Fume"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "gradient-bars"}}
      title="Scent of Ugandan Elegance"
      description="Hand-curated artisanal fragrances that linger. Experience the Atitus Fume Gallery collection today."
      tag="New Collection"
      buttons={[
        {
          text: "Shop Now - UGX 15,000 Off",          href: "#products"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/product-photographer-doing-his-job-studio_23-2148970266.jpg?_wi=1",          imageAlt: "Luxury Fragrance 1"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-photography-studio_23-2150254639.jpg?_wi=1",          imageAlt: "Luxury Fragrance 2"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-bottle-rocks-arrangement_23-2148761482.jpg?_wi=1",          imageAlt: "Luxury Fragrance 3"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420674.jpg?_wi=1",          imageAlt: "Luxury Fragrance 4"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150162957.jpg?_wi=1",          imageAlt: "Luxury Fragrance 5"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892262.jpg",          imageAlt: "Luxury Fragrance 6"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="The Essence of Quiet Confidence"
      description="At Atitus Fume, we believe in effortless class. Each bottle is a curated experience, whispering elegance and sophistication for the discerning individual."
      bulletPoints={[
        {
          title: "Artisanal Curation",          description: "Hand-picked scents that define luxury."},
        {
          title: "Ugandan Craft",          description: "Celebrating elegance with a local touch."},
        {
          title: "Sophisticated Linger",          description: "Fragrances designed to be remembered."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337714.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "WhatsApp Ordering",          description: "Direct, personalized service.",          bentoComponent: "reveal-icon",          icon: MessageCircle,
        },
        {
          title: "Secure Transactions",          description: "MTN MoMo & Airtel Money accepted.",          bentoComponent: "reveal-icon",          icon: ShieldCheck,
        },
        {
          title: "Same-Day Delivery",          description: "Fast service in Kampala & Entebbe.",          bentoComponent: "reveal-icon",          icon: Truck,
        },
      ]}
      title="Unrivaled Convenience"
      description="Experience premium service tailored for your lifestyle."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Atitus Midnight Oud",          price: "UGX 250,000",          imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-49138.jpg", onProductClick: () => handleWhatsAppClick("Atitus Midnight Oud")},
        {
          id: "p2",          name: "Gallery Gold Blossom",          price: "UGX 180,000",          imageSrc: "http://img.b2bpic.net/free-photo/orchid-flower-against-gold-background_23-2149244105.jpg", onProductClick: () => handleWhatsAppClick("Gallery Gold Blossom")},
        {
          id: "p3",          name: "Azure Sky Intense",          price: "UGX 220,000",          imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-rose-wine-blue-tablecloth_114579-22805.jpg", onProductClick: () => handleWhatsAppClick("Azure Sky Intense")},
        {
          id: "p4",          name: "Velvet Rosewood",          price: "UGX 210,000",          imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfume-based-soil-ingredients_23-2150756829.jpg", onProductClick: () => handleWhatsAppClick("Velvet Rosewood")},
        {
          id: "p5",          name: "Oud Mystique",          price: "UGX 270,000",          imageSrc: "http://img.b2bpic.net/free-photo/covid-paclose-urty-still-life-with-bottle_23-2149299918.jpg", onProductClick: () => handleWhatsAppClick("Oud Mystique")},
        {
          id: "p6",          name: "Silver Moonlight",          price: "UGX 195,000",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289773.jpg", onProductClick: () => handleWhatsAppClick("Silver Moonlight")},
      ]}
      title="The Gallery Collection"
      description="Discover our signature scents."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah K.",          date: "Jan 2024",          title: "Loves the Oud",          quote: "The most sophisticated scent I've ever owned.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35708.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/product-photographer-doing-his-job-studio_23-2148970266.jpg?_wi=2",          imageAlt: "professional customer headshot"},
        {
          id: "2",          name: "Michael B.",          date: "Feb 2024",          title: "Perfect Gift",          quote: "Exceptional delivery service via WhatsApp.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-photography-studio_23-2150254639.jpg?_wi=2",          imageAlt: "professional customer headshot"},
        {
          id: "3",          name: "Tina L.",          date: "Mar 2024",          title: "Pure Class",          quote: "Unmatched quality and longevity.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/looking-happy-pleasantly-surprised-excited-with-fascinated-shocked-expression_1194-413800.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-bottle-rocks-arrangement_23-2148761482.jpg?_wi=2",          imageAlt: "professional customer headshot"},
        {
          id: "4",          name: "David M.",          date: "Apr 2024",          title: "My Favorite",          quote: "I get compliments everywhere I go.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-holds-phone-thumbs-up-isolated-green-background-with-copy-space_141793-70148.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420674.jpg?_wi=2",          imageAlt: "professional customer headshot"},
        {
          id: "5",          name: "Janet O.",          date: "May 2024",          title: "Luxury defined",          quote: "Simply the best fragrance in Uganda.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/very-well-smiling-handsome-man-shows-okay-sign-winks-approves-smth-give-permission-recommends-good-product-white-background_176420-50119.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150162957.jpg?_wi=2",          imageAlt: "professional customer headshot"},
      ]}
      title="Voices of Elegance"
      description="Our community's favorite moments."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Kampala Chic",        "Entebbe Elite",        "Fashion Daily",        "Urban Style",        "The Trend",        "City Life",        "Bloom Magazine"]}
      title="Seen in the Gallery"
      description="Influencers and customers loving their Atitus Fume."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "How do I order?",          content: "Just tap the WhatsApp button on any product."},
        {
          id: "f2",          title: "Do you deliver?",          content: "Same-day delivery within Kampala & Entebbe."},
        {
          id: "f3",          title: "Which payments?",          content: "MTN MoMo and Airtel Money are accepted."},
      ]}
      sideTitle="Common Inquiries"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get Updates"
      title="Join the Elite List"
      description="Receive first access to new fragrance drops."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Atitus Fume"
      copyrightText="© 2025 Atitus Fume Gallery."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}