"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureTimelineBento from "@/components/sections/feature/FeatureTimelineBento";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Coffee, Heart, Star, UtensilsCrossed, Mail, Globe, Leaf, TrendingUp, Sparkles, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Barista He Bariga"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Stories", id: "testimonials" }
          ]}
          button={{
            text: "Order Now",            href: "#contact"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Welcome to Barista He Bariga"
          description="Discover the art of specialty coffee crafted with passion and precision. Every cup tells a story of heritage, quality, and community."
          tag="Premium Specialty Coffee"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Menu", href: "#products" },
            { text: "Reserve a Table", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://pixabay.com/get/g2329404bfa804006f422b488f5b0dc55c259545d737654e92a65e53c1c9d4a719d01deec479e1895272be66fdc5e70fea32512c806cd0db0886eb372bafb1f73_1280.jpg",              imageAlt: "Artisan coffeeshop interior with warm ambiance"
            },
            {
              id: "carousel-2",              imageSrc: "https://pixabay.com/get/g7c13054a9a9aa8227cb3f72d184263960e508cd6e9ee9dffc29b91bf3b37efc3539b74820dacd4e02061e8ec2e11ea095984efd8f592195feded947cba5aff30_1280.jpg?_wi=1",              imageAlt: "Premium coffee beans selection"
            },
            {
              id: "carousel-3",              imageSrc: "https://pixabay.com/get/g43b3b981effc93a3efe1e1d2e08e2f9ec37bc6c317c196adc9eb9458146cd2b6c0b1bd15cc9403bd82cded4572a6331bd87447b44c7473d81d52ad426e7d1429_1280.jpg",              imageAlt: "Expert coffee brewing technique"
            },
            {
              id: "carousel-4",              imageSrc: "https://pixabay.com/get/g5867b720ce981c13ce2fb88a98c4f196b5bd44183dc234215805bb8aa93414a21dcb9f4684094a70592145c0f6b14c4f98b5b479d0ea299a67757a3702516d51_1280.jpg?_wi=1",              imageAlt: "Beautifully crafted espresso with latte art"
            },
            {
              id: "carousel-5",              imageSrc: "https://pixabay.com/get/g5d008eda20ba26636541b907da6f432cc1170f2d158bcfac1bc975c8587a9e336f5ddb0f1ab45dc0bc199fa201bb8e8e7dd3a0f18d47f232014286020939c97f_1280.jpg?_wi=1",              imageAlt: "Creamy cappuccino with signature foam design"
            },
            {
              id: "carousel-6",              imageSrc: "https://pixabay.com/get/g75c3716e63c753d423f9dff667bda98460c168d3da2b9c222689850e2fe2e8bc81c51f0e075986aab9515c5bdcefbf24dacb0a5e631163ce0385d8f97d8e64a5_1280.jpg?_wi=1",              imageAlt: "Classic strong americano coffee"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          marqueeItems={[
            { type: "text", text: "✓ Single Origin Beans" },
            { type: "text", text: "✓ Expert Baristas" },
            { type: "text", text: "✓ Local Community" },
            { type: "text", text: "✓ Artisan Crafted" },
            { type: "text", text: "✓ Sustainable Sourcing" }
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
          ariaLabel="Hero section featuring Barista He Bariga coffeeshop"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Crafted with Passion"
          description="At Barista He Bariga, we believe that exceptional coffee begins with exceptional people. Our baristas are trained artisans who understand the craft of coffee—from bean selection to the perfect extraction. We source premium single-origin beans from ethically-minded farmers around the world, supporting sustainable practices and building long-term relationships with our suppliers. Every cup we serve represents our commitment to quality, authenticity, and community."
          tag="Our Story"
          tagIcon={Heart}
          tagAnimation="opacity"
          buttons={[
            { text: "Learn More About Us", href: "#contact" }
          ]}
          buttonAnimation="blur-reveal"
          imageSrc="https://pixabay.com/get/g7c13054a9a9aa8227cb3f72d184263960e508cd6e9ee9dffc29b91bf3b37efc3539b74820dacd4e02061e8ec2e11ea095984efd8f592195feded947cba5aff30_1280.jpg?_wi=2"
          imageAlt="Premium coffee beans representing our commitment to quality"
          useInvertedBackground={false}
          ariaLabel="About section describing Barista He Bariga's story and values"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureTimelineBento
          title="The Art of Coffee Excellence"
          description="From sourcing to serving, we maintain the highest standards at every step of the coffee journey. Experience what true craftsmanship tastes like."
          tag="Why Choose Us"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "Visit Our Coffeeshop", href: "#contact" }
          ]}
          buttonAnimation="blur-reveal"
          textboxLayout="split"
          useInvertedBackground={true}
          animationType="slide-up"
          features={[
            {
              id: 1,
              title: "Ethical Sourcing",              description: "We partner directly with coffee farmers to ensure fair practices and the finest quality beans from around the world.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Globe, label: "Global Origin", value: "5 Continents" },
                { icon: Leaf, label: "Fair Trade", value: "100% Certified" },
                { icon: TrendingUp, label: "Quality Grade", value: "Specialty 85+" }
              ]
            },
            {
              id: 2,
              title: "Precision Brewing",              description: "Our baristas master multiple brewing methods to extract the perfect flavor profile from each origin.",              bentoComponent: "timeline",              heading: "The Brewing Process",              subheading: "",              items: [
                { label: "Selection", detail: "Choose your preferred origin and roast" },
                { label: "Grinding", detail: "Precisely grind to optimal size" },
                { label: "Extraction", detail: "Master the water temperature and timing" }
              ],
              completedLabel: "Perfect Cup"
            },
            {
              id: 3,
              title: "Artisan Techniques",              description: "From hand-pouring to espresso art, our baristas are skilled craftspeople dedicated to creating exceptional beverages.",              bentoComponent: "marquee",              centerIcon: Sparkles,
              variant: "text",              texts: [
                "Latte Art Mastery",                "Pour Over Precision",                "Espresso Excellence",                "Cold Brew Craft",                "Flavor Expertise"
              ]
            }
          ]}
          ariaLabel="Feature section highlighting coffee excellence"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Signature Drinks"
          description="Each beverage is carefully crafted to showcase the unique characteristics of our premium coffee selections."
          tag="Featured Menu"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Full Menu", href: "#contact" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "espresso",              name: "Signature Espresso",              price: "$3.50",              imageSrc: "https://pixabay.com/get/g5867b720ce981c13ce2fb88a98c4f196b5bd44183dc234215805bb8aa93414a21dcb9f4684094a70592145c0f6b14c4f98b5b479d0ea299a67757a3702516d51_1280.jpg?_wi=2",              imageAlt: "Beautifully crafted espresso with latte art"
            },
            {
              id: "americano",              name: "Classic Americano",              price: "$3.75",              imageSrc: "https://pixabay.com/get/g75c3716e63c753d423f9dff667bda98460c168d3da2b9c222689850e2fe2e8bc81c51f0e075986aab9515c5bdcefbf24dacb0a5e631163ce0385d8f97d8e64a5_1280.jpg?_wi=2",              imageAlt: "Classic strong americano coffee"
            },
            {
              id: "cappuccino",              name: "Artisan Cappuccino",              price: "$4.50",              imageSrc: "https://pixabay.com/get/g5d008eda20ba26636541b907da6f432cc1170f2d158bcfac1bc975c8587a9e336f5ddb0f1ab45dc0bc199fa201bb8e8e7dd3a0f18d47f232014286020939c97f_1280.jpg?_wi=2",              imageAlt: "Creamy cappuccino with signature foam design"
            }
          ]}
          carouselMode="buttons"
          ariaLabel="Our signature coffee drinks section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Community Says"
          description="Hear from the people who make Barista He Bariga their favorite place for exceptional coffee and genuine connection."
          tag="Customer Love"
          tagIcon={Heart}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "Join Our Community", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          showRating={true}
          animationType="scale-rotate"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Sarah Ahmed",              handle: "@sarahcoffelover",              testimonial: "The best espresso I've had outside of Italy. The baristas here truly understand their craft and it shows in every cup.",              rating: 5,
              imageSrc: "https://pixabay.com/get/gf1048b0810acff4f28527aea81ffa14f3e8f5faaf740ca14f5fb0629e73c40a3eb70116b60527e3c67c94fbc49cab47c_1280.jpg",              imageAlt: "Sarah Ahmed enjoying coffee at Barista He Bariga"
            },
            {
              id: "2",              name: "Marcus Chen",              handle: "@marcuscoffee",              testimonial: "Finally found a coffeeshop that cares as much about community as they do about coffee. This place is special.",              rating: 5,
              imageSrc: "https://pixabay.com/get/ga5b7126941631cd2fc54cfdf8be019d789c9b8837abd6450898388f371b3b0ffc303a799ba814c77dd69a3e8c3abdd34e1df8d02eaff6d4c757c20ef901c2e0f_1280.jpg",              imageAlt: "Marcus Chen at the coffeeshop counter"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elenawrites",              testimonial: "The ambiance is perfect for working, and the coffee? Simply unforgettable. I'm here almost every day now.",              rating: 5,
              imageSrc: "https://pixabay.com/get/g1d2297019cab2ad03067b1cc8bbdafd0a0f68a4264a00b2aabe4949ba4a60c7092cf0b346df6c6d9ad02e933bcf77bfc63eb047c68b2a3a3617b4b6445c1188e_1280.jpg",              imageAlt: "Elena Rodriguez working at a cafe table"
            },
            {
              id: "4",              name: "David Kim",              handle: "@davidtaste",              testimonial: "The single-origin coffees are incredible. You can taste the care that goes into every aspect of their business.",              rating: 5,
              imageSrc: "https://pixabay.com/get/g1098e5409589536b4024044a1a9f6170fea3f28fe9097fb05a69ea86933571da47ba4949cda5728733c1a44c4c358b2f1a13e6a25935a0e2ba93b7c52f1972ac_1280.jpg",              imageAlt: "David Kim smiling at Barista He Bariga"
            }
          ]}
          ariaLabel="Customer testimonials and reviews section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Experience Barista He Bariga?"
          description="Join us for an exceptional coffee experience. Subscribe to our newsletter for updates on new seasonal drinks, barista events, and exclusive offers."
          tagIcon={Mail}
          tagAnimation="opacity"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email for coffee updates"
          buttonText="Subscribe Now"
          termsText="By subscribing, you agree to receive emails about our specialty coffees, events, and exclusive offers."
          ariaLabel="Email subscription section for Barista He Bariga"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Barista He Bariga"
          copyrightText="© 2025 Barista He Bariga | Crafted with passion for coffee lovers everywhere"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" }
          ]}
          ariaLabel="Site footer with links and social media"
        />
      </div>
    </ThemeProvider>
  );
}