"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, CheckCircle, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Collection", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="GroovyShirts"
          bottomLeftText="Premium Menswear"
          bottomRightText="hello@groovyshirts.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Elevate Your Style with Premium Groovy Shirts"
          description="Discover our exclusive collection of meticulously crafted men's shirts that blend contemporary groovy patterns with timeless elegance. Perfect for the modern gentleman who refuses to compromise on quality or style."
          tag="New Collection"
          tagIcon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-teen-sitting-chair_23-2149604105.jpg"
          imageAlt="Premium men's groovy shirt collection"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted with precision and" },
            { type: "text", content: "passion for the discerning man" },
          ]}
          useInvertedBackground={false}
          buttons={[{ text: "Explore Our Story", href: "#contact" }]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Collection"
          description="Handpicked selections from our premium lineup of groovy men's shirts, each designed to make a statement."
          tag="Best Sellers"
          tagIcon={Award}
          products={[
            {
              id: "1",              name: "Classic Navy Groovy Shirt",              price: "$89.99",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-concentrated-businessman-listening-carefully-with-crossed-hands_181624-29443.jpg",              imageAlt: "Classic navy groovy shirt with subtle pattern"},
            {
              id: "2",              name: "Casual Vibrant Pattern Shirt",              price: "$79.99",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-handome-man-with-pink-background_23-2148281668.jpg",              imageAlt: "Casual vibrant groovy pattern shirt"},
            {
              id: "3",              name: "Premium Luxury Edition Shirt",              price: "$129.99",              imageSrc: "http://img.b2bpic.net/free-photo/groom-preparing-his-wedding_1303-28300.jpg",              imageAlt: "Premium luxury edition groovy shirt"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Choose Your Perfect Fit"
          description="Select from our carefully curated pricing tiers, each offering exceptional value and premium quality."
          tag="Transparent Pricing"
          tagIcon={CheckCircle}
          plans={[
            {
              id: "starter",              title: "Starter Collection",              price: "$79",              period: "/shirt",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-handome-man-with-pink-background_23-2148281668.jpg",              imageAlt: "Starter collection shirt",              button: { text: "Browse", href: "#products" },
              features: [
                "Premium cotton blend",                "Contemporary groovy patterns",                "Standard fit sizing",                "Free shipping on 3+ shirts"],
            },
            {
              id: "professional",              title: "Professional Line",              price: "$99",              period: "/shirt",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-concentrated-businessman-listening-carefully-with-crossed-hands_181624-29443.jpg",              imageAlt: "Professional line shirt",              button: { text: "Explore", href: "#products" },
              features: [
                "100% premium cotton",                "Refined groovy designs",                "Custom fit options",                "Free alterations",                "Express shipping"],
            },
            {
              id: "luxury",              title: "Luxury Edition",              price: "$149",              period: "/shirt",              imageSrc: "http://img.b2bpic.net/free-photo/groom-preparing-his-wedding_1303-28300.jpg",              imageAlt: "Luxury edition shirt",              button: { text: "Discover", href: "#products" },
              features: [
                "Italian silk-blend fabric",                "Exclusive limited patterns",                "Bespoke tailoring service",                "White-glove delivery",                "Lifetime warranty"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Join thousands of satisfied gentlemen who have elevated their wardrobe with GroovyShirts."
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Michael Chen, CEO of TechFlow",              date: "Date: 15 January 2025",              title: "Absolutely transformed my professional wardrobe!",              quote: "The quality and attention to detail on these shirts is unmatched. I've received more compliments on my style since switching to GroovyShirts. The groovy patterns add personality while maintaining sophistication.",              tag: "Professional",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "man portrait avatar professional headshot business",              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-20630.jpg",              imageAlt: "men's shirt styling fashion lifestyle professional"},
            {
              id: "2",              name: "David Rodriguez, Designer",              date: "Date: 10 January 2025",              title: "Finally, premium quality meets unique style",              quote: "As someone who values design and craftsmanship, these shirts exceed expectations. The fabric feels luxurious, the patterns are tastefully groovy, and the fit is perfection. Worth every penny.",              tag: "Creative",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "man portrait avatar professional headshot business",              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-20630.jpg",              imageAlt: "men's shirt styling casual lifestyle confidence"},
            {
              id: "3",              name: "James Morrison, Entrepreneur",              date: "Date: 5 January 2025",              title: "Investment in personal style pays off",              quote: "I started with three shirts and now have a full collection. The quality is consistent, shipping is fast, and customer service is outstanding. These aren't just shirts—they're confidence boosters.",              tag: "Business",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "man portrait avatar professional headshot business",              imageSrc: "http://img.b2bpic.net/free-photo/two-happy-confident-young-businessmen-standing-by-office_146671-18676.jpg",              imageAlt: "men's shirt styling business professional executive"},
            {
              id: "4",              name: "Alexander Kumar, Fashion Enthusiast",              date: "Date: 28 December 2024",              title: "The groovy patterns are a game-changer",              quote: "I love how unique these shirts are. The groovy designs let me express my personality while maintaining a refined, premium look. Definitely my go-to choice for stand-out style.",              tag: "Lifestyle",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "man portrait avatar professional headshot business",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-with-hand-gesture-carnival_23-2148311318.jpg",              imageAlt: "men's shirt styling fashion groovy pattern"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our premium men's shirts and services."
          tag="Help & Support"
          faqs={[
            {
              id: "1",              title: "What materials are your shirts made from?",              content: "Our shirts are crafted from premium materials ranging from 100% cotton for everyday wear to Italian silk blends for our luxury collection. All materials are carefully selected for durability, comfort, and style."},
            {
              id: "2",              title: "Do you offer custom tailoring?",              content: "Yes! Our Professional and Luxury tiers include custom fit options. We take precise measurements and tailor each shirt to your exact specifications for the perfect fit."},
            {
              id: "3",              title: "What's your return policy?",              content: "We offer a 30-day money-back guarantee on all purchases. If you're not completely satisfied, simply return the shirt in original condition for a full refund, no questions asked."},
            {
              id: "4",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. Express shipping options are available for Professional and Luxury collections, with delivery in 2-3 business days."},
            {
              id: "5",              title: "Are the groovy patterns exclusive?",              content: "Many of our patterns are exclusive designs created in collaboration with fashion artists. Our Luxury Edition features limited-edition patterns available in small quantities."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg"
          imageAlt="Premium customer service for men's shirts"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Best Sellers", href: "#products" },
                { label: "Luxury Collection", href: "#pricing" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Return Policy", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 GroovyShirts. All rights reserved."
          bottomRightText="Crafted with precision and passion"
        />
      </div>
    </ThemeProvider>
  );
}
