"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="large"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Brew Haven"
          button={{
            text: "Reserve a Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Discover Your Perfect Cup"
          description="Premium artisanal coffee crafted with passion and precision. Every sip tells a story of quality, care, and excellence."
          tag="Premium Coffee"
          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="Cozy coffee shop interior with warm lighting"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            {
              text: "Explore Menu",              href: "products"
            },
            {
              text: "Visit Us",              href: "contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Roasted with"
            },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg",              alt: "Premium coffee beans"
            },
            {
              type: "text",              content: "passion since 2015"
            }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Our Story",              href: "#about"
            },
            {
              text: "Sourcing",              href: "#sourcing"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Coffee Selection"
          description="Handpicked blends and single-origin coffees sourced from sustainable farms around the world"
          products={[
            {
              id: "1",              name: "Signature Espresso Blend",              price: "$8.50",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458094.jpg",              imageAlt: "Rich espresso in ceramic cup",              initialQuantity: 1
            },
            {
              id: "2",              name: "Cold Brew Classic",              price: "$6.00",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-31296.jpg",              imageAlt: "Refreshing cold brew over ice",              initialQuantity: 1
            },
            {
              id: "3",              name: "Pour Over Premium",              price: "$7.50",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354593.jpg",              imageAlt: "Freshly poured drip coffee",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Coffee Enthusiasts"
          description="Hear from our regulars about their favorite coffee shop experience"
          testimonials={[
            {
              id: "1",              title: "The Perfect Morning Ritual",              quote: "This is my sanctuary before work. The coffee is exceptional, and the atmosphere makes every visit feel special.",              name: "Sarah Mitchell",              role: "Marketing Director",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "2",              title: "Quality You Can Taste",              quote: "I've tried many coffee shops, but the attention to detail here is unmatched. Every cup is crafted to perfection.",              name: "Michael Chen",              role: "Coffee Connoisseur",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Michael Chen testimonial"
            },
            {
              id: "3",              title: "A Community Space",              quote: "More than just coffee, it's a place where friendships blossom and creativity flows. I come here daily.",              name: "Emily Rodriguez",              role: "Freelance Designer",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emily Rodriguez testimonial"
            },
            {
              id: "4",              title: "Consistently Outstanding",              quote: "From the beans to the barista's skill, everything reflects a commitment to excellence. Highly recommend!",              name: "David Kim",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageAlt: "David Kim testimonial"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Brew Haven and our services"
          faqs={[
            {
              id: "1",              title: "What coffee beans do you use?",              content: "We source premium, single-origin and carefully curated blend beans from sustainable farms across Ethiopia, Colombia, and Costa Rica. Each batch is roasted in-house to ensure peak freshness and flavor."
            },
            {
              id: "2",              title: "Do you offer loyalty programs?",              content: "Yes! Our Brew Rewards program gives you a complimentary coffee for every 10 purchases. Sign up in-store or ask our baristas for details."
            },
            {
              id: "3",              title: "Are your drinks dairy-free?",              content: "Absolutely. We offer oat milk, almond milk, soy milk, and coconut milk alternatives for all our beverages at no extra charge."
            },
            {
              id: "4",              title: "Can I book a private event?",              content: "Yes, we host private events and meetings. Our upstairs area can accommodate 20-30 people. Contact us for booking details and custom menu options."
            },
            {
              id: "5",              title: "Do you offer wholesale coffee?",              content: "We do! Local businesses can purchase our beans in bulk. Please email wholesale@brewhaven.com or call us for pricing and availability."
            },
            {
              id: "6",              title: "What are your opening hours?",              content: "Monday-Friday: 6:30 AM - 8:00 PM, Saturday: 8:00 AM - 9:00 PM, Sunday: 8:00 AM - 7:00 PM. We're closed on major holidays."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Join Our Coffee Community"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and special events. We respect your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
          imageAlt="Welcoming coffee shop interior"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We send updates about new blends and events monthly. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Brew Haven"
          columns={[
            {
              items: [
                {
                  label: "Menu",                  href: "products"
                },
                {
                  label: "About",                  href: "about"
                },
                {
                  label: "Contact",                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "Hours",                  href: "#"
                },
                {
                  label: "Location",                  href: "#"
                },
                {
                  label: "Careers",                  href: "#"
                }
              ]
            },
            {
              items: [
                {
                  label: "Instagram",                  href: "https://instagram.com"
                },
                {
                  label: "Facebook",                  href: "https://facebook.com"
                },
                {
                  label: "Twitter",                  href: "https://twitter.com"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}