"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Shop",
          id: "#products",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="HoodieHub"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="HoodieHub"
      description="Premium, heavyweight, and timeless basics. Designed for everyday comfort and durability."
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1065.jpg"
      imageAlt="Minimalist premium hoodie"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Crafted for Every Day"
      description={[
        "HoodieHub was founded on a simple principle: high-quality comfort shouldn't be complicated.",
        "We source only the finest heavyweight cotton, ensuring every piece withstands the test of time while keeping you warm and cozy.",
        "Our designs are built for the streets, the home, and everything in between.",
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Classic Grey",
          price: "$65",
          imageSrc: "http://img.b2bpic.net/free-photo/father-son-front-wall_23-2147824681.jpg",
        },
        {
          id: "p2",
          name: "Urban Black",
          price: "$70",
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-performer-dancing-escalators_23-2149344075.jpg",
        },
        {
          id: "p3",
          name: "Minimalist White",
          price: "$65",
          imageSrc: "http://img.b2bpic.net/free-photo/man-white-hoodie-sporty-menswear_53876-123578.jpg",
        },
        {
          id: "p4",
          name: "Navy Standard",
          price: "$75",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-119757.jpg",
        },
        {
          id: "p5",
          name: "Olive Essential",
          price: "$70",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-pointing-something_23-2149219811.jpg",
        },
        {
          id: "p6",
          name: "Burgundy Bold",
          price: "$75",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-orange-sweatshirt-poses-roof-building-city-center_1153-4958.jpg",
        },
      ]}
      title="Our Collection"
      description="Explore our curated selection of premium hoodies."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Heavyweight Quality",
          description: "450gsm fabric for ultimate warmth.",
          imageSrc: "http://img.b2bpic.net/free-photo/pullover-camera-laid-near-coffee-pinecones_23-2147912476.jpg",
        },
        {
          title: "Ethically Sourced",
          description: "Made with care in certified facilities.",
          imageSrc: "http://img.b2bpic.net/free-photo/hooded-sweatshirt-black-perfect-autumn-generated-by-ai_188544-40075.jpg",
        },
        {
          title: "Timeless Design",
          description: "Versatile cuts for every style.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-white-hoodie-streetwear-men-s-apparel-fashion_53876-119815.jpg",
        },
      ]}
      title="Why HoodieHub?"
      description="The difference is in the details."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Alex R.",
          date: "Jan 2024",
          title: "Best purchase",
          quote: "Incredible quality, literally live in this hoodie.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1065.jpg",
          imageAlt: "young man portrait",
        },
        {
          id: "2",
          name: "Sarah J.",
          date: "Dec 2023",
          title: "So soft",
          quote: "I've tried many, this is the softest I've owned.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/father-son-front-wall_23-2147824681.jpg",
          imageAlt: "young man portrait",
        },
        {
          id: "3",
          name: "Mike D.",
          date: "Nov 2023",
          title: "Perfect fit",
          quote: "Finally, a hoodie that fits exactly as it should.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-performer-dancing-escalators_23-2149344075.jpg",
          imageAlt: "young man portrait",
        },
        {
          id: "4",
          name: "Emma L.",
          date: "Oct 2023",
          title: "Durable",
          quote: "Still looks brand new after 20+ washes.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/man-white-hoodie-sporty-menswear_53876-123578.jpg",
          imageAlt: "young man portrait",
        },
        {
          id: "5",
          name: "John K.",
          date: "Sep 2023",
          title: "Amazing",
          quote: "The weight is just right. Highly recommend.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-close-up-portrait-brunette-charming-lady-is-posing-camera-sunlight-warn-spring-day-sport-square_291650-2320.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-119757.jpg",
          imageAlt: "young man portrait",
        },
      ]}
      title="Customer Loved"
      description="See why our customers keep coming back."
    />
  </div>

  <div id="socialproof" data-section="socialproof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue",
        "GQ",
        "Hypebeast",
        "Esquire",
        "Highsnobiety",
        "Complex",
        "Fashionista",
      ]}
      title="Seen In"
      description="Featured in leading fashion publications."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "How do your hoodies fit?",
          content: "Our hoodies have a classic fit—size up for an oversized look.",
        },
        {
          id: "f2",
          title: "What materials are used?",
          content: "We use premium 100% heavyweight cotton blends.",
        },
        {
          id: "f3",
          title: "How do I care for my hoodie?",
          content: "Machine wash cold and hang dry to preserve texture.",
        },
      ]}
      title="Common Questions"
      description="Got questions? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Let's Talk"
      title="Have any questions?"
      description="Drop us a line and our team will get back to you shortly."
      buttons={[
        {
          text: "Contact Support",
          href: "mailto:support@hoodiehub.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "All Products",
              href: "#products",
            },
            {
              label: "Sale",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Shipping",
              href: "#",
            },
            {
              label: "Returns",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 HoodieHub"
      bottomRightText="Privacy Policy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
