"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star } from "lucide-react";

export default function ProductsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Hear Me"
          button={{
            text: "Shop Now",
            href: "/products"
          }}
        />
      </div>

      <div id="products-full" data-section="products-full">
        <ProductCardThree
          title="Complete Product Collection"
          description="Explore our full range of premium headphones and audio accessories"
          products={[
            {
              id: "1",
              name: "Studio Pro 3000",
              price: "$249.99",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-enjoys-sport-outs-wireless-headphones-listening-music-training-wears-t-shirt-poses-outdoor-blurred_273609-54066.jpg",
              imageAlt: "Studio Pro 3000 headphones",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Sonic Master Pro",
              price: "$399.99",
              imageSrc: "https://img.b2bpic.net/free-photo/fitness-girl-with-wireless-headphones_1385-417.jpg",
              imageAlt: "Sonic Master Pro studio headphones",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Gaming Beast X1",
              price: "$199.99",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-going-have-yoga-practive-outdoor-goes-gymnastic-studio-does-sport-alone-downtown-quarantine-returns-physical-activity-after-self-isolation-listens-popular-music_273609-54038.jpg",
              imageAlt: "Gaming Beast X1 headset",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "AuraSound Buds",
              price: "$129.99",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-black-t-shirt-uses-wireless-headphones-while-training-outdoor-focused-down-thinks-about-something-stands-downtown-against-blurred_273609-54036.jpg",
              imageAlt: "AuraSound wireless earbuds",
              initialQuantity: 1
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Pricing Options"
          description="Select the perfect plan to match your audio journey"
          plans={[
            {
              id: "essential",
              price: "$129.99",
              name: "Essential Comfort",
              buttons: [
                { text: "Add to Cart", href: "/checkout" },
                { text: "Learn More" }
              ],
              features: [
                "Wireless Bluetooth connectivity",
                "15-hour battery life",
                "Comfortable padding",
                "Standard warranty"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$249.99",
              name: "Professional Studio",
              buttons: [
                { text: "Add to Cart", href: "/checkout" },
                { text: "Learn More" }
              ],
              features: [
                "Studio-grade audio quality",
                "40-hour battery life",
                "Noise isolation technology",
                "Premium warranty & support"
              ]
            },
            {
              id: "premium",
              price: "$399.99",
              name: "Premium Master",
              buttons: [
                { text: "Add to Cart", href: "/checkout" },
                { text: "Learn More" }
              ],
              features: [
                "Ultimate audio fidelity",
                "50-hour battery life",
                "Active noise cancellation",
                "Lifetime warranty & concierge service"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="Our commitment to excellence reflected in measurable outcomes"
          metrics={[
            {
              id: "1",
              value: "50K+",
              description: "Happy Customers Worldwide"
            },
            {
              id: "2",
              value: "98%",
              description: "Customer Satisfaction Rating"
            },
            {
              id: "3",
              value: "15+",
              description: "Years of Audio Innovation"
            },
            {
              id: "4",
              value: "200+",
              description: "Premium Products Available"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Hear Me" />
      </div>
    </ThemeProvider>
  );
}