"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Star, Shield, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="ShopHub"
          navItems={[
            {"name": "Shop", "id": "products"},
            {"name": "Categories", "id": "categories"},
            {"name": "Reviews", "id": "testimonials"},
            {"name": "About", "id": "about"},
            {"name": "Contact", "id": "contact"}
          ]}
          button={{
            "text": "View Cart",            "href": "/cart"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Premium Quality Products"
          description="Discover our latest collection of carefully curated items designed for modern living. Experience excellence with every purchase."
          background={{variant: "radial-gradient"}}
          tag="Featured Product"
          tagIcon={Sparkles}
          mediaItems={[
            {"imageSrc": "https://img.b2bpic.net/free-photo/woman-studio-lamp-photo-art-concept_23-2148565571.jpg", "imageAlt": "Product showcase main image"},
            {"imageSrc": "https://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164038.jpg", "imageAlt": "Product detail close-up"},
            {"imageSrc": "https://img.b2bpic.net/free-photo/woman-holding-studio-lamp_23-2148565485.jpg", "imageAlt": "Product lifestyle image"},
            {"imageSrc": "https://img.b2bpic.net/free-photo/studio-lamp-woman-holding-camera-photo_23-2148565484.jpg", "imageAlt": "Product design angle"},
            {"imageSrc": "https://img.b2bpic.net/free-photo/woman-holding-camera-photo-studio-lamp_23-2148565482.jpg", "imageAlt": "Product dimensions reference"}
          ]}
          buttons={[
            {"text": "Add to Cart", "href": "#products"},
            {"text": "View Details", "href": "#reviews"}
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Shop Now"
          description="Add your favorite items to cart with our intuitive product selection system"
          products={[
            {
              "id": "product-1",              "name": "Eclipse Motion Pro Headphones",              "price": "$159.99",              "imageSrc": "https://img.b2bpic.net/free-photo/woman-studio-lamp-photo-art-concept_23-2148565571.jpg",              "imageAlt": "Eclipse Motion Pro Headphones",              "initialQuantity": 1
            },
            {
              "id": "product-2",              "name": "Premium Wireless Speaker",              "price": "$129.99",              "imageSrc": "https://img.b2bpic.net/free-photo/woman-holding-studio-lamp_23-2148565485.jpg",              "imageAlt": "Premium Wireless Speaker",              "initialQuantity": 1
            },
            {
              "id": "product-3",              "name": "Studio Monitor System",              "price": "$249.99",              "imageSrc": "https://img.b2bpic.net/free-photo/studio-lamp-woman-holding-camera-photo_23-2148565484.jpg",              "imageAlt": "Studio Monitor System",              "initialQuantity": 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real feedback from satisfied customers who trust our products and service"
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              "id": "1",              "name": "Sarah Johnson",              "role": "Tech Enthusiast",              "company": "Digital Creator",              "rating": 5,
              "imageSrc": "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              "imageAlt": "Sarah Johnson testimonial"
            },
            {
              "id": "2",              "name": "Michael Chen",              "role": "Audio Engineer",              "company": "Studio Pro",              "rating": 5,
              "imageSrc": "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              "imageAlt": "Michael Chen testimonial"
            },
            {
              "id": "3",              "name": "Emily Rodriguez",              "role": "Product Manager",              "company": "Tech Innovations",              "rating": 5,
              "imageSrc": "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              "imageAlt": "Emily Rodriguez testimonial"
            },
            {
              "id": "4",              "name": "David Kim",              "role": "Professional Musician",              "company": "Sound Collective",              "rating": 5,
              "imageSrc": "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              "imageAlt": "David Kim testimonial"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <FeatureProcessSteps
          title="Why Choose Us"
          description="Experience the difference with our commitment to quality, service, and customer satisfaction"
          tag="Trusted by Thousands"
          tagIcon={Shield}
          useInvertedBackground="noInvert"
          steps={[
            {
              "number": "01",              "title": "Premium Quality",              "tag": "Guaranteed",              "description": "All products undergo rigorous quality testing to ensure excellence and durability"
            },
            {
              "number": "02",              "title": "Fast Shipping",              "tag": "Express Available",              "description": "Get your orders delivered quickly with our reliable shipping partners worldwide"
            },
            {
              "number": "03",              "title": "Customer Support",              "tag": "24/7 Available",              "description": "Our dedicated team is always ready to help with any questions or concerns"
            }
          ]}
        />
      </div>

      <div id="related-products" data-section="related-products">
        <PricingCardNine
          title="Related Products You'll Love"
          description="Complement your purchase with these carefully selected items"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              "id": "accessory-1",              "title": "Protective Case",              "price": "$34.99",              "period": "one-time",              "imageSrc": "https://img.b2bpic.net/free-photo/studio-lamp-woman-medium-shot_23-2148565479.jpg",              "imageAlt": "Protective carrying case",              "button": {
                "text": "Add to Cart",                "href": "#products"
              },
              "features": [
                "Premium material construction",                "Perfect fit design",                "Lifetime warranty included"
              ]
            },
            {
              "id": "accessory-2",              "title": "Premium Cable Kit",              "price": "$24.99",              "period": "one-time",              "imageSrc": "https://img.b2bpic.net/free-photo/young-beautiful-female-posing-photo-shoot-studio-photographer-is-shooting-with-digital-camera_231208-14013.jpg",              "imageAlt": "Premium cable set",              "button": {
                "text": "Add to Cart",                "href": "#products"
              },
              "features": [
                "Multiple connector types",                "Gold-plated connectors",                "Durable braided design"
              ]
            },
            {
              "id": "accessory-3",              "title": "Cleaning Kit Pro",              "price": "$19.99",              "period": "one-time",              "imageSrc": "https://img.b2bpic.net/free-photo/creative-product-photographer-studio_23-2148970254.jpg",              "imageAlt": "Professional cleaning kit",              "button": {
                "text": "Add to Cart",                "href": "#products"
              },
              "features": [
                "Complete cleaning solution",                "Safe for all surfaces",                "Microfiber cloths included"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Have Questions About Your Purchase?"
          description="Our customer service team is ready to help you with any inquiries, returns, or product information. Reach out anytime!"
          buttons={[
            {"text": "Contact Us", "href": "mailto:support@shophub.com"},
            {"text": "View FAQ", "href": "#faq"}
          ]}
          background={{variant: "plain"}}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/woman-studio-lamp-photo-art-concept_23-2148565571.jpg"
          imageAlt="ShopHub footer showcase"
          logoText="ShopHub"
          copyrightText="© 2025 ShopHub. All rights reserved."
          columns={[
            {
              "title": "Shop",              "items": [
                {"label": "Products", "href": "#products"},
                {"label": "Categories", "href": "#categories"},
                {"label": "New Arrivals", "href": "#new"},
                {"label": "Best Sellers", "href": "#bestsellers"}
              ]
            },
            {
              "title": "Support",              "items": [
                {"label": "Contact Us", "href": "#contact"},
                {"label": "Shipping Info", "href": "#shipping"},
                {"label": "Returns", "href": "#returns"},
                {"label": "FAQ", "href": "#faq"}
              ]
            },
            {
              "title": "Company",              "items": [
                {"label": "About Us", "href": "#about"},
                {"label": "Privacy Policy", "href": "#privacy"},
                {"label": "Terms of Service", "href": "#terms"},
                {"label": "Careers", "href": "#careers"}
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}