"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Leaf, Sparkles, Award, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Brew Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Blends", id: "blends" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia 
          background={{ variant: "plain" }}
          tag="Specialty Coffee Roastery"
          tagIcon={Coffee}
          title="Discover the Art of Exceptional Coffee"
          description="Handcrafted, single-origin specialty coffee roasted to perfection. Experience the difference that passion and precision make in every sip."
          buttons={[
            { text: "Explore Our Blends", href: "blends" },
            { text: "Learn Our Story", href: "about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg",              imageAlt: "Specialty coffee in artisanal cup"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-barista-pours-milk-into-cup-coffee_141793-17485.jpg",              imageAlt: "Coffee roasting process"
            }
          ]}
          rating={5}
          ratingText="Trusted by Coffee Enthusiasts"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout 
          tag="Our Story"
          tagIcon={Leaf}
          title="Roasted with Passion, Served with Heart"
          description="Since 2015, Brew Haven has been dedicated to sourcing the finest single-origin coffee beans from sustainable farms across the globe. Our small-batch roasting process brings out the unique flavor profiles of each origin, creating an unforgettable coffee experience for discerning palates."
          metrics={[
            { value: "50+", title: "Origins Sourced Globally" },
            { value: "15,000+", title: "Cups Served Monthly" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-coffee-kettle-with-roasted-beans_23-2148337161.jpg"
          imageAlt="Brew Haven coffee shop interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour 
          title="Our Featured Products"
          description="Handpicked specialty coffee selections for the discerning coffee lover"
          tag="Shop Now"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$18.99",              variant: "Ethiopian Yirgacheffe  Fresh Roast",              imageSrc: "https://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251693.jpg",              imageAlt: "Single origin espresso beans"
            },
            {
              id: "2",              name: "Classic Americano Blend",              price: "$16.99",              variant: "Medium Roast  Balanced Flavor",              imageSrc: "https://img.b2bpic.net/free-photo/high-view-cup-coffee-with-wooden-background_23-2148251677.jpg",              imageAlt: "American blend coffee"
            },
            {
              id: "3",              name: "Smooth Cappuccino Roast",              price: "$17.99",              variant: "Italian Style  Creamy Body",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244095.jpg",              imageAlt: "Cappuccino roast coffee"
            },
            {
              id: "4",              name: "Cold Brew Concentrate",              price: "$14.99",              variant: "Summer Ready  Smooth & Bold",              imageSrc: "https://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801646.jpg",              imageAlt: "Cold brew concentrate"
            }
          ]}
          textboxLayout="split"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blends" data-section="blends">
        <FeatureCardThree 
          title="Signature Blends"
          description="Crafted to perfection, each blend tells a unique story of origin and artistry"
          tag="Specialty Selection"
          tagIcon={Award}
          features={[
            {
              id: "01",              title: "Morning Glory Blend",              description: "Bright, crisp, and energizing. A harmonious blend of African and Central American beans to start your day right.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-women-coffee-shop_23-2150378276.jpg",              imageAlt: "Morning glory blend coffee"
            },
            {
              id: "02",              title: "Deep Night Dark Roast",              description: "Bold, rich, and complex. Perfect for espresso shots and those who love a full-bodied, smoky experience.",              imageSrc: "https://img.b2bpic.net/free-photo/hands-patient-suffering-from-psoriasis_23-2149329684.jpg",              imageAlt: "Deep night dark roast"
            },
            {
              id: "03",              title: "Smooth Sailing Medium",              description: "Balanced and approachable. A versatile blend with subtle chocolate notes and clean finish for everyday enjoyment.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-view-barista-hands-making-drip-coffee_197531-32447.jpg",              imageAlt: "Smooth sailing medium roast"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="Why Coffee Lovers Choose Us"
          description="By the numbers: our commitment to excellence"
          tag="Our Impact"
          metrics={[
            { id: "1", value: "98%", description: "Customer Satisfaction Rate" },
            { id: "2", value: "100%", description: "Ethically Sourced Beans" },
            { id: "3", value: "24hrs", description: "Fresh Roast Guarantee" }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Coffee Lovers Are Saying"
          description="Real stories from our passionate community"
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Coffee Enthusiast",              company: "Specialty Coffee Society",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",              imageAlt: "Sarah Mitchell portrait"
            },
            {
              id: "2",              name: "James Rodriguez",              role: "Barista",              company: "Local Café Chain",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",              imageAlt: "James Rodriguez portrait"
            },
            {
              id: "3",              name: "Emma Chen",              role: "Food Blogger",              company: "Coffee Culture Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6785.jpg",              imageAlt: "Emma Chen portrait"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Coffee Roaster",              company: "Independent Roastery",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-holding-disposable-coffee-cup_107420-12333.jpg",              imageAlt: "Michael Thompson portrait"
            },
            {
              id: "5",              name: "Jessica Williams",              role: "CEO & Coffee Addict",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",              imageAlt: "Jessica Williams portrait"
            },
            {
              id: "6",              name: "David Park",              role: "College Student",              company: "University Life",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",              imageAlt: "David Park portrait"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Everything you need to know about our coffee and service"
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",              title: "How are your beans roasted?",              content: "We use small-batch roasting techniques to bring out the unique characteristics of each origin. Our roasts are done fresh in-house, ensuring optimal flavor and aroma. Each batch is carefully monitored to achieve the perfect roast level for that particular bean."
            },
            {
              id: "2",              title: "What makes your coffee ethically sourced?",              content: "We work directly with sustainable farms and cooperatives around the world. We ensure fair prices for farmers, support environmental practices, and maintain transparency in our supply chain. Every bag comes with information about its origin and the farmers who grew it."
            },
            {
              id: "3",              title: "How long do beans stay fresh?",              content: "Our coffee is roasted fresh to order and stays at peak freshness for 2-4 weeks after roasting. We recommend grinding just before brewing and storing beans in an airtight container away from light and heat for maximum flavor."
            },
            {
              id: "4",              title: "Do you offer wholesale options?",              content: "Yes! We offer wholesale pricing for cafés, restaurants, and businesses. Please contact our wholesale team at wholesale@brewhaven.com for bulk order pricing and terms."
            },
            {
              id: "5",              title: "What brewing methods do you recommend?",              content: "Our beans work beautifully with all brewing methods: espresso, pour-over, French press, AeroPress, and Moka pot. We include brewing recommendations with each purchase to help you get the most from your coffee."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaIcon={Phone}
          ctaTitle="Ready to Taste the Difference?"
          ctaDescription="Get in touch with our team for custom orders, wholesale inquiries, or just to chat coffee."
          ctaButton={{
            text: "Contact Us",            href: "mailto:hello@brewhaven.com"
          }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Can I visit your roastery?",              content: "Absolutely! We offer guided roastery tours every Saturday and Sunday at 2 PM and 4 PM. Tours include tastings and a 20% discount on purchases. Call ahead to reserve your spot."
            },
            {
              id: "2",              title: "Do you have a subscription service?",              content: "Yes! Our Brew Club delivers freshly roasted coffee to your door monthly. Choose your flavor profile and roast level, and we'll handle the rest. Members save 15% and get exclusive blends."
            },
            {
              id: "3",              title: "What is your return policy?",              content: "We stand behind every bag. If you're not completely satisfied with your coffee, let us know within 30 days and we'll replace it or refund your money, no questions asked."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/high-view-cup-coffee-kettle_23-2148337113.jpg"
          imageAlt="Coffee beans texture footer background"
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven | Specialty Coffee Roastery. All rights reserved."
          columns={[
            {
              title: "Explore",              items: [
                { label: "Shop Coffee", href: "products" },
                { label: "Blends", href: "blends" },
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Newsletter", href: "#" },
                { label: "Email", href: "mailto:hello@brewhaven.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}