"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MessageSquare, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Cart", id: "https://example.com/cart" }
          ]}
          brandName="StyleHub"
          bottomLeftText="Free Shipping Worldwide"
          bottomRightText="support@stylehub.com"
        />
      </div>

      <div id="product" data-section="product">
        <ProductDetailCard
          layout="page"
          name="Premium Comfort Hoodie"
          price="$89.99"
          showRating={true}
          rating={4.8}
          ratingIcon={Star}
          description="Crafted from premium organic cotton and innovative performance fabric, this hoodie combines luxury comfort with everyday versatility. Perfect for any occasion—from casual weekends to active adventures. The breathable material keeps you cool and comfortable, while the sleek design flatters every body type."
          images={[
            {
              src: "https://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478958.jpg",              alt: "Premium Comfort Hoodie - Front View"
            },
            {
              src: "https://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",              alt: "Premium Comfort Hoodie - Detail View"
            },
            {
              src: "https://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478952.jpg",              alt: "Premium Comfort Hoodie - Side View"
            },
            {
              src: "https://img.b2bpic.net/free-photo/top-view-woman-taking-photos_23-2149731184.jpg",              alt: "Premium Comfort Hoodie - Lifestyle"
            }
          ]}
          variants={[
            {
              label: "Size",              options: ["XS", "S", "M", "L", "XL", "XXL"],
              selected: "M",              onChange: () => {}
            },
            {
              label: "Color",              options: ["Black", "Charcoal", "Navy", "Sage Green", "Cream"],
              selected: "Black",              onChange: () => {}
            }
          ]}
          quantity={{
            label: "Quantity",            options: ["1", "2", "3", "4", "5", "6"],
            selected: "1",            onChange: () => {}
          }}
          buttons={[
            {
              text: "Add To Cart",              onClick: () => {}
            },
            {
              text: "Add To Wishlist",              onClick: () => {}
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",              name: "Jessica Martinez",              role: "Fashion Enthusiast",              testimonial: "This hoodie is absolutely incredible! The quality is exceptional, and it fits perfectly. I've received so many compliments, and I love how comfortable it is for all-day wear.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Product Manager",              testimonial: "I was skeptical at first, but this hoodie exceeded all my expectations. The fabric is soft, durable, and the color looks exactly as pictured. Definitely worth the investment.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Sarah Thompson",              role: "Fitness Coach",              testimonial: "Perfect for my active lifestyle! The breathable material is amazing, and it looks great for both gym sessions and casual outings. Already bought one for my friend.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Sarah Thompson"
            },
            {
              id: "4",              name: "David Patel",              role: "Creative Director",              testimonial: "The attention to detail is remarkable. From the stitching to the fit, everything feels premium. This is the kind of piece that becomes a wardrobe staple.",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "David Patel"
            },
            {
              id: "5",              name: "Emily Richardson",              role: "Travel Blogger",              testimonial: "I travel constantly and this hoodie is my go-to piece. It packs well, washes beautifully, and stays looking fresh. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",              imageAlt: "Emily Richardson"
            },
            {
              id: "6",              name: "James Wilson",              role: "Tech Entrepreneur",              testimonial: "Quality craftsmanship at a fair price. I'm impressed with the durability and comfort. This is now my favorite hoodie by far.",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",              imageAlt: "James Wilson"
            }
          ]}
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who've made this hoodie part of their daily wardrobe"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",              title: "What is the material composition?",              content: "Our Premium Comfort Hoodie is made from 85% organic cotton and 15% polyester blend. This combination provides superior comfort, durability, and easy care. The fabric is pre-shrunk and maintains its shape after multiple washes."
            },
            {
              id: "2",              title: "How do I care for my hoodie?",              content: "We recommend machine washing in cold water with similar colors. Tumble dry on low heat or air dry for best results. Avoid bleach and fabric softener. The hoodie will maintain its shape and color for years with proper care."
            },
            {
              id: "3",              title: "Is this hoodie suitable for exercise?",              content: "Absolutely! The breathable fabric and moisture-wicking properties make it perfect for light to moderate exercise, yoga, or gym sessions. The relaxed fit allows freedom of movement while keeping you comfortable."
            },
            {
              id: "4",              title: "What's your return policy?",              content: "We offer a 60-day money-back guarantee on all products. If you're not completely satisfied, simply return your hoodie in original condition for a full refund, no questions asked."
            },
            {
              id: "5",              title: "Do you offer international shipping?",              content: "Yes! We ship worldwide with free shipping on orders over $150. International orders typically arrive within 10-15 business days. We offer tracking on all shipments for your peace of mind."
            },
            {
              id: "6",              title: "Is there a warranty on this product?",              content: "We stand behind the quality of our products with a 1-year manufacturing defect warranty. If you experience any issues with materials or craftsmanship, we'll repair or replace your hoodie free of charge."
            }
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our Premium Comfort Hoodie and our commitment to your satisfaction"
          useInvertedBackground="noInvert"
          animationType="smooth"
          textPosition="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={MessageSquare}
          title="Have Questions? We're Here to Help"
          description="Our customer support team is available 24/7 to assist you with any inquiries about our products, sizing, or shipping. Reach out anytime—we'd love to hear from you!"
          buttons={[
            {
              text: "Contact Support",              href: "contact"
            },
            {
              text: "Live Chat",              href: "https://example.com/chat"
            }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="StyleHub"
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "products" },
                { label: "Best Sellers", href: "products" },
                { label: "Sale", href: "products" },
                { label: "Clearance", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "about" },
                { label: "Careers", href: "https://example.com/careers" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Shipping Info", href: "contact" },
                { label: "Returns", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 StyleHub. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}