"use client";

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee, Instagram, Twitter, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="animatedGrid"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Brew & Bean"
          button={{
            text: "Order Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Exceptional Coffee, Crafted Daily"
          description="Experience the finest specialty coffee sourced from sustainable farms around the world. Roasted fresh, brewed to perfection."
          tag="Premium Quality"
          buttons={[
            { text: "Explore Menu", href: "#products" },
            { text: "Visit Us", href: "#contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321575502-dja1nmgo.jpg"
          imageAlt="Premium coffee in elegant cup"
          frameStyle="card"
          metricsLabel="Trusted by coffee lovers everywhere"
          metrics={[
            { id: "1", value: "15K+", label: "Happy Customers" },
            { id: "2", value: "50+", label: "Coffee Varieties" },
            { id: "3", value: "100%", label: "Ethical Sourcing" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Story"
          description="Discover what makes our coffee special"
          tabs={[
            {
              id: "sourcing",
              label: "Direct Sourcing",
              description: "We partner directly with coffee farmers across Ethiopia, Colombia, and Costa Rica to ensure fair wages and sustainable practices. Every bean tells a story of dedicated craftsmanship."
            },
            {
              id: "roasting",
              label: "Small Batch Roasting",
              description: "Our in-house roasters carefully monitor each batch using traditional techniques combined with modern precision. We roast to order to guarantee maximum freshness and flavor complexity."
            },
            {
              id: "brewing",
              label: "Perfect Extraction",
              description: "Our baristas are trained to the highest standards. We use premium equipment and precise water temperature to unlock the unique characteristics of each coffee origin."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg"
          imageAlt="Close-up of premium coffee beans"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          features={[
            {
              id: 1,
              title: "Ethical Farming Partnership",
              description: "We work directly with family-owned farms, ensuring fair trade practices and sustainable agriculture that protects the environment for future generations.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
              imageAlt: "Coffee farm landscape"
            },
            {
              id: 2,
              title: "Small Batch Roasting",
              description: "Each batch is carefully roasted in small quantities to preserve the unique flavor profile. Our master roasters monitor temperature and time with precision.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140053900-frhkawzl.jpg",
              imageAlt: "Coffee roasting process"
            },
            {
              id: 3,
              title: "Expert Preparation",
              description: "Our trained baristas use premium equipment and precise techniques to extract the perfect cup every time. Each order is crafted with intention.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140051179-xqh9zjdi.jpg",
              imageAlt: "Expert barista preparing coffee"
            }
          ]}
          animationType="slide-up"
          title="How We Do It"
          description="From bean to cup, we obsess over every detail"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "Best Coffee in the City",
              quote: "The quality of beans and expertise of the baristas is unmatched. Every visit is a discovery of new flavors and perfect service.",
              name: "Sarah Mitchell",
              role: "Coffee Lover",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747793172-ygt524hh.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              title: "Supporting Ethical Sourcing",
              quote: "I love knowing exactly where my coffee comes from. Their commitment to fair trade and sustainability aligns perfectly with my values.",
              name: "James Chen",
              role: "Conscious Consumer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140064413-lmtijaij.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              title: "Consistent Excellence",
              quote: "Whether I order a single espresso or a full pour-over, the quality and consistency never wavers. This is true craftsmanship.",
              name: "Emma Rodriguez",
              role: "Daily Regular",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747794161-jr7j07sy.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              title: "A Morning Ritual",
              quote: "Their subscription service delivers fresh roasted beans to my door. Starting my day with their coffee has become essential to my routine.",
              name: "Michael Foster",
              role: "Subscription Member",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747795102-9hacy49p.jpg",
              imageAlt: "Michael Foster"
            }
          ]}
          title="Loved by Coffee Enthusiasts"
          description="Real stories from our loyal customers"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
            {
              id: "1",
              title: "What coffee beans do you use?",
              content: "We source premium single-origin and carefully curated blend beans directly from ethical farms. Each origin brings unique flavor characteristics ranging from fruity and floral to rich and chocolatey."
            },
            {
              id: "2",
              title: "How fresh is your coffee?",
              content: "We roast in small batches multiple times per week. For retail bags, we recommend using within 2-3 weeks of the roast date. For our cafe, beans are used within days of roasting for optimal flavor."
            },
            {
              id: "3",
              title: "Do you offer subscriptions?",
              content: "Yes! Our subscription service delivers freshly roasted coffee to your door on a schedule you choose. Subscribers receive a 15% discount and access to exclusive single-origin releases."
            },
            {
              id: "4",
              title: "Can I visit your cafe?",
              content: "Absolutely! We're open Monday through Saturday, 7am to 6pm. Visit us at 234 Oak Street to experience our full menu and meet our passionate baristas."
            },
            {
              id: "5",
              title: "What brewing methods do you recommend?",
              content: "Each origin shines differently depending on your method. For Ethiopian beans we recommend pour-over, for Colombian try espresso, and our blends work beautifully in French press."
            },
            {
              id: "6",
              title: "Do you have decaf options?",
              content: "Yes! We offer naturally processed decaf options that maintain excellent flavor. We use water processing methods that preserve the coffee's unique characteristics."
            }
          ]}
          title="Frequently Asked Questions"
          description="Everything you need to know about our coffee"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "How do I place an order?",
              content: "Orders can be placed through our website or by visiting our cafe. Online orders ship within 2 business days."
            },
            {
              id: "2",
              title: "What are your delivery options?",
              content: "We offer local pickup, city-wide delivery, and nationwide shipping. Shipping is free on orders over $50."
            },
            {
              id: "3",
              title: "Is there a satisfaction guarantee?",
              content: "Absolutely! If you're not completely satisfied with your coffee, we'll make it right with a replacement or refund."
            }
          ]
          ctaTitle="Ready to Order?"
          ctaDescription="Join our community and get fresh coffee delivered to your door, or visit our cafe for the full experience."
          ctaButton={{
            text: "Get Started",
            href: "https://www.example.com"
          }}
          ctaIcon={Coffee}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Brew & Bean"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Products",
              items: [
                { label: "Menu", href: "#products" },
                { label: "Subscriptions", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
          copyrightText="© Brew & Bean, 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}