"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Star, Mail } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="plain"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PowerFlow"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Products", id: "/products" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Shop Now", href: "/products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="PowerFlow"
          description="Premium portable power banks designed for your mobile lifestyle. Fast charging, reliable performance, and sleek design for professionals on the go."
          imageSrc="https://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808022.jpg"
          imageAlt="Premium power bank hero image"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="PowerFlow hero section"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Explore our bestselling power banks with advanced charging technology"
          tag="New Arrivals"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              name: "PowerFlow Ultra 30K",
              price: "$89.99",
              imageSrc: "https://img.b2bpic.net/free-photo/png-power-bank-isolated-white-background_185193-165485.jpg",
              imageAlt: "PowerFlow Ultra 30K power bank"
            },
            {
              id: "2",
              name: "PowerFlow Swift 20K",
              price: "$59.99",
              imageSrc: "https://img.b2bpic.net/free-photo/png-power-bank-isolated-white-background_185193-165523.jpg",
              imageAlt: "PowerFlow Swift 20K power bank"
            },
            {
              id: "3",
              name: "PowerFlow Solar Rugged",
              price: "$79.99",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808024.jpg",
              imageAlt: "PowerFlow Solar Rugged power bank"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real experiences from satisfied PowerFlow users"
          tag="Testimonials"
          tagIcon={Star}
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahjtech",
              testimonial: "Best power bank I've ever owned! Fast charging and the build quality is exceptional. Highly recommend PowerFlow.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@mikechen_pro",
              testimonial: "The 50K capacity lasts me the entire week. Perfect for my business travels and daily commute.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emilyrod_travels",
              testimonial: "Compact design, powerful performance. This power bank is my travel essential now.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/stylish-businesswoman-with-glasses_23-2147989567.jpg",
              imageAlt: "Emily Rodriguez"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated on New Products"
          description="Subscribe to our newsletter for exclusive deals, product launches, and charging tips delivered to your inbox."
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check our Privacy Policy."
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-vector/blue-technology-wire-mesh-background_1017-17262.jpg"
        imageAlt="Technology background"
        logoText="PowerFlow"
        copyrightText="© 2025 PowerFlow. All rights reserved. Empowering your mobile lifestyle."
        columns={[
          {
            title: "Products",
            items: [
              { label: "Power Banks", href: "/products" },
              { label: "Accessories", href: "/products" },
              { label: "Bundles", href: "/products" },
              { label: "Compare", href: "/products" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Warranty", href: "/about" },
              { label: "Returns", href: "/about" },
              { label: "Contact Us", href: "/contact" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Press", href: "/about" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}