"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from "next/link";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Morning"
          navItems={[
            { name: "Products", id: "/products" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "Reviews", id: "#testimonials" }
          ]}
          button={{ text: "Shop Now", href: "/products" }}
          className="rounded-full shadow-lg"
          navItemClassName="font-medium"
          buttonClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Start Your Morning Right"
          description="Discover our curated selection of premium teas and specialty coffees from around the world. Every cup tells a story."
          tag="Premium Beverages"
          imageSrc="https://img.b2bpic.net/free-photo/hand-holding-glass-cup-front-sunset_266188-9.jpg"
          imageAlt="Morning coffee ritual"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Products", href: "/products" },
            { text: "Learn More", href: "/about" }
          ]}
          className="min-h-screen"
          titleClassName="text-5xl font-bold"
          descriptionClassName="text-lg max-w-2xl"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Morning has completely transformed my morning routine. The quality is exceptional, and knowing where my coffee comes from makes it taste even better. I'm a customer for life."
          rating={5}
          author="Sarah Mitchell, Coffee Enthusiast"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", alt: "Customer testimonial" }
          ]}
          useInvertedBackground="invertDefault"
          className="py-20"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Shop",            items: [
              { label: "Coffee", href: "/products" },
              { label: "Tea", href: "/products" },
              { label: "Brewing Guides", href: "/about" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Newsletter", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Morning | Premium Tea & Coffee Store"
      />
    </ThemeProvider>
  );
}