"use client";

import Link from 'next/link';
import { Coffee, Sparkles } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Stop Sleep"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Menu", id: "/menu" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Open Daily 6AM - 8PM"
          bottomRightText="hello@stopsleep.coffee"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Stop Sleep Coffee - Brew Perfection"
          description="Experience the ultimate coffee destination where premium beans meet skilled craftsmanship. From dawn to dusk, we serve expertly crafted beverages that awaken your senses and fuel your day."
          background={{ variant: "aurora" }}
          tag="Specialty Coffee"
          tagIcon={Sparkles}
          buttons={[
            { text: "Order Now", href: "/contact" },
            { text: "Learn More", href: "/about" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-delicious-coffee-cup_23-2148209251.jpg",
              imageAlt: "Premium Espresso Shot"
            },
            {
              id: "carousel-2",
              imageSrc: "https://img.b2bpic.net/free-photo/breakfast-with-espresso-cup-hot-coffee-croissant-black-stone-plate-coffee-aroma_482257-18271.jpg",
              imageAlt: "Silky Latte"
            },
            {
              id: "carousel-3",
              imageSrc: "https://img.b2bpic.net/free-photo/freshly-roasted-coffee-white-cup-served-with-tasty-croissant-coffee-aroma-delicious-croissant_482257-18297.jpg",
              imageAlt: "Rich Cappuccino"
            },
            {
              id: "carousel-4",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cup-coffee-white-saucer-with-metal-spoon_181624-27779.jpg",
              imageAlt: "Bold Americano"
            },
            {
              id: "carousel-5",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148263236.jpg",
              imageAlt: "Classic Macchiato"
            },
            {
              id: "carousel-6",
              imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-with-art-latte-reflective-glass-caf_23-2147893334.jpg",
              imageAlt: "Velvety Flat White"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Crafting coffee excellence since 2010. Stop Sleep is dedicated to sourcing the finest beans from around the world and roasting them to perfection. Every cup tells a story of passion, quality, and the art of coffee making."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "/about" },
            { text: "Visit Us", href: "/contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Join thousands of coffee lovers who have made Stop Sleep their daily ritual."
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Marketing Manager",
              company: "Tech Startup",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Rodriguez",
              role: "CEO",
              company: "Creative Agency",
              rating: 5,
              imageSrc: "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",
              imageAlt: "James Rodriguez"
            },
            {
              id: "3",
              name: "Emily Chen",
              role: "UX Designer",
              company: "Digital Studio",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
              imageAlt: "Emily Chen"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Menu",
            items: [
              { label: "Coffee", href: "/menu" },
              { label: "Pastries", href: "/menu" },
              { label: "Sandwiches", href: "/menu" },
              { label: "Desserts", href: "/menu" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Careers", href: "https://careers.stopsleep.coffee" },
              { label: "Blog", href: "https://blog.stopsleep.coffee" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Newsletter", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Stop Sleep Coffee. All rights reserved."
      />
    </ThemeProvider>
  );
}