"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Coffee } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Morning Routine"
          navItems={[
            { name: "Shop", id: "/products" },
            { name: "About", id: "/about" },
            { name: "Brewing Tips", id: "/brewing" },
            { name: "Contact", id: "/contact" },
            { name: "Community", id: "#testimonials" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Start Your Morning Right"
          description="Discover premium, ethically sourced coffee and tea to transform your daily ritual. Handpicked selections for the perfect cup."
          tag="New Season Collection"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/milk-pitcher-coffee-cup-wooden-table-near-glass-window_23-2148209323.jpg"
          imageAlt="Morning coffee ritual with sunrise"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Shop Now", href: "/products" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Selection"
          description="Explore our most popular coffee and tea blends, carefully curated for the perfect morning experience"
          products={[
            {
              id: "espresso-blend",
              name: "Italian Espresso Blend",
              price: "$18.99",
              variant: "Dark Roast  4 Origins",
              imageSrc: "https://img.b2bpic.net/free-photo/unroasted-coffee-beans-coffee-cup_23-2147711092.jpg",
              imageAlt: "Premium Italian espresso blend"
            },
            {
              id: "cappuccino-mix",
              name: "Silky Cappuccino Mix",
              price: "$16.99",
              variant: "Medium Roast  Fair Trade",
              imageSrc: "https://img.b2bpic.net/free-photo/spices-near-ground-coffee_23-2147747264.jpg",
              imageAlt: "Cappuccino blend coffee"
            },
            {
              id: "black-tea-premium",
              name: "Darjeeling Black Tea",
              price: "$14.99",
              variant: "Loose Leaf  First Flush",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-pine-seeds-with-wooden-spoon_23-2148519147.jpg",
              imageAlt: "Premium black tea"
            },
            {
              id: "green-tea-organic",
              name: "Organic Green Tea",
              price: "$12.99",
              variant: "Loose Leaf  100% Organic",
              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-ground-powder_1150-18218.jpg",
              imageAlt: "Organic green tea leaves"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Coffee}
          title="Join Our Morning Ritual"
          description="Subscribe to receive brewing tips, exclusive blends, and special offers delivered to your inbox. Be part of the Morning Routine community."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Your morning ritual, your choice."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",
              items: [
                { label: "Coffee", href: "/products" },
                { label: "Tea", href: "/products" },
                { label: "Gift Sets", href: "/products" },
                { label: "Brewing Equipment", href: "/products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Mission", href: "/about" },
                { label: "Sustainability", href: "/about" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact", href: "/contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Morning Routine. All rights reserved."
          bottomRightText="Brewing excellence since 2015"
        />
      </div>
    </ThemeProvider>
  );
}