"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Coffee, Heart, Instagram, Facebook, Twitter, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="large"
      background="aurora"
      cardStyle="solid-accent-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BrewCraft"
          navItems={[
            { name: "Menu", id: "features" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Discover Your Perfect Brew"
          description="Handcrafted coffee from around the world, roasted fresh daily. Experience the art of exceptional coffee in our welcoming community."
          tag="Premium Coffee"
          tagIcon={Coffee}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766507831327-qlo86d1b.jpg"
          imageAlt="Modern coffee shop interior with customers"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659852371-2n8s417u.jpg", alt: "Barista Maria" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659853424-ixkpxq6h.jpg", alt: "Barista Carlos" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659855040-siiqd8u1.jpg", alt: "Coffee Specialist Elena" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659856152-wm74airb.jpg", alt: "Manager James" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659857717-44j1joo8.jpg", alt: "Barista Sofia" }
          ]}
          avatarText="Join 5000+ coffee lovers"
          buttons={[
            { text: "Explore Menu", href: "features" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Philosophy"
          description="We believe in transparency, quality, and sustainability in every cup."
          tabs={[
            {
              id: "sourcing",
              label: "Ethical Sourcing",
              description: "We partner directly with coffee farmers from Ethiopia, Colombia, and Peru to ensure fair trade practices and the highest quality beans. Every purchase supports sustainable farming communities."
            },
            {
              id: "roasting",
              label: "Artisan Roasting",
              description: "Our in-house roasting team carefully roasts small batches to bring out unique flavors and characteristics. Each roast is perfected through years of expertise and passion."
            },
            {
              id: "community",
              label: "Community First",
              description: "BrewCraft is more than coffee—it's a gathering place. We host events, support local artists, and create a welcoming space for everyone who walks through our doors."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659840609-ewcp8o1k.jpg"
          imageAlt="Coffee farmers in the field"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Our Signature Selection"
          description="Explore our carefully curated menu of specialty drinks and premium coffee experiences."
          tag="Featured Drinks"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",
              title: "Classic Espresso",
              description: "Pure, intense, and perfectly balanced. The foundation of all our specialty drinks.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659836068-fpqgs7hd.jpg",
              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",
              title: "Silky Cappuccino",
              description: "Creamy microfoam meets bold espresso. A timeless Italian masterpiece.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659837842-8joj7ugt.jpg",
              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",
              title: "Refreshing Cold Brew",
              description: "Smooth, cold, and naturally sweet. Perfect for warm days.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659839234-e3k6cwwc.jpg",
              imageAlt: "Ice-cold brew in glass"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "contact" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399490259-ptyv09vk.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399489339-4b0slwhc.jpg", imageAlt: "Michael Chen" },
            { id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659846877-3uoiyg39.jpg", imageAlt: "Emma Rodriguez" },
            { id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659848063-4nvq8mg9.jpg", imageAlt: "David Kim" },
            { id: "5", name: "Jessica Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659849799-pyp0klr1.jpg", imageAlt: "Jessica Lee" },
            { id: "6", name: "Marcus Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659851142-vas3wibh.jpg", imageAlt: "Marcus Thompson" }
          ]}
          cardTitle="Loved by coffee enthusiasts worldwide"
          cardTag="Customer Stories"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Visit us today or place your order online."
          animationType="reveal-blur"
          buttons={[
            { text: "Visit Us", href: "#" },
            { text: "Order Online", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="BrewCraft"
          copyrightText="© 2025 BrewCraft Coffee. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}