"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CheckCircle, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Collection", id: "products" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="AYMÊ"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{ variant: "gradient-bars" }}
      title="AYMÊ - Luxury & Exclusivity"
      description="Discover a curated collection of women's apparel that redefines elegance. Experience impeccable service and the highest quality in every detail."
      tag="Refined Fashion"
      buttons={[{ text: "Explore Collection", href: "#products" }]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg?_wi=1", imageAlt: "Luxurious clothing display" },
        { imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg", imageAlt: "Boutique interior environment" }
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Top rated boutique experience"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Unmatched Quality & Service"
      description="Located in the heart of Recanto Campo Belo, AYMÊ isn't just a store; it's an experience. We pride ourselves on hand-selecting pieces that ensure our clients feel unique, confident, and sophisticated in every moment."
      imageSrc="http://img.b2bpic.net/free-photo/one-fashionable-woman-standing-clothing-store-window-generated-by-ai_188544-32987.jpg"
      imageAlt="AYMÊ boutique interior"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Silk Evening Dress", price: "R$ 899,00", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9393.jpg" },
        { id: "p2", name: "Designer High Heels", price: "R$ 450,00", imageSrc: "http://img.b2bpic.net/free-photo/luxury-fashion-woman-accessories-golden-heeled-shoes-little-evening-purse-elegant-style-vintage-style-sandals-footwear_285396-7256.jpg" },
        { id: "p3", name: "Classic Silk Blouse", price: "R$ 290,00", imageSrc: "http://img.b2bpic.net/free-photo/trendy-top-design-mockup-presented-wooden-hanger_460848-14020.jpg" }
      ]}
      title="Latest Curated Collection"
      description="Our seasonal picks, blending comfort with timeless elegance."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Impeccable Service",          description: "Personalized assistance to help you find exactly what you need.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg?_wi=2",            imageAlt: "personal styling boutique service"
          },
          items: [
            { icon: Sparkles, text: "Style Consultations" },
            { icon: CheckCircle, text: "Curated Inventory" },
            { icon: Award, text: "Premium Quality Fabrics" },
          ],
          reverse: false
        }
      ]}
      title="Why Choose AYMÊ?"
      description="We are dedicated to providing a premium shopping experience tailored to your unique style."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={["Luxe Wear", "Silk & Co", "Classic Chic", "Modern Elegance", "Velvet Dreams", "Premium Apparel", "Fashion Elite"]}
      title="Trusted Partners & Brands"
      description="We work only with the most respected names in the fashion industry."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Cintia Silmara", date: "1 year ago", title: "Wonderful Experience", quote: "Wonderful store, full of quality clothing and impeccable service!!! I highly recommend it.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
        { id: "2", name: "Maria Oliveira", date: "2 months ago", title: "Timeless Elegance", quote: "I love the quality and the care they put into their selection. Always a great purchase.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-elegant-middle-aged-caucasian-female-with-short-blonde-hair-sitting-comfortably-leather-armchair_343059-4046.jpg" }
      ]}
      title="What Our Clients Say"
      description="Read the authentic experiences of our valued customers."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Where is the store located?", content: "R. José Roschel Rodrigues, 520 - Recanto Campo Belo, São Paulo - SP." },
        { id: "q2", title: "What are the opening hours?", content: "We are open until 7 PM daily." },
        { id: "q3", title: "Can I get personalized styling?", content: "Yes, our team is happy to assist with recommendations tailored to your style." }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-center-department-store_1203-9230.jpg"
      mediaAnimation="slide-up"
      title="Common Inquiries"
      description="Here is what you need to know about our boutique."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      text="Have any questions or need a personal consultation? Visit us today or send us a message via WhatsApp."
      buttons={[{ text: "(11) 94491-9362", href: "https://wa.me/5511944919362" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-happy-young-woman-with-long-brown-curly-hair-pleasantly-surprised-shocked-so-many-nice-clothes-luxury-wardrobe-fashionable-model-has-elegant-look-wearing-black-stylish-dress_197531-1671.jpg"
      logoText="AYMÊ"
      columns={[
        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Collection", href: "#products" }, { label: "Testimonials", href: "#testimonials" }] },
        { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/5511944919362" }, { label: "Location", href: "#" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
