"use client"

import { Award, Mail, Package, Sparkles, Star } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="ShopHub"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Cart", id: "cart" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="product-hero" data-section="product-hero">
        <HeroLogo
          logoText="Premium Product Collection"
          description="Discover our handpicked selection of premium products designed for quality and style"
          buttons={[
            { text: "Explore Products", href: "products" },
            { text: "View Collections", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/podium-sand-background-display-with-sunshade-shadow-background-cosmetic-perfume-fa_1258-168661.jpg"
          imageAlt="Premium product showcase"
          showDimOverlay={true}
        />
      </div>

      <div id="product-details" data-section="product-details">
        <FeatureCardEight
          title="Product Gallery & Details"
          description="Browse our complete product collection with detailed views and specifications"
          tag="Featured"
          tagIcon={Package}
          features={[
            {
              id: 1,
              title: "Product Overview",              description: "High-resolution images showcase every detail of our premium product with multiple viewing angles and zoom capability",              imageSrc: "https://img.b2bpic.net/free-photo/podium-sand-background-display-with-sunshade-shadow-background-cosmetic-perfume-fa_1258-168661.jpg",              imageAlt: "Product overview"
            },
            {
              id: 2,
              title: "Material Details",              description: "Crafted from premium sustainable materials with attention to durability and comfort for everyday use",              imageSrc: "https://img.b2bpic.net/free-photo/podium-sand-background-display-with-sunshade-shadow-background-cosmetic-perfume-fa_1258-167051.jpg",              imageAlt: "Material closeup"
            },
            {
              id: 3,
              title: "Style Options",              description: "Available in multiple colors and sizes to match your personal style and preferences perfectly",              imageSrc: "https://img.b2bpic.net/free-photo/podium-sand-background-display-with-sunshade-shadow-background-cosmetic-perfume-fa_1258-167009.jpg",              imageAlt: "Style variations"
            },
            {
              id: 4,
              title: "Real World Usage",              description: "See how our product integrates seamlessly into everyday life with practical applications and versatile styling",              imageSrc: "https://img.b2bpic.net/free-photo/sleek-smartwatch-with-blank-black-screen-white-background_9975-134370.jpg",              imageAlt: "Product in use"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Real feedback from satisfied customers who love our products"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Exceeded All Expectations",              quote: "This product is absolutely fantastic! The quality is exceptional and it arrived beautifully packaged. I was impressed by every detail and would definitely recommend it to anyone looking for premium items.",              name: "Sarah Mitchell",              role: "Verified Buyer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Best Purchase I've Made",              quote: "Outstanding quality and fantastic customer service. The product came exactly as described and the attention to detail is remarkable. Worth every penny and I'm already planning to purchase again!",              name: "James Chen",              role: "Verified Buyer",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "Perfect for My Lifestyle",              quote: "This product has become an essential part of my daily routine. The craftsmanship is impeccable and it feels premium in every way. Highly recommend to anyone seeking quality and style!",              name: "Emily Rodriguez",              role: "Verified Buyer",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Investment Worth Making",              quote: "I've owned this product for several months now and it continues to impress me. The durability is outstanding and it still looks brand new. This is clearly a product made to last with superior quality standards.",              name: "David Park",              role: "Verified Buyer",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="related-products" data-section="related-products">
        <ProductCardFour
          title="Related Products You May Like"
          description="Discover similar items that complement your selection"
          tag="Recommendations"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Premium Accessory Bundle",              price: "$89.99",              variant: "Black  2 Options",              imageSrc: "https://img.b2bpic.net/free-vector/promotion-stand-cosmetic-products_1284-25440.jpg",              imageAlt: "Premium accessory bundle",              isFavorited: false
            },
            {
              id: "2",              name: "Luxury Lifestyle Set",              price: "$129.99",              variant: "Silver  3 Options",              imageSrc: "https://img.b2bpic.net/free-photo/podium-sand-background-display-with-sunshade-shadow-background-cosmetic-perfume-fa_1258-167023.jpg",              imageAlt: "Luxury lifestyle set",              isFavorited: false
            },
            {
              id: "3",              name: "Essential Daily Companion",              price: "$74.99",              variant: "Charcoal  4 Options",              imageSrc: "https://img.b2bpic.net/free-photo/podium-sand-background-display-with-sunshade-shadow-background-cosmetic-perfume-fa_1258-168729.jpg",              imageAlt: "Essential daily companion",              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose Us"
          description="Our commitment to excellence reflected in numbers"
          tag="Trust"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "50K+",              description: "Satisfied Customers Worldwide"
            },
            {
              id: "2",              value: "100%",              description: "Money-Back Guarantee"
            },
            {
              id: "3",              value: "4.9★",              description: "Average Customer Rating"
            },
            {
              id: "4",              value: "24/7",              description: "Dedicated Customer Support"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated with Exclusive Offers"
          description="Subscribe to our newsletter for early access to new products, special discounts, and insider tips on how to get the most from your purchase."
          tagIcon={Mail}
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our newsletter terms."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "products" },
                { label: "Best Sellers", href: "products" },
                { label: "Collections", href: "products" },
                { label: "Sale", href: "products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 ShopHub. All rights reserved."
          bottomRightText="Made with passion and premium materials"
        />
      </div>
    </ThemeProvider>
  );
}