"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Globe, Users, Award, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="KAVA"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Store", id: "store" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Premium Coffee Crafted for Tel Aviv"
          description="Discover exceptional specialty coffee sourced from world-class roasters and expertly prepared by our skilled baristas. Every cup tells a story of passion and precision."
          tag="Specialty Coffee Culture"
          imageSrc="https://img.b2bpic.net/free-photo/espresso-details-close-up-pouring-coffee-into-white-cup-from-coffee-pot-selective-focus-concept-making-coffee-bar-pub-restaurant-brewing-coffee-cezve_166373-2016.jpg"
          imageAlt="Premium coffee pouring technique"
          buttons={[
            { text: "Visit Our Store", href: "store" },
            { text: "Explore Beans", href: "products" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Philosophy"
          description="At KAVA, we believe great coffee starts with understanding. We partner with sustainable farms, roast with precision, and brew with intention."
          tabs={[
            {
              id: "sourcing",              label: "Ethical Sourcing",              description: "We work directly with small-batch roasters and coffee farmers who share our commitment to quality and sustainability. Every bean is selected for its unique flavor profile and the story behind its origin."
            },
            {
              id: "craft",              label: "The Craft",              description: "Our baristas are certified specialists trained in multiple brewing methods. From espresso to pour-over, each preparation is executed with precision to unlock the perfect flavor."
            },
            {
              id: "community",              label: "Community First",              description: "KAVA is more than a coffee shop—it's a gathering place for coffee enthusiasts, professionals, and neighbors. We host cupping sessions, workshops, and create spaces for meaningful connections."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
          imageAlt="Expert barista preparing specialty coffee"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Collection"
          description="Curated selection of our finest specialty coffees, available for in-store enjoyment or whole bean purchase"
          tag="Premium Selection"
          products={[
            {
              id: "espresso-blend",              name: "Morning Ritual Espresso Blend",              price: "₪89",              variant: "100% Arabica  Medium Roast",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg",              imageAlt: "Morning Ritual Espresso Blend premium coffee"
            },
            {
              id: "velvety-latte",              name: "Velvety Cream Latte",              price: "₪45",              variant: "Single Shot  Specialty Milk",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2308.jpg",              imageAlt: "Velvety Cream Latte specialty drink"
            },
            {
              id: "cold-brew",              name: "Cold Brew Concentrate",              price: "₪99",              variant: "750ml  Batch Brewed",              imageSrc: "https://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2290.jpg",              imageAlt: "Cold Brew Concentrate specialty coffee"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact"
          description="Celebrating our commitment to excellence and community in Tel Aviv"
          metrics={[
            {
              id: "1",              icon: Coffee,
              title: "Specialty Drinks",              value: "50+"
            },
            {
              id: "2",              icon: Globe,
              title: "Origins",              value: "15+"
            },
            {
              id: "3",              icon: Users,
              title: "Daily Visitors",              value: "500+"
            },
            {
              id: "4",              icon: Award,
              title: "Awards",              value: "8"
            }
          ]}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by thousands of coffee lovers in Tel Aviv and beyond"
          cardTag="Customer Love"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Rachel Cohen",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",              imageAlt: "Rachel Cohen"
            },
            {
              id: "2",              name: "David Levi",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "David Levi"
            },
            {
              id: "3",              name: "Sarah Mizrahi",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Sarah Mizrahi"
            },
            {
              id: "4",              name: "Michael Bergman",              imageSrc: "https://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg",              imageAlt: "Michael Bergman"
            },
            {
              id: "5",              name: "Liora Goldstein",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",              imageAlt: "Liora Goldstein"
            },
            {
              id: "6",              name: "Yossi Rabin",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Yossi Rabin"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="store" data-section="store">
        <ContactCenter
          tag="Visit Us"
          title="Our Tel Aviv Location"
          description="Stop by our flagship café in the heart of Tel Aviv. Experience our full range of specialty drinks, browse whole bean selections, and join our coffee community. Open daily 7am–8pm."
          buttonText="Get Directions"
          inputPlaceholder="Enter your email for updates"
          termsText="Subscribe to our newsletter for exclusive blends, events, and coffee tips."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="KAVA"
          columns={[
            {
              items: [
                { label: "About", href: "about" },
                { label: "Products", href: "products" },
                { label: "Store", href: "store" }
              ]
            },
            {
              items: [
                { label: "Visit Us", href: "#" },
                { label: "Hours", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sustainability", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}