"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee, Users, Globe, Award } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Brew & Bean"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Coffee Culture"
          bottomRightText="hello@brewandbean.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Brew & Bean"
          description="Experience the finest artisanal coffee crafted with passion and precision. From espresso to cold brew, every cup tells a story of quality, tradition, and craftsmanship."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Menu", href: "#menu" },
            { text: "Visit Us", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/hot-latte-coffee-cup_1339-8382.jpg"
          imageAlt="Premium latte with latte art"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="Founded in 2015, Brew & Bean started as a passion project to bring specialty coffee to our community. We source the finest beans from sustainable farms worldwide and roast them in-house to perfection. Every visit is an invitation to experience coffee as it was meant to be."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Cozy coffee shop interior with warm lighting"
          buttons={[
            { text: "Learn More", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Our Signature Selection"
          description="Discover our carefully curated menu of premium coffee beverages, each crafted to showcase the unique character of our beans."
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-americanoand-glass-water_140725-9775.jpg",              imageAlt: "Rich espresso shot in ceramic cup",              initialQuantity: 1
            },
            {
              id: "2",              name: "Artisan Cappuccino",              price: "$5.75",              imageSrc: "https://img.b2bpic.net/free-photo/breakfast-with-espresso-cup-hot-coffee-croissant-black-stone-plate-coffee-aroma_482257-18271.jpg",              imageAlt: "Cappuccino with perfect microfoam",              initialQuantity: 1
            },
            {
              id: "3",              name: "Classic Americano",              price: "$4.25",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5375.jpg",              imageAlt: "Dark americano with rich crema",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          title="From Bean to Cup"
          description="Our meticulous process ensures that every cup of coffee reflects our commitment to quality and excellence."
          tag="Our Process"
          steps={[
            {
              number: "01",              title: "Source & Select",              description: "We partner with ethical farms across the globe to source the finest specialty-grade coffee beans.",              tag: "Quality First"
            },
            {
              number: "02",              title: "Roast & Perfect",              description: "Small-batch roasting brings out the unique flavors and aromas of each origin, perfected by our master roasters.",              tag: "Crafted"
            },
            {
              number: "03",              title: "Brew & Serve",              description: "Expert baristas craft each cup with precision, ensuring optimal extraction and presentation.",              tag: "Excellence"
            }
          ]}
          buttons={[
            { text: "Visit Our Cafe", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Our impact on the coffee community speaks volumes about our dedication and success."
          metrics={[
            {
              id: "1",              icon: Coffee,
              title: "Cups Served",              value: "150K+"
            },
            {
              id: "2",              icon: Users,
              title: "Happy Customers",              value: "25K+"
            },
            {
              id: "3",              icon: Globe,
              title: "Origins Featured",              value: "30+"
            },
            {
              id: "4",              icon: Award,
              title: "Awards Won",              value: "12"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Coffee Lovers Say"
          description="Join thousands of satisfied customers who start their day with Brew & Bean."
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "The best espresso I've ever had! Every visit feels special, and the baristas truly care about perfecting each cup.",              imageSrc: "https://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschen_",              testimonial: "Finally found a coffee shop that understands the art of roasting. Their single-origin selections are exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911874.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elenaroasted",              testimonial: "The atmosphere is warm and inviting. It's become my favorite spot to work and connect with the community.",              imageSrc: "https://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@michaelpark_",              testimonial: "As a coffee enthusiast, I'm impressed by their sourcing practices and commitment to sustainability.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businesswoman-mockup-psd-smiling-closeup-port_53876-143277.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "@lisathompson",              testimonial: "The baristas are incredibly knowledgeable and patient. They introduced me to my new favorite roast!",              imageSrc: "https://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "David Kumar",              handle: "@davidkumar",              testimonial: "Brew & Bean has set the standard for coffee excellence. Worth every visit and every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911874.jpg",              imageAlt: "David Kumar"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Visit Us Today"
          description="Join us for a perfect cup of coffee. Sign up for our newsletter to get exclusive offers, brewing tips, and new menu announcements delivered to your inbox."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/cup-coffee-spoon-wooden-table_107420-96310.jpg"
          imageAlt="Coffee cup on wooden table"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from our emails."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
          imageAlt="Brew & Bean coffee shop storefront"
          logoText="Brew & Bean"
          copyrightText="© 2025 Brew & Bean Coffee. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Espresso", href: "#menu" },
                { label: "Cappuccino", href: "#menu" },
                { label: "Cold Brew", href: "#menu" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#about" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "#" },
                { label: "Email: hello@brewandbean.com", href: "#" },
                { label: "123 Coffee Lane, Your City", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}