"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Coffee, Heart, Leaf, Shield, Users, Zap, Sparkles, MapPin, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Brew Haven"
          bottomLeftText="Coffee Culture Community"
          bottomRightText="hello@brewhaven.coffee"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Craft Coffee, Crafted Community"
          description="Discover exceptional specialty coffee and a warm atmosphere where every cup tells a story of quality, passion, and connection."
          background={{ variant: "radial-gradient" }}
          tag="Artisanal Coffee Culture"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Menu", href: "#menu" },
            { text: "Visit Us Today", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=40toic",              imageAlt: "Beautiful latte art in ceramic cup"
            }
          ]}
          ariaLabel="Hero section - Brew Haven coffee shop"
          className="min-h-screen"
          titleClassName="text-5xl md:text-6xl font-bold tracking-tight"
          descriptionClassName="text-lg md:text-xl text-opacity-90"
          tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full"
          buttonClassName="px-8 py-3 rounded-lg font-semibold transition-all"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          title="Rooted in Passion, Brewed with Purpose"
          useInvertedBackground={true}
          ariaLabel="About Brew Haven"
          containerClassName="max-w-3xl mx-auto"
          titleClassName="text-4xl md:text-5xl font-bold mb-6"
          className="py-20"
          buttons={[{ text: "Learn More About Us", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose Brew Haven"
          description="We're committed to delivering exceptional coffee experiences through quality, sustainability, and community connection."
          tag="Our Promise"
          tagIcon={Shield}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={[
            {
              icon: Coffee,
              title: "Single Origin Selection",              description: "Carefully sourced beans from renowned coffee regions, roasted fresh for optimal flavor and complexity."
            },
            {
              icon: Leaf,
              title: "Sustainable Practices",              description: "Ethically sourced coffee supporting fair trade farmers and environmental conservation worldwide."
            },
            {
              icon: Users,
              title: "Community Hub",              description: "A welcoming space where coffee enthusiasts gather, connect, and celebrate their love for quality beverages."
            },
            {
              icon: Award,
              title: "Expert Baristas",              description: "Professionally trained baristas dedicated to crafting the perfect cup tailored to your preferences."
            },
            {
              icon: Zap,
              title: "Specialty Equipment",              description: "State-of-the-art brewing technology including espresso machines, pour-overs, and precision scales."
            },
            {
              icon: Heart,
              title: "Passion Driven",              description: "Every cup reflects our genuine love for coffee and commitment to exceptional customer experiences."
            }
          ]}
          buttons={[{ text: "Discover Our Difference", href: "#" }]}
          buttonAnimation="slide-up"
          className="py-20"
          containerClassName="max-w-6xl mx-auto"
          titleClassName="text-4xl md:text-5xl font-bold mb-6"
          cardTitleClassName="font-semibold text-lg"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Specialty Beverages"
          description="Handcrafted drinks featuring our premium coffee blends and signature creations."
          tag="Featured Drinks"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "espresso-shot",              name: "Single Shot Espresso",              price: "$3.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lh73y9",              imageAlt: "Rich dark roast espresso shot"
            },
            {
              id: "cappuccino",              name: "Signature Cappuccino",              price: "$5.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ap7gtp",              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "iced-brew",              name: "Cold Brew Concentrate",              price: "$4.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhnfze",              imageAlt: "Refreshing cold brew iced coffee"
            }
          ]}
          buttons={[{ text: "View Full Menu", href: "#" }]}
          buttonAnimation="slide-up"
          className="py-20"
          containerClassName="max-w-6xl mx-auto"
          textBoxTitleClassName="text-4xl md:text-5xl font-bold mb-6"
          cardClassName="rounded-xl overflow-hidden hover:shadow-xl transition-all"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Coffee Enthusiasts"
          description="Hear from our community about their favorite Brew Haven experiences."
          tag="Customer Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Chen",              handle: "Coffee Lover",              testimonial: "The quality of coffee here is unmatched. Every visit is a delightful experience with knowledgeable baristas who truly care about crafting the perfect cup.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvtgty",              imageAlt: "Sarah enjoying her coffee",              icon: Star
            },
            {
              id: "testimonial-2",              name: "Marcus Johnson",              handle: "Remote Worker",              testimonial: "My favorite spot to work. The atmosphere is perfect, the wifi is reliable, and the coffee keeps me inspired throughout the day.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsz99s",              imageAlt: "Marcus at the cafe",              icon: Star
            },
            {
              id: "testimonial-3",              name: "Emma Rodriguez",              handle: "Community Member",              testimonial: "Brew Haven isn't just a coffee shop—it's a community gathering place. The events and connections made here are invaluable.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7apv29",              imageAlt: "Emma with friends",              icon: Star
            },
            {
              id: "testimonial-4",              name: "David Kim",              handle: "Specialty Coffee Expert",              testimonial: "As someone who knows good coffee, I'm impressed by their single-origin selections and meticulous brewing techniques.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltm35k",              imageAlt: "David with specialty coffee",              icon: Star
            },
            {
              id: "testimonial-5",              name: "Lisa Thompson",              handle: "Daily Regular",              testimonial: "I've been coming here for two years. The consistency in quality and the warm welcome from the team make it my second home.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pq6snr",              imageAlt: "Lisa at the counter",              icon: Star
            },
            {
              id: "testimonial-6",              name: "James Wilson",              handle: "Cafe Enthusiast",              testimonial: "Perfect balance of excellent coffee, comfortable seating, and a peaceful environment. Highly recommended for everyone.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i85z2j",              imageAlt: "James relaxing with coffee",              icon: Star
            }
          ]}
          buttons={[{ text: "Join Our Community", href: "#contact" }]}
          buttonAnimation="slide-up"
          className="py-20"
          containerClassName="max-w-6xl mx-auto"
          textBoxTitleClassName="text-4xl md:text-5xl font-bold mb-6"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Find answers to frequently asked questions about our menu, hours, and coffee philosophy."
          faqs={[
            {
              id: "faq-1",              title: "What makes your coffee special?",              content: "We source single-origin beans from trusted farmers, roast them fresh in small batches, and employ expert baristas trained in precision brewing techniques. Every cup is crafted with intention and passion."
            },
            {
              id: "faq-2",              title: "Do you offer decaffeinated options?",              content: "Yes! We offer premium decaf options including single-origin decaf espresso, pour-overs, and specialty drinks with decaf. Quality doesn't compromise with our decaf selection."
            },
            {
              id: "faq-3",              title: "Are your beans ethically sourced?",              content: "Absolutely. We partner with fair-trade certified suppliers and work directly with coffee farmers who practice sustainable agriculture. Supporting communities and the environment is core to our mission."
            },
            {
              id: "faq-4",              title: "Do you accommodate dietary restrictions?",              content: "Yes! We offer alternatives including oat, almond, coconut, and soy milk. Our baristas are knowledgeable about preparing drinks for various dietary needs and preferences."
            },
            {
              id: "faq-5",              title: "Can I order coffee beans to take home?",              content: "Definitely! We sell whole beans and ground coffee from our current selection. We can recommend blends based on your brewing method and taste preferences."
            },
            {
              id: "faq-6",              title: "Do you host coffee tasting events?",              content: "Yes, we regularly host cupping events and brewing workshops. Check our social media or ask in-store for upcoming community events and special experiences."
            }
          ]}
          faqsAnimation="blur-reveal"
          textPosition="left"
          useInvertedBackground={true}
          showCard={true}
          animationType="smooth"
          className="py-20"
          containerClassName="max-w-6xl mx-auto"
          sideTitleClassName="text-3xl md:text-4xl font-bold mb-4"
          sideDescriptionClassName="text-base text-opacity-80"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Visit Brew Haven Today"
          description="Join us for an exceptional coffee experience. Whether you're a daily regular or first-time visitor, we're excited to welcome you to our community."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Reserve a Table", href: "https://calendar.app.google.com" },
            { text: "Call: (555) 123-4567", href: "tel:+15551234567" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Contact section for Brew Haven"
          className="py-20"
          containerClassName="max-w-2xl mx-auto"
          contentClassName="p-12 rounded-2xl backdrop-blur-md"
          titleClassName="text-4xl md:text-5xl font-bold mb-4"
          descriptionClassName="text-lg text-opacity-90 mb-8"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Quality Promise", href: "#features" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Coffee Menu",              items: [
                { label: "Espresso Drinks", href: "#products" },
                { label: "Pour Over Selection", href: "#" },
                { label: "Cold Brew", href: "#" },
                { label: "Specialty Drinks", href: "#" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Events", href: "#" },
                { label: "Brewing Workshops", href: "#" },
                { label: "Coffee Tastings", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Email", href: "mailto:hello@brewhaven.coffee" }
              ]
            }
          ]}
          copyrightText="© 2024 Brew Haven Coffee. Crafted with passion. All rights reserved."
          ariaLabel="Footer navigation"
          className="border-t border-opacity-20"
          containerClassName="max-w-6xl mx-auto"
          columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-8"
          columnTitleClassName="font-bold text-lg mb-4"
          columnItemClassName="text-opacity-80 hover:text-opacity-100 transition-all"
        />
      </div>
    </ThemeProvider>
  );
}