"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Craft", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="BREW HAVEN"
          description="Specialty coffee crafted with passion. Experience the perfect blend of art and flavor."
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg",              imageAlt: "Espresso being poured"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",              imageAlt: "Premium coffee beans"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",              imageAlt: "Cozy coffee shop interior"
            }
          ]}
          buttons={[
            { text: "Order Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Brew Haven"
          description={[
            "Since 2018, Brew Haven has been dedicated to sourcing the finest specialty coffee from ethical, sustainable farms around the world. We believe that great coffee starts with great relationships.",            "Our expert baristas are passionate about their craft, trained in the art of espresso extraction, pour-over techniques, and latte art. Every cup served at Brew Haven is a testament to quality, care, and attention to detail.",            "We're more than just a coffee shop—we're a community gathering space where coffee enthusiasts, remote workers, and friends come together to experience something special."
          ]}
          buttons={[
            { text: "Visit Us", href: "#contact" },
            { text: "Our Story", href: "#feature" }
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Menu"
          description="Discover our signature drinks, carefully crafted by our expert baristas using premium specialty coffee beans."
          tag="Best Sellers"
          products={[
            {
              id: "1",              brand: "Brew Haven",              name: "Signature Espresso",              price: "$4.50",              rating: 5,
              reviewCount: "324",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg",              imageAlt: "Signature espresso shot"
            },
            {
              id: "2",              brand: "Brew Haven",              name: "Artisan Cappuccino",              price: "$5.50",              rating: 5,
              reviewCount: "512",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798051.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              brand: "Brew Haven",              name: "Cold Brew Blend",              price: "$5.00",              rating: 5,
              reviewCount: "289",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-barista-pours-milk-into-cup-coffee_141793-17485.jpg",              imageAlt: "Cold brew iced coffee"
            },
            {
              id: "4",              brand: "Brew Haven",              name: "Pour Over Classic",              price: "$4.75",              rating: 5,
              reviewCount: "198",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-making-coffee_23-2148366517.jpg",              imageAlt: "Hand-poured pour over coffee"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="feature" data-section="feature">
        <FeatureProcessSteps
          tag="Our Craft"
          tagIcon={Sparkles}
          title="The Art of Coffee Making"
          description="From bean to cup, we follow a meticulous process to ensure every coffee we serve meets our exacting standards."
          steps={[
            {
              number: "01",              title: "Source & Select",              tag: "Global",              description: "We partner with ethical farms worldwide, selecting only the finest single-origin and blended beans based on flavor profile, sustainability practices, and fair trade certifications."
            },
            {
              number: "02",              title: "Roast to Perfection",              tag: "In-House",              description: "Our master roasters carefully roast each batch to bring out unique flavor notes. Light roasts preserve origin characteristics; dark roasts develop bold, rich profiles."
            },
            {
              number: "03",              title: "Grind & Brew",              tag: "Fresh",              description: "Beans are ground moments before brewing using precision grinders. We employ multiple brewing methods—espresso, pour-over, AeroPress—each optimized for the specific coffee's profile."
            },
            {
              number: "04",              title: "Serve with Care",              tag: "Passion",              description: "Our baristas present each drink with attention to temperature, timing, and presentation. Latte art, proper foam texture, and optimal serving temperature ensure a perfect experience."
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#about" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Join our growing community of coffee lovers who trust Brew Haven for their daily caffeine ritual."
          tag="Community"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Regular Customer",              testimonial: "Brew Haven changed how I think about coffee. The baristas truly care about craft, and it shows in every cup. This is my happy place.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              role: "Coffee Enthusiast",              testimonial: "The attention to detail is incredible. From sourcing to brewing, every step is executed with precision. Best coffee in the city.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1597.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Remote Worker",              testimonial: "Perfect atmosphere for working, amazing coffee, and the friendliest team. I'm here almost every day. Brew Haven feels like a second home.",              imageSrc: "https://img.b2bpic.net/free-photo/african-student-passed-exams-having-fun-with-university-mates-international-office-workers-discussing-about-new-company-goals_197531-3749.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              role: "Coffee Expert",              testimonial: "As someone who's tried specialty coffee worldwide, Brew Haven stands out. Their single-origin selections are exceptional and the baristas really know their stuff.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",              imageAlt: "Michael Park"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Visit Us Today"
          description="Located in the heart of downtown, Brew Haven is open daily from 6am to 8pm. Stop by for your next coffee ritual or get in touch with any questions."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your visit or ask us anything...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg"
          imageAlt="Brew Haven coffee shop interior"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798050.jpg"
          imageAlt="Coffee beans texture"
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Menu", href: "#products" },
                { label: "Gift Cards", href: "#" },
                { label: "Wholesale", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#feature" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email", href: "mailto:hello@brewhaven.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}