"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Coffee } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Brew Haven"
          navItems={[
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Visit Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="BREW HAVEN"
          description="Artisanal coffee crafted with precision and passion. Experience the perfect cup in our cozy sanctuary."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Book a Table", href: "contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/waiter-pouring-caramel-into-triple-color-coffee-drink-from-milk-pot_140725-4147.jpg"
          imageAlt="Specialty coffee being prepared"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Coffee}
          title="Where Coffee Meets Community"
          description="Founded in 2018, Brew Haven has been dedicated to sourcing the finest specialty coffee beans from ethical producers worldwide. Our master baristas handcraft every drink to perfection, creating more than just beverages—we create moments of connection and tranquility in our warm, welcoming space."
          metrics={[
            { value: "500+", title: "Happy Customers Daily" },
            { value: "25+", title: "Single-Origin Varieties" }
          ]}
          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"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Signature Drinks"
          description="Handcrafted beverages that celebrate the art and science of coffee making"
          products={[
            {
              id: "1",              name: "Single-Origin Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Single-origin espresso shot"
            },
            {
              id: "2",              name: "Cappuccino Perfetto",              price: "$5.75",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-with-headphones-dark-background_185193-162032.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Cold Brew Concentrate",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/cup-with-black-coffee-wooden-board_23-2148623253.jpg",              imageAlt: "Refreshing cold brew coffee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Why Choose Brew Haven"
          description="Our commitment to excellence in every aspect"
          metrics={[
            {
              id: "1",              title: "Premium Arabica Beans",              subtitle: "Hand-selected from sustainable farms",              category: "Quality",              value: "100% Ethically Sourced"
            },
            {
              id: "2",              title: "Expert Baristas",              subtitle: "Trained with international certifications",              category: "Expertise",              value: "15+ Years Average"
            },
            {
              id: "3",              title: "Local Community",              subtitle: "Supporting neighborhood businesses and artists",              category: "Values",              value: "Since 2018"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real stories from coffee lovers who visit us daily"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Regular Customer",              company: "Creative Professional",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              role: "Coffee Enthusiast",              company: "Tech Startup Founder",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Daily Visitor",              company: "Freelance Writer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Marcus Thompson",              role: "Coffee Connoisseur",              company: "Business Executive",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",              imageAlt: "Marcus Thompson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Brew Haven"
          faqs={[
            {
              id: "1",              title: "What brewing methods do you use?",              content: "We employ multiple brewing methods including pour-over, espresso, AeroPress, and cold brew to best highlight each bean's unique characteristics. Our baristas choose the optimal method based on the specific coffee's origin and roast profile."
            },
            {
              id: "2",              title: "Do you offer decaffeinated options?",              content: "Yes! We offer premium decaffeinated single-origin coffees processed using the water process method. Our decaf selections maintain the full flavor profile of their caffeinated counterparts."
            },
            {
              id: "3",              title: "Can I purchase beans to take home?",              content: "Absolutely. We sell whole beans and ground coffee in 12oz and 1lb bags. Our beans are roasted fresh three times per week, ensuring maximum freshness and flavor."
            },
            {
              id: "4",              title: "Do you have plant-based milk options?",              content: "We offer oat, almond, soy, and coconut milk alternatives at no additional charge. All are premium quality and complement our coffees beautifully."
            },
            {
              id: "5",              title: "What are your hours of operation?",              content: "We're open Monday through Friday from 7 AM to 6 PM, Saturday 8 AM to 5 PM, and Sunday 9 AM to 4 PM. We're closed on major holidays."
            },
            {
              id: "6",              title: "Do you accommodate dietary restrictions?",              content: "Yes, we're familiar with various dietary needs. We use high-quality ingredients and can create custom beverages. Please ask our baristas about specific requirements."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Visit us for a perfect cup of coffee, or reach out with any questions. We'd love to hear from you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name" },
            { name: "email", type: "email", placeholder: "Your Email" }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what you'd like to know...",            rows: 4
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Brew Haven barista preparing coffee"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Brew Haven"
          columns={[
            {
              title: "Coffee",              items: [
                { label: "Single Origins", href: "#menu" },
                { label: "Blends", href: "#menu" },
                { label: "Brew Guide", href: "#faq" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#contact" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Location", href: "#contact" },
                { label: "Hours", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Brew Haven | Crafted with passion for coffee lovers"
        />
      </div>
    </ThemeProvider>
  );
}