"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { BarChart3, Coffee, Mail, Sparkles, Star, Zap } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="BrewCraft"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "How We Work", id: "process" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Craft Coffee, Crafted With Care"
          description="Experience specialty coffee sourced from the world's finest farms. Every cup is a journey of flavor, tradition, and passion."
          tag="Premium Coffee Experience"
          tagIcon={Coffee}
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798050.jpg",              imageAlt: "Expert barista crafting specialty coffee"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg",              imageAlt: "Beautifully crafted coffee with latte art"
            }
          ]}
          rating={5}
          ratingText="Loved by 5,000+ coffee enthusiasts"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Philosophy"
          description="We believe in transparency, quality, and sustainability in every step of the coffee journey."
          tabs={[
            {
              id: "sourcing",              label: "Ethical Sourcing",              description: "We partner directly with coffee farmers across Ethiopia, Colombia, and Peru, ensuring fair compensation and sustainable farming practices. Every bean tells a story of care and commitment."
            },
            {
              id: "roasting",              label: "Small Batch Roasting",              description: "Our in-house roastery uses precision techniques to unlock each bean's unique flavor profile. We roast in small batches to ensure peak freshness and quality consistency."
            },
            {
              id: "craft",              label: "Barista Craft",              description: "Our certified baristas train extensively to master espresso extraction, milk frothing, and latte art. We believe excellence in technique honors the farmer's work."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/white-coffee-roasted-beans-black_1303-1937.jpg"
          imageAlt="Coffee sourcing from sustainable farms"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Explore our handpicked selection of premium coffee blends and single-origin varieties."
          tag="Limited Selection"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Ethiopian Yirgacheffe",              price: "$18.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg",              imageAlt: "Ethiopian Yirgacheffe coffee"
            },
            {
              id: "2",              name: "Colombian Supremo",              price: "$16.99",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798051.jpg",              imageAlt: "Colombian Supremo coffee"
            },
            {
              id: "3",              name: "Breakfast Blend",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-pouring-milk-into-coffee-cup_23-2148349635.jpg",              imageAlt: "Breakfast Blend coffee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View All Products", href: "#" }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          title="Our Coffee Journey"
          description="From farm to cup, we maintain the highest standards at every step. This is how we create extraordinary coffee."
          tag="How We Work"
          tagIcon={Zap}
          steps={[
            {
              number: "01",              title: "Ethical Sourcing",              tag: "Foundation",              description: "We work directly with farmers in sustainable coffee regions, paying fair prices and supporting community development programs."
            },
            {
              number: "02",              title: "Precision Roasting",              tag: "Craft",              description: "Our master roasters carefully control temperature and timing to unlock each origin's unique flavor characteristics and aroma profile."
            },
            {
              number: "03",              title: "Expert Preparation",              tag: "Skill",              description: "Our certified baristas use advanced techniques to extract the perfect espresso and create beautiful, delicious beverages every time."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule a Tasting", href: "contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact"
          description="Trusted by coffee lovers and supported by impressive numbers that reflect our commitment to quality and community."
          tag="By The Numbers"
          tagIcon={BarChart3}
          metrics={[
            {
              id: "1",              value: "150K+",              title: "Cups Served",              description: "Premium coffee enjoyed by customers worldwide",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",              imageAlt: "Customers enjoying BrewCraft coffee"
            },
            {
              id: "2",              value: "50+",              title: "Farmer Partners",              description: "Direct relationships supporting sustainable farming",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798044.jpg",              imageAlt: "Premium coffee quality assurance"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join over 5,000 coffee enthusiasts who trust BrewCraft for their daily ritual"
          cardTag="Customer Testimonials"
          cardTagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Torres",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "3",              name: "Jessica Liu",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Jessica Liu"
            },
            {
              id: "4",              name: "David Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",              imageAlt: "David Anderson"
            },
            {
              id: "5",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "6",              name: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",              imageAlt: "James Wilson"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Experience Excellence?"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and special offers. Join our coffee community today."
          tagIcon={Mail}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check our privacy policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Shop Coffee", href: "products" },
                { label: "Brewing Guides", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Shipping Info", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 BrewCraft | Specialty Coffee Roasters"
        />
      </div>
    </ThemeProvider>
  );
}