"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Coffee, Star, Menu, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BrewHaven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Crafted for Coffee Lovers"
          description="Experience the finest specialty coffee, expertly prepared with passion. From smooth espresso shots to creamy cappuccinos, discover your new favorite brew."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "10+", label: "Years Experience" },
            { value: "5K+", label: "Happy Customers" },
            { value: "25+", label: "Coffee Varieties" }
          ]}
          enableKpiAnimation={true}
          tag="Premium Coffee Experience"
          tagIcon={Coffee}
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "Explore Menu", href: "products" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg"
          imageAlt="Beautifully crafted latte with latte art"
          imagePosition="right"
        />
      </div>
      
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Celebrating the art of" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", alt: "Coffee shop interior" },
            { type: "text", content: "coffee culture" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "about" },
            { text: "Visit Us Today", href: "contact" }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardNine
          title="Why Choose BrewHaven"
          description="Discover what makes our coffee shop the ultimate destination for coffee enthusiasts"
          tag="Our Expertise"
          tagIcon={Star}
          features={[
            {
              id: 1,
              title: "Expert Baristas",              description: "Our highly trained baristas bring years of experience and passion to every cup, ensuring perfect extraction and flavor in every drink.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg" }
            },
            {
              id: 2,
              title: "Premium Bean Selection",              description: "We source the finest, ethically-sourced coffee beans from around the world, roasted fresh to highlight unique flavor profiles.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Menu"
          description="Explore our carefully curated selection of specialty coffee drinks and beverages"
          tag="Coffee Selection"
          tagIcon={Menu}
          products={[
            {
              id: "1",              name: "Classic Espresso",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-americanoand-glass-water_140725-9775.jpg",              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",              name: "Creamy Cappuccino",              price: "$5.00",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354580.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Cold Brew Iced",              price: "$4.75",              imageSrc: "https://img.b2bpic.net/free-photo/freshly-roasted-coffee-white-cup-served-with-tasty-croissant-coffee-aroma-delicious-croissant_482257-18297.jpg",              imageAlt: "Refreshing cold brew"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Customers Love"
          description="Real feedback from coffee enthusiasts who visit BrewHaven regularly"
          tag="Customer Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Best Coffee in the City",              quote: "BrewHaven has become my daily go-to spot. The baristas truly care about craft, and you can taste it in every cup. The atmosphere is warm and inviting.",              name: "Jessica Chen",              role: "Marketing Manager",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg",              imageAlt: "Jessica Chen"
            },
            {
              id: "2",              title: "A Hidden Gem",              quote: "I've tried coffee shops across the city, and BrewHaven stands out. The attention to detail is remarkable, from bean selection to the final presentation.",              name: "Marcus Rodriguez",              role: "Software Developer",              imageSrc: "https://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg",              imageAlt: "Marcus Rodriguez"
            },
            {
              id: "3",              title: "Perfect for Remote Work",              quote: "The ambiance is perfect for working, and the WiFi is reliable. Plus, the coffee keeps me energized all day. Highly recommend!",              name: "Sarah Thompson",              role: "Freelance Designer",              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg",              imageAlt: "Sarah Thompson"
            },
            {
              id: "4",              title: "Exceptional Experience",              quote: "From the moment you walk in, you feel welcomed. Every coffee is crafted with precision and served with genuine care. This is my favorite place.",              name: "David Kim",              role: "Business Consultant",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-waiter-making-cup-coffee_1170-577.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the perfect cup? Visit BrewHaven today and discover coffee crafted with passion and expertise."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Your Spot", href: "#reservations" },
            { text: "Get Directions", href: "#contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Coffee",              items: [
                { label: "Our Menu", href: "products" },
                { label: "Bean Selection", href: "about" },
                { label: "Brewing Guide", href: "#" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Social Media", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 BrewHaven. All rights reserved. Crafted with passion for coffee lovers."
        />
      </div>
    </ThemeProvider>
  );
}