"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Palette, Hammer, Leaf, Heart } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="MugCraft"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Premium Handcrafted Mugs"
          description="Elevate your daily coffee ritual with our carefully curated collection of artisan mugs. Each piece is designed for comfort, style, and lasting quality."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Collection"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/three-cups-coffee-wooden-board_114579-52730.jpg"
          imageAlt="Premium mug collection showcase"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Shop Our Collection"
          description="Browse our exclusive selection of premium mugs, each crafted with attention to detail and quality materials."
          products={[
            {
              id: "1",
              name: "Classic White Ceramic Mug",
              price: "$24.99",
              imageSrc: "https://img.b2bpic.net/free-photo/handmade-cup-books-closeup-wooden-surface-copy-space_169016-46354.jpg",
              imageAlt: "Classic white ceramic mug",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Vintage Blue Speckled Mug",
              price: "$28.99",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-52155.jpg",
              imageAlt: "Vintage blue speckled mug",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Insulated Travel Mug",
              price: "$34.99",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg",
              imageAlt: "Insulated travel mug with lid",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Retro Design Statement Mug",
              price: "$26.99",
              imageSrc: "https://img.b2bpic.net/free-photo/girl-holding-cup-tea-hands_169016-3431.jpg",
              imageAlt: "Retro design statement mug",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Why Choose MugCraft"
          description="Discover what makes our mugs stand out in the market and why customers love them."
          features={[
            {
              id: "1",
              title: "Perfect Grip Design",
              author: "Design Team",
              description: "Ergonomically shaped handles provide comfort during extended use without sacrificing style or aesthetics.",
              tags: ["Design", "Comfort"],
              imageSrc: "https://img.b2bpic.net/free-photo/handmade-cup-books-closeup-wooden-surface-copy-space_169016-46354.jpg"
            },
            {
              id: "2",
              title: "Dishwasher Safe & Durable",
              author: "Quality Team",
              description: "Glazed finish withstands daily dishwasher cycles, maintaining color and finish for years of enjoyment.",
              tags: ["Durable", "Practical"],
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-52155.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who have made MugCraft mugs part of their daily routine."
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "@sarah_loves_coffee",
              testimonial: "The quality is exceptional! I've been using my MugCraft mug daily for over a year and it looks brand new. Worth every penny.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg"
            },
            {
              id: "2",
              name: "James Chen",
              handle: "@james_designs",
              testimonial: "As a designer, I appreciate the attention to detail. The patterns are beautiful and the craftsmanship is evident in every mug.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg"
            },
            {
              id: "3",
              name: "Emma Thompson",
              handle: "@emma_home_decor",
              testimonial: "These mugs are perfect gifts! I've bought several sets for friends and family. Everyone loves them. Fast shipping too!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products, shipping, and policies."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",
              title: "Are your mugs dishwasher safe?",
              content: "Yes! All our mugs are dishwasher safe and designed to withstand repeated washing cycles without fading or damage. We recommend using the top rack for best results."
            },
            {
              id: "2",
              title: "What is your return policy?",
              content: "We offer a 30-day money-back guarantee on all purchases. If you're not completely satisfied with your mug, simply contact our customer service team for a full refund or exchange."
            },
            {
              id: "3",
              title: "How long does shipping take?",
              content: "Standard shipping typically takes 5-7 business days within the continental US. We also offer expedited shipping options at checkout for faster delivery."
            },
            {
              id: "4",
              title: "Do you offer bulk orders?",
              content: "Absolutely! We offer special pricing for bulk orders and corporate gifting. Please contact our sales team at wholesale@mugcraft.com for custom quotes."
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="MugCraft"
        copyrightText="© 2025 MugCraft. All rights reserved."
        columns={[
          {
            title: "Shop",
            items: [
              { label: "All Products", href: "products" },
              { label: "New Arrivals", href: "products" },
              { label: "Best Sellers", href: "products" },
              { label: "Custom Orders", href: "contact" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "about" },
              { label: "Our Story", href: "about" },
              { label: "Sustainability", href: "about" },
              { label: "Careers", href: "#" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "FAQ", href: "faq" },
              { label: "Contact Us", href: "contact" },
              { label: "Shipping Info", href: "#" },
              { label: "Returns", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}