"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, MessageSquare, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Collection",
          id: "#collection",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Elegance Atelier"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "radial-gradient",
      }}
      title="Crafting Dreams, One Stitch at a Time"
      description="At Elegance Atelier, we specialize in creating exquisite custom dresses and breathtaking wedding gowns, tailored to your unique vision and perfect fit. Let us bring your dream dress to life."
      buttons={[
        {
          text: "Explore Our Collection",
          href: "#collection",
        },
        {
          text: "Book a Consultation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-happy-bride-smiling_624325-834.jpg"
      imageAlt="Elegant bride wearing a custom-made wedding dress, standing gracefully in a well-lit studio."
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-bride-lady-posing-elegant-white-wedding-dress-with-lace-spacious-studio-room-looking-into-camera-having-stylish-wedding-haircut-bride-woman-model-full-length-bride-portrait_8353-12135.jpg",
          alt: "Beautiful bride lady posing in an elegant white wedding dress",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blond-woman-dressed-as-bride-leaning-door_1153-1135.jpg",
          alt: "Blond woman dressed as a bride leaning on a door",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-allure-female-model-with-curly-blonde-hair-natural-makeup-wearing-long-white-dress-with-plunging-neckline-put_8353-11933.jpg",
          alt: "Allure female model in long white dress",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-bride-indoor-wedding-dress_624325-904.jpg",
          alt: "Pretty bride indoor in wedding dress",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-bride-smiling_624325-834.jpg",
          alt: "Elegant bride in wedding dress studio",
        },
      ]}
      avatarText="Trusted by over 100 happy clients"
      marqueeItems={[
        {
          type: "text",
          text: "Bespoke Bridal Gowns",
        },
        {
          type: "text",
          text: "Custom Evening Wear",
        },
        {
          type: "text",
          text: "Expert Tailoring",
        },
        {
          type: "text",
          text: "Premium Fabric Selection",
        },
        {
          type: "text",
          text: "Unforgettable Designs",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Passion for Perfection"
      description="Elegance Atelier is founded on a deep love for fine fabrics, intricate details, and the art of dressmaking. With years of experience, we pride ourselves on exceptional craftsmanship, transforming visions into wearable art that celebrates individuality and elegance. Every garment is a testament to our dedication to quality and beauty."
      bulletPoints={[
        {
          title: "Masterful Craftsmanship",
          description: "Each dress is meticulously crafted by hand, ensuring superior quality and attention to every detail.",
        },
        {
          title: "Personalized Design",
          description: "We work closely with you to create a design that reflects your unique style and personality.",
        },
        {
          title: "Premium Materials",
          description: "Only the finest silks, laces, and embellishments are selected for your bespoke creation.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/elderly-gentleman-trying-premium-quality-bespoke-garment-helped-by-professional-seamstress-senior-client-wearing-custom-handmade-suit-blazer-made-by-expert-couturier_482257-64880.jpg"
      imageAlt="A seamstress meticulously hand-stitching delicate lace onto a wedding dress, showcasing artisanal craftsmanship."
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "Off-the-rack limitations",
          "Ill-fitting standard sizes",
          "Generic designs",
          "Limited fabric choices",
          "Lack of personal touch",
        ],
      }}
      positiveCard={{
        items: [
          "Custom Design & Consultation",
          "Made-to-Measure Perfection",
          "Premium Fabric Selection",
          "Intricate Embellishments",
          "Expert Alterations",
        ],
      }}
      title="Our Tailored Dressmaking Services"
      description="From dream wedding gowns to elegant evening wear, our bespoke services are designed to cater to your every need, ensuring a garment that is truly yours."
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "The 'Eternal Love' Gown",
          price: "Starts at $3,500",
          variant: "Wedding Dress",
          imageSrc: "http://img.b2bpic.net/free-photo/bride-with-bouquet-her-back_1157-341.jpg",
          imageAlt: "A stunning, intricate ball gown wedding dress with lace details and a long train.",
        },
        {
          id: "2",
          name: "Midnight Serenade Dress",
          price: "Starts at $1,200",
          variant: "Evening Wear",
          imageSrc: "http://img.b2bpic.net/free-photo/winsome-girl-with-elegant-hairstyle-preparing-party-indoor-portrait-stunning-woman-long-velvet-dress_197531-11537.jpg",
          imageAlt: "A glamorous black satin evening dress with elegant draping.",
        },
        {
          id: "3",
          name: "Bespoke Celebration Dress",
          price: "Custom Quote",
          variant: "Custom Occasion",
          imageSrc: "http://img.b2bpic.net/free-photo/caring-about-details-is-very-important_329181-14334.jpg",
          imageAlt: "A unique, custom-designed party dress with vibrant embroidery and modern silhouette.",
        },
        {
          id: "4",
          name: "Whispering Tulle Veil",
          price: "Starts at $300",
          variant: "Bridal Accessory",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-flower-twig-near-white-textile_23-2148069307.jpg",
          imageAlt: "A delicate, long tulle bridal veil with a subtle lace edge.",
        },
        {
          id: "5",
          name: "Maiden's Blossom Gown",
          price: "Starts at $800",
          variant: "Bridesmaid Dress",
          imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278428.jpg",
          imageAlt: "An elegant, soft pink bridesmaid dress in flowing chiffon.",
        },
        {
          id: "6",
          name: "Grand Gala Ensemble",
          price: "Starts at $1,500",
          variant: "Mother of the Bride",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-steps-long-white-dress_613910-7648.jpg",
          imageAlt: "A sophisticated, two-piece formal gown suitable for the mother of the bride.",
        },
      ]}
      title="Our Exquisite Dress Collection"
      description="Discover a selection of our finest creations, showcasing diverse styles and the impeccable craftsmanship that defines Elegance Atelier."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "bridal",
          badge: "Bridal Collection",
          badgeIcon: Sparkles,
          price: "Starting at $2,500",
          subtitle: "For your unforgettable wedding day.",
          buttons: [
            {
              text: "View Bridal Packages",
              href: "#contact",
            },
          ],
          features: [
            "Initial Design Consultation",
            "Pattern Creation & Fabric Sourcing",
            "Three Fittings Included",
            "Bespoke Gown Construction",
            "Post-Wedding Preservation Guide",
          ],
        },
        {
          id: "evening",
          badge: "Evening Wear",
          badgeIcon: Star,
          price: "Starting at $800",
          subtitle: "Elegance for every special occasion.",
          buttons: [
            {
              text: "Inquire About Evening Wear",
              href: "#contact",
            },
          ],
          features: [
            "Design Consultation",
            "Fabric Selection & Sourcing",
            "Two Fittings Included",
            "Custom Dress Construction",
            "Styling Advice",
          ],
        },
        {
          id: "custom",
          badge: "Custom Design",
          badgeIcon: Award,
          price: "Custom Quote",
          subtitle: "Your unique vision, perfectly realized.",
          buttons: [
            {
              text: "Request a Custom Quote",
              href: "#contact",
            },
          ],
          features: [
            "Comprehensive Design Brief",
            "Exclusive Fabric Sourcing",
            "Unlimited Fittings",
            "Haute Couture Construction",
            "Personal Stylist Session",
          ],
        },
      ]}
      title="Transparent Pricing for Custom Creations"
      description="Our pricing reflects the unique craftsmanship, quality materials, and personalized service invested in every garment. We offer tiered options to suit your needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753673.jpg",
          imageAlt: "A happy bride, Sarah J., smiling on her wedding day.",
        },
        {
          id: "2",
          name: "Emily R.",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-celebrating-happy-woman-standing-golden-sparkling_273443-1353.jpg",
          imageAlt: "Emily R. looking elegant in her custom evening dress.",
        },
        {
          id: "3",
          name: "Olivia P.",
          imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-preparing-checkered-flag-chart-office_23-2147955073.jpg",
          imageAlt: "Olivia P. posing confidently in a bespoke gown.",
        },
        {
          id: "4",
          name: "Jessica L.",
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-choosing-dress-date-party-feeling-excited-happy-cheerful-woman-having-pleased-look-while-packing-bag-before-trip-standing-her-wardrobe-with-racks-full-clothes_273609-833.jpg",
          imageAlt: "Jessica L. radiant in her custom-made wedding dress.",
        },
        {
          id: "5",
          name: "Hannah K.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-holding-celebratory-icons_53876-71527.jpg",
          imageAlt: "Hannah K. delighted with her special occasion dress.",
        },
        {
          id: "6",
          name: "Chloe B.",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girl-summer-garden_1157-24471.jpg",
          imageAlt: "Elegant and stylish girl in a summer garden",
        },
      ]}
      cardTitle="Hear From Our Happy Clients"
      cardTag="Rave Reviews"
      cardTagIcon={MessageSquare}
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "How far in advance should I book for a wedding dress?",
          content: "We recommend booking your wedding dress consultation 8-12 months in advance of your wedding date to allow ample time for design, fabric sourcing, and fittings.",
        },
        {
          id: "2",
          title: "What is the custom dressmaking process like?",
          content: "Our process typically involves an initial consultation, design sketches, fabric selection, measurement, multiple fittings to ensure a perfect fit, and final delivery.",
        },
        {
          id: "3",
          title: "Do you offer alteration services for dresses not made by you?",
          content: "While our priority is bespoke creations, we do offer alteration services on a case-by-case basis. Please contact us to discuss your specific needs.",
        },
        {
          id: "4",
          title: "Can I bring my own fabric?",
          content: "Yes, you are welcome to provide your own fabric. We will assess its suitability during the design consultation to ensure it meets our quality standards and works with your desired design.",
        },
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about our process, appointments, and services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Get in Touch"
      title="Ready to Create Your Dream Dress?"
      description="Schedule a personal consultation with our designer to discuss your vision, explore design possibilities, and begin your bespoke dressmaking journey."
      buttons={[
        {
          text: "Book a Consultation",
          href: "mailto:info@eleganceatelier.com",
        },
        {
          text: "Call Us",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/solid-curvy-retro-fabrics-curtains_23-2148516059.jpg"
      imageAlt="Close-up of luxurious draped fabric, showcasing texture and elegance."
      logoText="Elegance Atelier"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Wedding Dresses",
              href: "#collection",
            },
            {
              label: "Evening Wear",
              href: "#collection",
            },
            {
              label: "Custom Designs",
              href: "#collection",
            },
            {
              label: "Alterations",
              href: "#services",
            },
          ],
        },
        {
          title: "About Us",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/eleganceatelier",
            },
            {
              label: "Pinterest",
              href: "https://pinterest.com/eleganceatelier",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Elegance Atelier. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
