"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Camera, Diamond, Image, Instagram, Leaf, Sparkles, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="medium"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Collections",          id: "#products"},
        {
          name: "About",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Editorial",          id: "#blog"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajwf67"
      logoAlt="Intentional Dresser Logo"
      brandName="Intentional Dresser"
      button={{
        text: "Shop Now",        href: "#products"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      title="Curated Fashion for the Intentional Dresser"
      description="Discover premium clothing and accessories designed for those who see style as self-expression. Every collection tells a story."
      kpis={[
        {
          value: "200+",          label: "Curated Collections"},
        {
          value: "10K+",          label: "Satisfied Clients"},
        {
          value: "100%",          label: "Sustainable Sourcing"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Explore Collections",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19838.jpg"
      imageAlt="Model showcasing a premium fashion garment"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-lovable-smiling-girl-with-wavy-short-hairstyle-city-sunlight_291650-1424.jpg",          alt: "Satisfied customer Isabella"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-brunette-girl-dressed-gray-elegant-jacket-leaning-brick-wall-room-with-loft-interior-looking-camera_613910-18212.jpg",          alt: "Satisfied customer Marcus"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-man-black-sweater-posing-spectacular-guy-casual-attire-enjoying-weekend-city_197531-21848.jpg",          alt: "Satisfied customer Sophia"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280776.jpg",          alt: "Satisfied customer Julian"},
        {
          src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg",          alt: "Satisfied customer Olivia"},
      ]}
      avatarText="Join 10K+ stylish individuals"
      marqueeItems={[
        {
          type: "text",          text: "Timeless Style"},
        {
          type: "text-icon",          text: "Ethical Sourcing",          icon: Leaf
        },
        {
          type: "text",          text: "Personal Expression"},
        {
          type: "text-icon",          text: "Curated Luxury",          icon: Sparkles
        },
        {
          type: "text",          text: "Investment Pieces"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Where Style Meets Intentionality"
      description="We blend minimalist luxury with bold editorial aesthetics to offer an immersive shopping experience. Our pieces are more than clothing; they are lifestyle investments, each with a compelling visual story that celebrates self-expression and identity."
      metrics={[
        {
          value: "20+",          title: "Years in Fashion"},
        {
          value: "100%",          title: "Ethically Sourced"},
        {
          value: "Globally",          title: "Inspired Designs"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-with-luggages_23-2148927418.jpg"
      imageAlt="Fashion designer sketching new collection"
      mediaAnimation="slide-up"
      metricsAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Sparkles,
          title: "Curated Selection",          description: "Each item is handpicked for its quality, design, and ability to tell a unique story, ensuring your wardrobe is a true reflection of you."},
        {
          icon: Diamond,
          title: "Premium Materials",          description: "We prioritize luxurious fabrics and ethical sourcing, offering pieces crafted from the finest silks, organic cottons, and sustainable blends."},
        {
          icon: Camera,
          title: "Cinematic Storytelling",          description: "Experience fashion through an editorial lens. Our product presentations are rich with visual narratives, positioning each item as an investment in your personal style."},
        {
          icon: Users,
          title: "Community & Identity",          description: "Join a community that views fashion as self-expression. Our platform is a space to discover, connect, and define your unique aesthetic journey."},
      ]}
      title="Experience Fashion Reimagined"
      description="Dive into a world where every detail is considered, and every purchase is an extension of your unique identity."
      buttons={[
        {
          text: "Explore Collections",          href: "#products"
        }
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          brand: "Atelier Nova",          name: "The Minimalist Blazer",          price: "$799.00",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/solid-brunette-groom-black-suit-indoor-sunlight_1153-6103.jpg",          imageAlt: "Men's Luxury Blazer"},
        {
          id: "2",          brand: "Luminary Threads",          name: "Flowing Silk Gown",          price: "$1200.00",          rating: 5,
          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/wild-free-like-wind_53876-13510.jpg",          imageAlt: "Women's Flowing Silk Gown"},
        {
          id: "3",          brand: "Urban Canvas",          name: "Sculpted Trench Coat",          price: "$950.00",          rating: 5,
          reviewCount: "62",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-female-wearing-autumn-clothes-warm-cozy-coat-posing-outdoor-sunset-natural-woman-beauty_132075-9422.jpg",          imageAlt: "Unisex Sculpted Trench Coat"},
        {
          id: "4",          brand: "Eclat Accessories",          name: "Geometric Leather Tote",          price: "$480.00",          rating: 4,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916702.jpg",          imageAlt: "Geometric Leather Tote Bag"},
        {
          id: "5",          brand: "Chronos Luxury",          name: "Sleek Chronograph Watch",          price: "$1500.00",          rating: 5,
          reviewCount: "98",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",          imageAlt: "Men's Luxury Chronograph Watch"},
        {
          id: "6",          brand: "Aura Adornments",          name: "Statement Hoop Earrings",          price: "$250.00",          rating: 4,
          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/colorful-outdoor-woman-portrait_23-2151936934.jpg",          imageAlt: "Women's Statement Hoop Earrings"},
      ]}
      title="Explore Our Signature Collections"
      description="Handpicked pieces that embody modern elegance and timeless design. Each item is a testament to quality and a statement of personal style."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "curated-edit",          tag: "One-time session",          price: "$199",          period: "per session",          description: "Unlock your unique style with expert guidance and a personalized lookbook.",          button: {
            text: "Book Session",            href: "#contact"
          },
          featuresTitle: "Includes:",          features: [
            "Personalized Style Consultation",            "Digital Lookbook",            "Handpicked Product Recommendations",            "Seasonal Trend Insights"
          ]
        },
        {
          id: "editorial-membership",          tag: "Monthly Access",          price: "$49",          period: "per month",          description: "Stay ahead with exclusive content and member perks.",          button: {
            text: "Join Now",            href: "#"
          },
          featuresTitle: "Benefits:",          features: [
            "Exclusive Editorial Content",            "Early Access to New Collections",            "Member-Only Discounts",            "Bi-Annual Style Reports",            "Priority Customer Support"
          ]
        }
      ]}
      title="Elevate Your Style Journey"
      description="Choose from our bespoke styling services or unlock exclusive access with an Editorial Membership."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Isabella Chen",          role: "Creative Director",          company: "Evolve Agency",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-fashionable-woman-stylish-clothes-glasses-standing-against-skyscraper_613910-20972.jpg",          videoAriaLabel: "Testimonial from Isabella Chen"},
        {
          id: "2",          name: "Marcus Thorne",          role: "Architect",          company: "Urban Structures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4299.jpg",          videoAriaLabel: "Testimonial from Marcus Thorne"},
        {
          id: "3",          name: "Sophia Rodriguez",          role: "Fashion Editor",          company: "Vanguard Magazine",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-caucasian-fashion-model-with-dark-hair-black-sparkly-dress-looks-camera-indoors-concept-female-beauty_197531-31418.jpg",          videoAriaLabel: "Testimonial from Sophia Rodriguez"},
        {
          id: "4",          name: "Julian Vance",          role: "Brand Strategist",          company: "Apex Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg",          videoAriaLabel: "Testimonial from Julian Vance"},
        {
          id: "5",          name: "Olivia Kim",          role: "Entrepreneur",          company: "Style Catalyst",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fair-haired-lady-silk-patterned-bright-suit-elegant-sandals_132075-7597.jpg",          videoAriaLabel: "Testimonial from Olivia Kim"},
      ]}
      kpiItems={[
        {
          value: "5/5",          label: "Average Rating"},
        {
          value: "98%",          label: "Customer Satisfaction"},
        {
          value: "120+",          label: "Rave Reviews"},
      ]}
      title="What Our Clients Say"
      description="Hear from individuals who have transformed their personal style and lifestyle investments with our curated fashion."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue",        "Harper's Bazaar",        "Gentle Monster",        "Dolls Kill",        "W Magazine",        "Fashion Network",        "StyleCaster"]}
      title="As Seen In & Collaborated With"
      description="Our vision for intentional dressing has been recognized by leading names in fashion and luxury."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Editorial Insights & Style Narratives"
      description="Dive into our curated articles and discover compelling visual storytelling, expert style guides, and the latest in intentional fashion."
      blogs={[
        {
          id: "1",          category: "Style Guide",          title: "The Art of the Investment Piece: Building a Timeless Wardrobe",          excerpt: "Discover how to select versatile, high-quality garments that transcend trends and elevate your personal style for years to come.",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2929.jpg",          imageAlt: "Woman walking in stylish attire",          authorName: "Evelyn Reed",          authorAvatar: "http://img.b2bpic.net/free-photo/happy-people-sale-urban-friendship_1157-3441.jpg",          date: "October 26, 2024"},
        {
          id: "2",          category: "Editorial",          title: "Cinematic Dressing: Crafting Your Personal Narrative Through Fashion",          excerpt: "Explore the principles of visual storytelling in your daily outfits, transforming how you present yourself to the world.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784486.jpg",          imageAlt: "Man looking thoughtfully at fashion items",          authorName: "Liam Sterling",          authorAvatar: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-man-glasses-working-laptop_285396-9836.jpg",          date: "October 18, 2024"},
        {
          id: "3",          category: "Trends",          title: "Beyond the Hype: Decoding the Season's Most Enduring Fashion Trends",          excerpt: "A deep dive into the trends that matter, offering insights on how to integrate them into an intentional and personal style.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg",          imageAlt: "Fashion accessories arranged on a table",          authorName: "Chloe Moreau",          authorAvatar: "http://img.b2bpic.net/free-vector/set-women-elegant-floral-line-art-style_47987-3534.jpg",          date: "September 30, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Stay Connected"
      title="Join Our Community"
      description="Get exclusive drops, style insights, and early access to new collections delivered straight to your inbox."
      inputPlaceholder="Enter your email"
      buttonText="Subscribe Now"
      termsText="By subscribing, you agree to our privacy policy and to receive marketing communications."
    />
  </div>

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