"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
      brandName="StyleHaven"
      button={{
        text: "Shop Now",
        href: "#products",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="StyleHaven"
      description="Redefining Fashion with Timeless Elegance and Modern Flair. Discover your signature style with our curated collections."
      buttons={[
        {
          text: "Shop New Arrivals",
          href: "#products",
        },
        {
          text: "Explore Collection",
          href: "#products",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",
          imageAlt: "Woman in stylish spring outfit",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg",
          imageAlt: "Man in sophisticated casual wear",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg",
          imageAlt: "Diverse group of friends in stylish clothes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",
          imageAlt: "Close up of luxury fabric texture",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",
          imageAlt: "Fashion runway show with models",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
          imageAlt: "Interior of a clean clothing boutique",
        },
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Our Story: Crafting ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",
          alt: "Tailor working on a garment",
        },
        {
          type: "text",
          content: " Elegance",
        },
      ]}
      buttons={[
        {
          text: "Discover Our Journey",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "quality",
          title: "Premium Quality Fabrics",
          descriptions: [
            "We source only the finest materials, ensuring durability and a luxurious feel. Each garment is crafted to stand the test of time, maintaining its elegance wear after wear.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/crinkled-striped-paper-texture_23-2147786570.jpg",
          imageAlt: "Sustainable cotton fabric texture",
        },
        {
          id: "comfort",
          title: "Unmatched Comfort & Fit",
          descriptions: [
            "Designed with your comfort in mind, our clothing offers a perfect fit that moves with you. Experience effortless style without compromising on ease.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6645.jpg",
          imageAlt: "Person wearing comfortable stylish t-shirt",
        },
        {
          id: "design",
          title: "Timeless & Modern Design",
          descriptions: [
            "Our collections blend classic aesthetics with contemporary trends, creating versatile pieces that enhance any wardrobe. Elevate your style with designs that transcend seasons.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535704.jpg",
          imageAlt: "Fashion magazine cover with modern design",
        },
      ]}
      title="Experience the StyleHaven Difference"
      description="Where quality, comfort, and ethical production meet contemporary design."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",
          brand: "StyleHaven",
          name: "Classic White Linen Shirt",
          price: "$89.00",
          rating: 5,
          reviewCount: "120 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg",
          imageAlt: "Classic white button-up linen shirt",
        },
        {
          id: "p-2",
          brand: "StyleHaven",
          name: "Elegant Black Maxi Dress",
          price: "$120.00",
          rating: 5,
          reviewCount: "95 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg",
          imageAlt: "Elegant black maxi dress",
        },
        {
          id: "p-3",
          brand: "StyleHaven",
          name: "Comfort Fit Denim Jeans",
          price: "$75.00",
          rating: 4,
          reviewCount: "150 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg",
          imageAlt: "Comfort fit denim jeans",
        },
        {
          id: "p-4",
          brand: "StyleHaven",
          name: "Cozy Merino Wool Sweater",
          price: "$110.00",
          rating: 5,
          reviewCount: "80 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg",
          imageAlt: "Cozy merino wool sweater",
        },
        {
          id: "p-5",
          brand: "StyleHaven",
          name: "Tailored Navy Blazer",
          price: "$199.00",
          rating: 5,
          reviewCount: "60 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg",
          imageAlt: "Tailored navy blazer",
        },
        {
          id: "p-6",
          brand: "StyleHaven",
          name: "Sophisticated Tan Trench Coat",
          price: "$250.00",
          rating: 5,
          reviewCount: "70 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-woman-wearing-windcheater_107420-12281.jpg",
          imageAlt: "Sophisticated tan trench coat",
        },
      ]}
      title="Our Latest Collection"
      description="Discover essential pieces designed for your everyday elegance, perfect for any occasion."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue Collective",
        "Fashion Insider",
        "Style Edit",
        "Trend Setters",
        "Glamour Hub",
        "Chic Magazine",
        "Urban Threads",
      ]}
      title="Trusted by Fashion Influencers"
      description="Partnering with leading voices in style and design to bring you the best."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",
          title: "Absolutely stunning!",
          quote: "The quality of StyleHaven's garments is exceptional. I always feel confident and stylish. Their attention to detail is truly unmatched.",
          name: "Sarah J.",
          role: "Fashion Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-4020.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "t-2",
          title: "My go-to for essentials.",
          quote: "StyleHaven has completely transformed my wardrobe. Their pieces are timeless, comfortable, and always on-trend. I highly recommend them!",
          name: "Michael Chen",
          role: "Professional Stylist",
          imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "t-3",
          title: "Exceptional customer service!",
          quote: "Not only is the clothing fantastic, but the customer service team is also incredibly helpful and responsive. A truly delightful shopping experience.",
          name: "Emily R.",
          role: "Blogger & Influencer",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-short-haired-girl-with-perfect-white-teeth-having-fun-windy-hairs-autumn-mood_273443-1541.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "t-4",
          title: "Invest in quality, choose StyleHaven.",
          quote: "I've been a loyal customer for years. The clothes last, they fit perfectly, and I always get compliments. Worth every penny!",
          name: "David Kim",
          role: "Creative Director",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "t-5",
          title: "Comfort meets style flawlessly.",
          quote: "Finally found a brand that understands comfort doesn't have to sacrifice style. From work to weekend, StyleHaven has me covered.",
          name: "Jessica L.",
          role: "Lifestyle Editor",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-painting-easel-studio-art-concept-woman-draws_169016-65885.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from our satisfied community about their StyleHaven experience and why they love our collections."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q-1",
          title: "What is your return policy?",
          content: "We offer free returns within 30 days of purchase for unworn items with original tags. Please visit our returns page for detailed instructions.",
        },
        {
          id: "q-2",
          title: "How do I find my size?",
          content: "Our comprehensive size guide is available on each product page. We recommend comparing your measurements to ensure the perfect fit.",
        },
        {
          id: "q-3",
          title: "Do you offer international shipping?",
          content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our shipping policy page.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4222.jpg"
      imageAlt="Customer service representative smiling"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our products, sizing, shipping, and returns policy."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="We'd Love to Hear From You"
      description="Reach out to our dedicated customer service team for any inquiries, feedback, or style advice. We're here to help!"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By clicking Send Message, you agree to our Privacy Policy."
      imageSrc="http://img.b2bpic.net/free-photo/portrait-upset-woman-talking-mobile-phone_171337-3173.jpg"
      imageAlt="Fashion customer service representative on phone"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="StyleHaven"
      copyrightText="© 2024 StyleHaven. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
