"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee, Heart, Award, Users, Clock, Sparkles, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Inia"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },{"name":"Shop","id":"/shop"}]}
          button={{
            text: "Reserve Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Inia Coffee Shop"
          description="Discover the perfect blend of premium coffee, cozy ambiance, and exceptional service. Experience every sip of our carefully crafted beverages made with passion and the finest ingredients."
          tag="Artisan Coffee Roastery"
          tagIcon={Coffee}
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/multilayer-coffee-glass-with-cookie-saucer_23-2147908388.jpg"
          imageAlt="Inia Coffee Shop Hero"
          buttons={[
            { text: "Explore Menu", href: "menu" },
            { text: "Make a Reservation", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Inia: Where Passion Meets Perfection in Every Cup"
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Heart, label: "Coffee Lovers Served", value: "50K+" },
            { icon: Award, label: "Premium Beans Selected", value: "12" },
            { icon: Users, label: "Expert Baristas", value: "15" },
            { icon: Clock, label: "Years of Excellence", value: "8" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Signature Drinks"
          description="Handcrafted beverages made with premium beans and attention to detail. Each drink is a masterpiece created by our expert baristas."
          tag="Featured Menu"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              brand: "Inia Classic",              name: "Latte Art Perfection",              price: "$5.50",              rating: 5,
              reviewCount: "234",              imageSrc: "https://img.b2bpic.net/free-photo/artsy-girl-having-cup-coffee_53876-99962.jpg",              imageAlt: "Latte with beautiful latte art"
            },
            {
              id: "2",              brand: "Inia Premium",              name: "Cappuccino Elegante",              price: "$6.00",              rating: 5,
              reviewCount: "189",              imageSrc: "https://img.b2bpic.net/free-photo/white-ceramic-mug-with-coffee_209848-35.jpg",              imageAlt: "Rich cappuccino with perfect foam"
            },
            {
              id: "3",              brand: "Inia Refresh",              name: "Cold Brew Delight",              price: "$5.00",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/people-serve-beautiful-fresh-relax-morning-coffee-cup-set_1150-7058.jpg",              imageAlt: "Iced cold brew on a hot day"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Inia Coffee"
          description="We believe exceptional coffee deserves exceptional care. Here's what sets us apart from other coffee shops."
          tag="Our Promise"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          negativeCard={{
            items: [
              "Mass-produced beans",              "Rushed preparation",              "Inconsistent quality",              "Limited customization",              "Impersonal service"
            ]
          }}
          positiveCard={{
            items: [
              "Ethically sourced premium beans",              "Hand-crafted with precision",              "Consistent excellence every time",              "Personalized drink creation",              "Expert barista guidance"
            ]
          }}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Coffee Enthusiasts"
          description="See what our valued customers have to say about their Inia experience"
          tag="Customer Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "My New Favorite Morning Ritual",              quote: "The moment I walked into Inia, I knew I'd found my new favorite spot. The baristas really know their craft, and every drink tastes like it's been made with love. I can't start my day without their espresso now!",              name: "Sarah Mitchell",              role: "Regular Customer",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Quality Beyond Expectation",              quote: "What impressed me most is the attention to detail. From bean selection to the final presentation, everything at Inia screams quality. The cold brew is absolutely divine, and the staff treats you like family.",              name: "James Rodriguez",              role: "Coffee Connoisseur",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              title: "Perfect Place to Work and Relax",              quote: "I've been working from Inia for months now, and I love everything about it. The wifi is reliable, the seating is comfortable, and the atmosphere is inspiring. Plus, the cappuccinos keep me energized all day!",              name: "Emily Chen",              role: "Remote Professional",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Emily Chen"
            },
            {
              id: "4",              title: "Best Coffee Experience Ever",              quote: "Inia has completely changed how I appreciate coffee. The baristas took time to explain the origins of each bean and helped me discover new flavors. This is more than just coffee; it's an experience.",              name: "Michael Thompson",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",              imageAlt: "Michael Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={MessageCircle}
          title="Visit Inia Coffee Shop Today"
          description="Join us for an unforgettable coffee experience. Reserve your table or subscribe to our newsletter for exclusive offers and new menu announcements."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. Check out our privacy policy for more info."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/top-view-coffee-beans_23-2148173325.jpg"
          imageAlt="Premium coffee beans"
          logoText="Inia Coffee Shop"
          copyrightText="© 2025 Inia Coffee Shop. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Espresso Drinks", href: "#" },
                { label: "Cold Beverages", href: "#" },
                { label: "Pastries & Snacks", href: "#" },
                { label: "Limited Editions", href: "#" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Reservations", href: "#" },
                { label: "Contact", href: "#" }
              ]
            },
            {
              title: "More",              items: [
                { label: "About Inia", href: "#" },
                { label: "Our Story", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Press Kit", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}