"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award, Coffee, Heart, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "products-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Faq", id: "faq-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          brandName="CozyBeans Coffee"
          bottomLeftText="Global Community"
          bottomRightText="hello@cozybeans.com"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboardRotatedCarousel
          title="Sip, Savor, and Soar"
          description="Discover the art of exceptional coffee in our cozy haven. Premium beans, warm ambiance, and unparalleled service await your arrival."
          background={{ variant: "rotated-rays-animated" }}
          tag="Crafted with Care"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Beans", href: "#products-section" },
            { text: "Visit Us Today", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            {
              id: "carousel-item-1",              imageSrc: "http://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg",              imageAlt: "Artisan coffee beans in a rustic wooden bowl"
            },
            {
              id: "carousel-item-2",              imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",              imageAlt: "Cozy seating area with warm lighting"
            },
            {
              id: "carousel-item-3",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg?_wi=1",              imageAlt: "Barista crafting a latte with beautiful foam art"
            },
            {
              id: "carousel-item-4",              imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-set-wooden-table_1150-10444.jpg",              imageAlt: "Steam rising from a freshly brewed cup of coffee"
            },
            {
              id: "carousel-item-5",              imageSrc: "http://img.b2bpic.net/free-photo/chilling-with-best-friends-terrace-local-cafe-hot-sunny-days_8353-10603.jpg",              imageAlt: "Close-up of rich, dark coffee being poured into a ceramic mug"
            },
            {
              id: "carousel-item-6",              imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-girl-drinks-coffee-sitting-near-coffee-shop-relaxing-after-riding-skateboard_613910-18845.jpg",              imageAlt: "Customers enjoying their coffee in a welcoming environment"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Hero section showcasing our premium coffee experience"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <MediaAbout
          title="Our Story"
          description="Founded in 2010, our coffee shop has been a cornerstone of the community, serving ethically sourced, premium coffee beans roasted in-house. We believe in creating a warm, welcoming space where every cup tells a story of passion and craftsmanship."
          tag="Since 2010"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Beans", href: "#products-section" },
            { text: "Visit Us", href: "#contact-section" }
          ]}
          buttonAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491788.jpg"
          imageAlt="Cozy interior of the coffee shop with wooden tables and warm lighting"
          useInvertedBackground={true}
          ariaLabel="About our coffee shop and story"
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureBorderGlow
          features={[
            {
              icon: Coffee,
              title: "Premium Bean Sourcing",              description: "We source our coffee beans directly from small farms around the world, ensuring the highest quality and freshness in every cup."
            },
            {
              icon: Heart,
              title: "Cozy Atmosphere",              description: "Our warm and inviting space is designed to make you feel at home, perfect for catching up with friends or enjoying quiet moments alone."
            },
            {
              icon: Award,
              title: "Expert Roasting",              description: "Our master roasters carefully craft each batch to bring out the unique flavors and aromas of every bean, delivering an unforgettable taste experience."
            },
            {
              icon: Users,
              title: "Community Focused",              description: "We're more than just a coffee shop—we're a gathering place where local artists, writers, and coffee lovers come together to share ideas and stories."
            }
          ]}
          animationType="slide-up"
          title="Why Choose Our Coffee Shop?"
          description="Experience the perfect blend of quality, comfort, and community in every visit."
          tag="Crafted with Care"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "Explore Our Menu", href: "#products-section" },
            { text: "Visit Us Today", href: "#contact-section" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products-section" data-section="products-section">
        <ProductCardTwo
          products={[
            {
              id: "single-origin-ethiopia",              brand: "Bean & Brew",              name: "Single Origin Ethiopia",              price: "$14.99",              rating: 4.8,
              reviewCount: "(128)",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cezve-white-surface_114579-54892.jpg",              imageAlt: "Single Origin Ethiopia Coffee Beans"
            },
            {
              id: "colombian-supremo",              brand: "Bean & Brew",              name: "Colombian Supremo",              price: "$15.49",              rating: 4.7,
              reviewCount: "(96)",              imageSrc: "http://img.b2bpic.net/free-photo/nutmeg-picked-put-out-dry-with-shell_1353-207.jpg",              imageAlt: "Colombian Supremo Coffee Beans"
            },
            {
              id: "guatemalan-dark-roast",              brand: "Bean & Brew",              name: "Guatemalan Dark Roast",              price: "$16.99",              rating: 4.9,
              reviewCount: "(142)",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg?_wi=2",              imageAlt: "Guatemalan Dark Roast Coffee Beans"
            },
            {
              id: "kenyan-traditional",              brand: "Bean & Brew",              name: "Kenyan Traditional",              price: "$17.99",              rating: 4.8,
              reviewCount: "(105)",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-lie-cezve-hessian_8353-1480.jpg",              imageAlt: "Kenyan Traditional Coffee Beans"
            }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Premium Coffee Selection"
          description="Discover our curated collection of single-origin beans, roasted to perfection for an unforgettable taste experience."
          tag="Best Sellers"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Products", href: "#products-section" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Barista",              company: "Local Coffee Co.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg",              imageAlt: "Sarah Johnson, local barista"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              role: "Coffee Enthusiast",              company: "Brew & Beyond",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-drinking-coffee_1303-21577.jpg",              imageAlt: "Michael Chen, coffee enthusiast"
            },
            {
              id: "testimonial-3",              name: "Emma Rodriguez",              role: "Regular Customer",              company: "Urban Café",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg",              imageAlt: "Emma Rodriguez, regular customer"
            },
            {
              id: "testimonial-4",              name: "David Kim",              role: "Local Business Owner",              company: "Downtown Hub",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1024.jpg",              imageAlt: "David Kim, local business owner"
            }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Community Says"
          description="Hear from our beloved customers and community members who have experienced the warmth and quality of our coffee shop."
          tag="Customer Favorites"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Reviews", href: "#" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="inline-image"
          useInvertedBackground={true}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqSplitText
          faqs={[
            {
              id: "coffee-quality",              title: "What makes your coffee beans special?",              content: "We source our beans directly from small farms around the world, ensuring the highest quality and freshness. Each batch is carefully roasted to bring out the unique flavors and aromas of every origin."
            },
            {
              id: "brewing-methods",              title: "Do you offer different brewing methods?",              content: "Absolutely! We provide various brewing options including pour-over, French press, espresso, and cold brew. Our baristas can guide you through each method to find your perfect cup."
            },
            {
              id: "membership-benefits",              title: "What are the benefits of joining your loyalty program?",              content: "Members enjoy exclusive discounts, early access to new blends, free coffee on their birthday, and special events. It's our way of saying thank you for being part of our coffee community."
            },
            {
              id: "custom-orders",              title: "Can I place custom orders for special occasions?",              content: "Yes, we love helping you celebrate! Whether it's a wedding, corporate event, or just a special gift, we can create custom blends and packaging tailored to your needs."
            }
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our coffee, services, and membership."
          buttons={[
            { text: "View All Products", href: "#products-section" },
            { text: "Contact Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={true}
          animationType="smooth"
          showCard={true}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Come Visit Us"
          description="We'd love to hear from you! Whether you have questions about our coffee, want to book a private event, or just want to say hello, our team is here for you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number" }
          ]}
          textarea={{
            name: "message",            placeholder: "Your Message",            rows: 4,
            required: true
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-restaurant-is-decorated-with-greens_8353-9675.jpg"
          imageAlt="Cozy interior of the coffee shop with warm lighting and comfortable seating"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterLogoEmphasis
          logoText="Brew & Bean"
          columns={[
            {
              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Roasting Process", href: "#features-section" },
                { label: "Sustainability", href: "#products-section" }
              ]
            },
            {
              items: [
                { label: "Menu", href: "#products-section" },
                { label: "Specialty Drinks", href: "#products-section" },
                { label: "Seasonal Offerings", href: "#products-section" }
              ]
            },
            {
              items: [
                { label: "Visit Us", href: "#contact-section" },
                { label: "Hours & Location", href: "#contact-section" },
                { label: "Events", href: "#contact-section" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}