"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="noiseDiagonalGradient"
      cardStyle="outline-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Valera"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="VALERA"
          description="Premium specialty coffee crafted with passion in every cup"
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg",              imageAlt: "Cozy coffee shop interior with warm lighting"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",              imageAlt: "Freshly brewed espresso with rich crema"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg",              imageAlt: "Roasted coffee beans close-up"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          tag="Our Story"
          title="Valera Coffee House"
          description="We believe exceptional coffee starts with passion, quality beans, and skilled craftsmanship. At Valera, we curate single-origin coffees from sustainable farms and roast them to perfection daily."
          features={[
            {
              id: "premium-quality",              title: "Premium Quality",              description: "Hand-selected beans from the world's finest coffee regions, roasted fresh to order for maximum flavor and aroma.",              label: "Since 2015"
            },
            {
              id: "community-space",              title: "Community Space",              description: "A welcoming atmosphere where coffee lovers gather, connect, and share their passion for exceptional coffee culture.",              label: "Est. Local"
            }
          ]}
          buttons={[{ text: "Learn More", href: "#" }]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Signature Menu"
          description="Discover our carefully crafted selection of specialty coffee drinks"
          tag="Featured"
          products={[
            {
              id: "1",              name: "Espresso Shot",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Double espresso shot",              initialQuantity: 1
            },
            {
              id: "2",              name: "Cappuccino",              price: "$5.00",              imageSrc: "https://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57625.jpg",              imageAlt: "Creamy cappuccino with latte art",              initialQuantity: 1
            },
            {
              id: "3",              name: "Americano",              price: "$4.00",              imageSrc: "https://img.b2bpic.net/free-photo/view-french-press-coffee-with-wooden-cup_23-2149709911.jpg",              imageAlt: "Rich americano coffee",              initialQuantity: 1
            },
            {
              id: "4",              name: "Caffè Latte",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-table-grey-background_1220-7312.jpg",              imageAlt: "Smooth and creamy latte",              initialQuantity: 1
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Coffee Lovers Say"
          description="Join our community of passionate coffee enthusiasts who trust Valera for quality and atmosphere"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Coffee Enthusiast",              company: "Local Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell portrait"
            },
            {
              id: "2",              name: "James Chen",              role: "Regular Customer",              company: "Downtown District",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "James Chen portrait"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Coffee Connoisseur",              company: "Specialty Coffee Club",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",              imageAlt: "Emma Rodriguez portrait"
            },
            {
              id: "4",              name: "Michael Park",              role: "Business Owner",              company: "Local Partnership",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg",              imageAlt: "Michael Park portrait"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Join the Valera Coffee Club"
          description="Subscribe to receive exclusive offers, new blend announcements, and special events. Get 10% off your next visit!"
          tagIcon={Coffee}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
          imageAlt="Valera Coffee House storefront"
          logoText="Valera"
          copyrightText="© 2025 Valera Coffee House. All rights reserved."
          columns={[
            {
              title: "Hours",              items: [
                { label: "Monday - Friday: 7am - 8pm" },
                { label: "Saturday: 8am - 9pm" },
                { label: "Sunday: 8am - 7pm" }
              ]
            },
            {
              title: "Location",              items: [
                { label: "123 Main Street" },
                { label: "Downtown District" },
                { label: "(555) 123-4567" },
                { label: "hello@valeracoffee.com" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}