"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Shop",
          id: "#products",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Outfitter Style"
      button={{
        text: "Shop Now",
        href: "#products",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="Discover Your Signature Look"
      description="Curated fashion that blends timeless elegance with modern trends. Express yourself with Outfitter Style."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blue-eyes-white-clothes_613910-14941.jpg",
          alt: "Stylish woman avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1860.jpg",
          alt: "Fashionable man avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-shows-peace-sign-near-eye-smiling-isolated-against-white-background_1258-197239.jpg",
          alt: "Elegant woman avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140808.jpg",
          alt: "Modern man avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/modern-young-woman-black-maxi-skirt-silk-white-blouse_343629-130.jpg",
          alt: "Modern young woman in black maxi skirt and silk white blouse",
        },
      ]}
      avatarText="Join thousands of satisfied customers."
      buttons={[
        {
          text: "Shop New Arrivals",
          href: "#products",
        },
        {
          text: "Explore Collections",
          href: "#products",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",
          text: "Premium Quality",
        },
        {
          type: "text",
          text: "Unique Designs",
        },
        {
          type: "text",
          text: "Sustainable Fashion",
        },
        {
          type: "text",
          text: "Global Shipping",
        },
        {
          type: "text",
          text: "Customer Satisfaction",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Classic Black Dress",
          price: "$120.00",
          variant: "Sizes S, M, L",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-robot_23-2151845048.jpg",
          imageAlt: "Model wearing a classic black dress",
        },
        {
          id: "2",
          name: "Beige Trench Coat",
          price: "$250.00",
          variant: "Sizes XS-XL",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-concept_23-2148342429.jpg",
          imageAlt: "Model wearing a beige trench coat",
        },
        {
          id: "3",
          name: "White Linen Shirt",
          price: "$85.00",
          variant: "Sizes S, M, L, XL",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-stunning-elegant-woman-posing-promenade-wearing-dress-coat-sneakers-backpack-luxury-tourist-soft-warm-colors_291049-1505.jpg",
          imageAlt: "Model wearing a white linen shirt",
        },
        {
          id: "4",
          name: "Dark Wash Denim Jeans",
          price: "$95.00",
          variant: "Sizes 26-32",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-44.jpg",
          imageAlt: "Model wearing dark wash denim jeans",
        },
        {
          id: "5",
          name: "Chunky Knit Sweater",
          price: "$110.00",
          variant: "Sizes S, M, L",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg",
          imageAlt: "Model wearing a chunky knit sweater",
        },
        {
          id: "6",
          name: "Leather Crossbody Bag",
          price: "$180.00",
          variant: "Black",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-accessories-stylish-woman-sitting-cafe-sunglasses-handbag-pink-blue-colors-spring-summer-fashion-trend-elegant-style-drinking-coffee_285396-4396.jpg",
          imageAlt: "Close up of a black leather crossbody bag",
        },
      ]}
      title="Latest Arrivals"
      description="Explore our handpicked selection of fresh styles and must-have pieces. Elevate your wardrobe with Outfitter Style."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Crafting Your Style Journey"
      description="At Outfitter Style, we believe fashion is a powerful form of self-expression. Our passion lies in curating collections that blend timeless elegance with modern trends, empowering you to discover and define your unique style. We focus on exceptional quality, thoughtful design, and sustainable practices to bring you pieces you'll cherish for years."
      imageSrc="http://img.b2bpic.net/free-photo/empty-clothing-department-store-shopping-mall-new-fashion-collection-shelf-fashionable-clothes-hangers-accessories-modern-boutique-with-merchandise-sale-customers_482257-65524.jpg"
      imageAlt="Elegant fashion boutique interior"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Premium Quality Fabrics",
          descriptions: [
            "We meticulously select only the finest materials to ensure comfort, durability, and a luxurious feel that lasts.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914972.jpg",
          imageAlt: "Close-up of premium fabric texture",
        },
        {
          id: "2",
          title: "Exclusive & Unique Designs",
          descriptions: [
            "Our collections feature bespoke designs, offering you distinctive pieces that you won't find anywhere else.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/i-need-write-it-down-until-it-slipped-my-mind-focused-creative-clothes-designer-sitting-workshop-drawing-new-project-garment-she-will-sew-sewing-machine-first-is-plan-action_176420-14584.jpg",
          imageAlt: "Fashion designer sketching a unique garment",
        },
        {
          id: "3",
          title: "Commitment to Sustainability",
          descriptions: [
            "We prioritize ethical sourcing and eco-friendly production methods, helping you dress stylishly and responsibly.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170340.jpg",
          imageAlt: "Green leaf on clothing, symbolizing sustainability",
        },
      ]}
      title="Why Choose Outfitter Style?"
      description="Experience the difference with our commitment to quality, unique designs, and sustainable practices that set us apart."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue",
        "GQ",
        "Harper's Bazaar",
        "Elle",
        "Fashionista",
        "WWD",
        "Highsnobiety",
      ]}
      title="Loved by Leading Fashionistas"
      description="Join a vibrant community of style-conscious individuals and influencers who trust Outfitter Style for their wardrobe essentials."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Absolutely stunning pieces!",
          quote: "I'm so impressed with the quality and unique design of my recent purchases from Outfitter Style. Every item feels luxurious and fits perfectly. Highly recommend!",
          name: "Sarah L.",
          role: "Fashion Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
          imageAlt: "Portrait of Sarah L.",
        },
        {
          id: "2",
          title: "My new go-to for essentials.",
          quote: "Outfitter Style has quickly become my favorite online store. Their range of timeless yet modern pieces is exactly what I've been looking for. Fast shipping too!",
          name: "Michael B.",
          role: "Stylist",
          imageSrc: "http://img.b2bpic.net/free-photo/pale-cute-woman-sending-air-kiss-while-posing-dressing-room_197531-7166.jpg",
          imageAlt: "Portrait of Michael B.",
        },
        {
          id: "3",
          title: "Sustainable and chic!",
          quote: "I love that Outfitter Style focuses on sustainability without compromising on style. It's refreshing to find a brand that aligns with my values and looks incredible.",
          name: "Emily R.",
          role: "Eco-Conscious Shopper",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8096.jpg",
          imageAlt: "Portrait of Emily R.",
        },
        {
          id: "4",
          title: "Unmatched quality and service.",
          quote: "From browsing to delivery, the experience with Outfitter Style was seamless. The clothes are impeccably made, and their customer service is top-notch. A true gem!",
          name: "David K.",
          role: "Business Professional",
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-azure-jacket-sunglasses-posing-studio_613910-11819.jpg",
          imageAlt: "Portrait of David K.",
        },
        {
          id: "5",
          title: "Confidence in every outfit.",
          quote: "Each piece from Outfitter Style makes me feel confident and stylish. Their curated selection truly helps me express my individuality. I always get compliments!",
          name: "Jessica M.",
          role: "Content Creator",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-outside-cafe_1303-19476.jpg",
          imageAlt: "Portrait of Jessica M.",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from our happy clients about their Outfitter Style experience and how we've helped them elevate their personal fashion."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What is your return policy?",
          content: "We offer free returns within 30 days of purchase for unworn items with tags attached. Please visit our 'Returns' page for detailed instructions and to initiate a return.",
        },
        {
          id: "2",
          title: "Do you offer international shipping?",
          content: "Yes, we ship worldwide! International shipping rates and delivery times vary by destination. You can calculate shipping costs at checkout before finalizing your order.",
        },
        {
          id: "3",
          title: "How do I find my size?",
          content: "Each product page features a detailed size guide to help you find the perfect fit. We recommend comparing your measurements to our chart for accuracy.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about our products, orders, shipping, and returns."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to elevate your style? Contact us today for personalized assistance, styling advice, or any questions you may have. Our team is here to help you shine."
      buttons={[
        {
          text: "Get in Touch",
          href: "mailto:info@outfitterstyle.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Outfitter Style"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "New Arrivals",
              href: "#products",
            },
            {
              label: "Dresses",
              href: "#",
            },
            {
              label: "Outerwear",
              href: "#",
            },
            {
              label: "Accessories",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Values",
              href: "#features",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Shipping & Returns",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Outfitter Style. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
