"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Shop",          id: "/products"},
        {
          name: "Features",          id: "#features"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Blog",          id: "#blog"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
      logoAlt="Cloth Emporium Logo"
      brandName="Cloth Emporium"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="Cloth Emporium"
      description="Discover timeless elegance and modern style. Your ultimate destination for premium apparel crafted for every occasion."
      buttons={[
        {
          text: "Shop Now",          href: "/products"},
        {
          text: "Explore Collections",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg"
      imageAlt="stylish woman in elegant outfit"
      mediaAnimation="blur-reveal"
    />
  </div>


  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Quality",          title: "Superior Craftsmanship",          subtitle: "Impeccable details",          description: "Every garment is meticulously crafted with attention to detail and durable materials, ensuring lasting quality.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-male-fashion-designer-taking-measurement-fabric_23-2148180372.jpg",          imageAlt: "close up textile fabric quality"},
        {
          tag: "Sustainability",          title: "Eco-Conscious Fashion",          subtitle: "Planet-friendly choices",          description: "We partner with ethical suppliers and use sustainable materials to minimize our environmental footprint.",          imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",          imageAlt: "green leaf on clothing sustainable fashion"},
        {
          tag: "Style",          title: "Curated Collections",          subtitle: "Trends and classics",          description: "Our collections blend timeless elegance with the latest trends, offering unique pieces for every personal style.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg",          imageAlt: "fashion designer sketching new collection"},
      ]}
      title="Experience the Difference"
      description="From exquisite fabrics to sustainable practices, we bring you fashion that feels good and does good."
      tag="Our Promise"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Crafting Quality, Empowering Style"
      description="We believe in fashion that speaks volumes about who you are. Our curated collections blend tradition with modernity to bring you unique pieces."
      subdescription="Dedicated to quality craftsmanship and exceptional customer service, we are more than just a clothing store – we are a community of style enthusiasts passionate about helping you express yourself."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-sewing-material_23-2148754097.jpg"
      imageAlt="fashion designer looking at fabric"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue Collective",        "Fashion Hub",        "Style Source",        "Trend Setters",        "Apparel Innovators",        "Textile Partners",        "Design Works"]}
      title="Trusted by Fashion Lovers & Industry Experts"
      description="We collaborate with leading names in fashion and are loved by thousands of satisfied customers."
      showCard={true}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@sarah_fashion",          testimonial: "Cloth Emporium always has the most unique and elegant pieces. I always find something I love!",          imageSrc: "http://img.b2bpic.net/free-photo/partners-sitting-table-working-cafe_1157-28477.jpg",          imageAlt: "happy young woman smiling fashion"},
        {
          id: "2",          name: "Michael Chen",          handle: "@michaels_style",          testimonial: "Their quality is unmatched. I've bought several items and they've all exceeded my expectations. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-man-dressed-elegant-beige-checkered-suit-posing-near-brick-wall-street-background-metrosexual_158538-11005.jpg",          imageAlt: "stylish man posing professional clothing"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@emily_chic",          testimonial: "The customer service is fantastic, and the clothing range is simply exquisite. My go-to store for all occasions.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg",          imageAlt: "beautiful woman enjoying shopping experience"},
        {
          id: "4",          name: "David Kim",          handle: "@david_threads",          testimonial: "I love the sustainable options and the timeless designs. It's great to know I'm supporting an ethical brand.",          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-with-shopping-bags-walking-street_1153-6018.jpg",          imageAlt: "young couple smiling in matching outfits"},
        {
          id: "5",          name: "Olivia White",          handle: "@olivia_wardrobe",          testimonial: "From casual wear to elegant evening dresses, Cloth Emporium has it all. The fit is perfect every time!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-clothes-shop-customer-taking-hanger-with-dress-from-rack-trying-woman-choosing-clothes-fashion-store-consumerism-retail-concept_74855-11761.jpg",          imageAlt: "older woman looking elegant in clothes"},
      ]}
      title="What Our Customers Say"
      description="Hear from our happy clients about their delightful experience and stylish finds at Cloth Emporium."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Style Inspiration & Latest Trends"
      description="Stay ahead of the curve with our latest articles on fashion tips, new collections, and sustainable living."
      blogs={[
        {
          id: "1",          category: "Fashion Tips",          title: "Mastering Your Capsule Wardrobe",          excerpt: "Discover how to build a versatile wardrobe with essential pieces that mix and match effortlessly.",          imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",          imageAlt: "woman choosing clothes in boutique",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg",          date: "July 10, 2024"},
        {
          id: "2",          category: "Sustainability",          title: "The Rise of Eco-Friendly Fabrics",          excerpt: "Learn about the innovative sustainable materials transforming the fashion industry and how they benefit you.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio-with-sewing-machine_23-2148834148.jpg",          imageAlt: "sustainable fashion production process",          authorName: "John Smith",          authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-wearing-stylish-clothes-stands-with-bicycle-antique-street-europe_613910-6715.jpg",          date: "July 5, 2024"},
        {
          id: "3",          category: "New Collections",          title: "Autumn/Winter Collection Preview",          excerpt: "Get an exclusive sneak peek at our upcoming collection, featuring warm tones, luxurious textures, and contemporary designs.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg",          imageAlt: "fashion runway show new trends",          authorName: "Emily White",          authorAvatar: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5737.jpg",          date: "June 28, 2024"},
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What are your shipping options?",          content: "We offer standard and express shipping nationwide. International shipping rates vary by destination. You can find detailed information on our shipping policy page."},
        {
          id: "2",          title: "What is your return policy?",          content: "You can return items within 30 days of purchase, provided they are unworn, unwashed, and with original tags. Please see our returns page for full details and instructions."},
        {
          id: "3",          title: "How do I find my size?",          content: "Each product page features a detailed size guide to help you choose the perfect fit. If you need further assistance, our customer support team is happy to help."},
        {
          id: "4",          title: "Do you offer international shipping?",          content: "Yes, we ship to a wide range of international destinations. Shipping costs and delivery times will be calculated at checkout based on your location."},
        {
          id: "5",          title: "Are your clothes ethically sourced?",          content: "Absolutely. We are committed to ethical sourcing and partner only with manufacturers who adhere to fair labor practices and sustainable production methods."},
        {
          id: "6",          title: "How can I track my order?",          content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey on our website or the carrier's site."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to your most common questions about shopping, returns, sizing, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Ready to elevate your wardrobe? Get in touch with us today for personalized style advice, order inquiries, or any questions you may have."
      buttons={[
        {
          text: "Contact Us",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg"
      imageAlt="elegant clothes hanging in boutique"
      logoText="Cloth Emporium"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "New Arrivals",              href: "/products"},
            {
              label: "Collections",              href: "#features"},
            {
              label: "Best Sellers",              href: "/products"},
            {
              label: "Sale",              href: "#"},
          ],
        },
        {
          title: "About",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Sustainability",              href: "#features"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Shipping & Returns",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Cloth Emporium. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}