"use client"

import { Coffee, Sparkles, AlertCircle, Heart, Mail, Instagram, Facebook, Twitter } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Welcome to Brew Haven"
          description="Discover our handcrafted coffee experience where every cup tells a story of passion, precision, and community"
          tag="Premium Coffee"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Cozy coffee shop interior"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Menu", href: "#features" },
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted with" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", alt: "Coffee beans" },
            { type: "text", content: "passion and expertise" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Menu Craftsmanship"
          description="Each beverage is carefully prepared using our signature techniques and finest sourced beans"
          tag="Our Specialties"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
          imageAlt="Barista crafting espresso"
          accordionItems={[
            {
              id: "1",              title: "Single-Origin Espressos",              content: "Bold and complex flavors from premium single-origin beans sourced directly from sustainable farms worldwide"
            },
            {
              id: "2",              title: "Artisan Milk Drinks",              content: "Perfectly steamed milk combined with espresso creating silky microfoam and beautiful latte art"
            },
            {
              id: "3",              title: "Cold Brew Selection",              content: "Smooth and refreshing cold-brewed coffee prepared over 12 hours for optimal flavor extraction"
            }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Coffee Selection"
          description="Premium handpicked blends available for purchase and delivery"
          tag="Limited Stock"
          tagIcon={AlertCircle}
          products={[
            {
              id: "1",              name: "Classic Morning Blend",              price: "$5.99",              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Classic Morning Blend espresso",              initialQuantity: 1
            },
            {
              id: "2",              name: "Velvet Cappuccino",              price: "$6.49",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",              imageAlt: "Velvet Cappuccino with latte art",              initialQuantity: 1
            },
            {
              id: "3",              name: "Iced Signature Blend",              price: "$6.99",              imageSrc: "https://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg",              imageAlt: "Iced Signature Blend cold brew",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Shop All Products", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Coffee Lovers Say"
          description="Hear from our community about their Brew Haven experience"
          tag="Customer Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Marketing Manager",              company: "Creative Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              role: "Architect",              company: "Design Collective",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Freelance Writer",              company: "Independent",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Software Developer",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg",              imageAlt: "Michael Thompson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated with Our Latest Brews"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, events, and special offers delivered right to your inbox"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
          imageAlt="Coffee and laptop workspace"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven. All rights reserved. Crafted with ☕ for coffee lovers everywhere."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/brewhaven",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/brewhaven",              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/brewhaven",              ariaLabel: "Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}