"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Heart, Sparkles, Award, Menu, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Brew Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Visit Us",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Your Perfect Cup at Brew Haven"
          description="Handcrafted espresso, locally-roasted beans, and a welcoming community space dedicated to the art of coffee."
          tag="Specialty Coffee Since 2015"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Brew Haven Coffee Shop Interior"
          buttons={[
            { text: "Explore Our Menu", href: "products" },
            { text: "Reserve a Table", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="We believe every cup tells a story of passion, craftsmanship, and connection."
          description="Founded in 2015"
          subdescription="By coffee lovers, for coffee lovers"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg"
          imageAlt="Brew Haven Coffee Culture and Craftsmanship"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Why Coffee Lovers Choose Brew Haven"
          description="Explore what makes our coffee shop the perfect destination for serious coffee enthusiasts and casual café-goers alike."
          tag="Our Specialties"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Specialty Coffee Drinks with Latte Art"
          mediaPosition="right"
          accordionItems={[
            {
              id: "1",              title: "Single-Origin & Specialty Blends",              content: "We source directly from premium coffee farms worldwide. Each blend is carefully selected and roasted in-house to highlight unique flavor profiles. From Ethiopian highlands to Colombian farms, every bean tells a story."
            },
            {
              id: "2",              title: "Expert Baristas & Latte Art",              content: "Our certified baristas are passionate about their craft. Watch as they create beautiful latte art while extracting the perfect espresso shot. We offer barista training sessions for enthusiasts wanting to learn the craft."
            },
            {
              id: "3",              title: "Community & Connection",              content: "Beyond great coffee, Brew Haven is a gathering space for creatives, professionals, and friends. Free WiFi, comfortable seating, and a welcoming atmosphere make us your second home."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[{ text: "Learn More About Us", href: "about" }]}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Coffee Menu"
          description="Discover our carefully curated selection of specialty coffees and signature drinks."
          tag="Featured Menu Items"
          tagIcon={Menu}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "espresso",              name: "Espresso Shot",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",              imageAlt: "Single Espresso Shot",              initialQuantity: 1
            },
            {
              id: "cappuccino",              name: "Cappuccino",              price: "$5.00",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-cup-with-blurred-background_23-2148164694.jpg",              imageAlt: "Creamy Cappuccino with Latte Art",              initialQuantity: 1
            },
            {
              id: "americano",              name: "Americano",              price: "$4.25",              imageSrc: "https://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",              imageAlt: "Classic Americano Coffee",              initialQuantity: 1
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Coffee Lovers Say"
          description="Real stories from our community of dedicated coffee enthusiasts and café visitors."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Coffee Enthusiast",              date: "Date: 15 November 2024",              title: "The best coffee experience in the city!",              quote: "Brew Haven completely transformed my morning routine. The quality of the espresso is unmatched, and the baristas actually care about perfecting every cup. It's become my favorite place to work and meet friends.",              tag: "Premium Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg",              imageAlt: "Satisfied Customer at Brew Haven"
            },
            {
              id: "2",              name: "James Chen, Local Business Owner",              date: "Date: 10 November 2024",              title: "A sanctuary for creative minds",              quote: "I've tried coffee shops across the city, but Brew Haven stands apart. The consistency in quality, the knowledgeable staff, and the inviting atmosphere make it the perfect place for meetings and focused work sessions.",              tag: "Professional Choice",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              avatarAlt: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/tasty-cup-coffee-new-delicious-mini-cakes-with-different-shapes-wooden-table-coffee-shop_482257-19866.jpg",              imageAlt: "Professional Working at Brew Haven"
            },
            {
              id: "3",              name: "Emma Rodriguez, Student",              date: "Date: 5 November 2024",              title: "More than just coffee, it's community",              quote: "Brew Haven is where I discovered my love for specialty coffee. The baristas took time to educate me about different origins and brewing methods. Now I'm hooked, and I can't imagine studying anywhere else.",              tag: "Community Builder",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699656.jpg",              imageAlt: "Barista Crafting Coffee"
            },
            {
              id: "4",              name: "Michael Park, Regular Customer",              date: "Date: 1 November 2024",              title: "Quality that never compromises",              quote: "Five years as a regular, and the quality has never dipped. Whether it's a simple americano or their signature blend, Brew Haven delivers excellence every single time. This is what real coffee culture looks like.",              tag: "Loyal Supporter",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",              avatarAlt: "Michael Park",              imageSrc: "https://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg",              imageAlt: "Community Gathering at Brew Haven"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the perfect cup? Visit Brew Haven today or reach out to reserve your spot in our cozy café."
          animationType="reveal-blur"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get in Touch", href: "https://example.com/contact" },
            { text: "View Hours & Location", href: "https://example.com/location" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven Coffee Shop. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Menu", href: "products" },
                { label: "Our Story", href: "about" },
                { label: "Locations", href: "https://example.com/locations" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Hours", href: "https://example.com/hours" },
                { label: "Reservations", href: "contact" },
                { label: "Directions", href: "https://example.com/directions" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Instagram", href: "https://instagram.com/brewhaven" },
                { label: "Newsletter", href: "https://example.com/newsletter" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}