"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          title="Exceptional Coffee for Exceptional People"
          description="Discover our carefully curated selection of single-origin beans, freshly roasted daily and expertly prepared by our skilled baristas."
          tag="Artisan Coffee"
          buttons={[
            { text: "Explore Menu", href: "menu" },
            { text: "Visit Us", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674459143-ttfccs26.jpg"
          imageAlt="Fresh coffee being prepared"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Coffee Story"
          description="We believe that coffee is more than a beverage—it's a ritual, a moment of pause in a busy day. Since 2015, we've been dedicated to sourcing the finest beans from sustainable farms around the world."
          tag="Our Mission"
          bulletPoints={[
            {
              title: "Premium Quality",
              description: "Direct trade relationships with ethical farms ensure the highest quality beans"
            },
            {
              title: "Expert Craftsmanship",
              description: "Our certified baristas bring decades of combined experience to every cup"
            },
            {
              title: "Sustainable Practices",
              description: "We're committed to environmentally responsible sourcing and packaging"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669021338-6cglakbb.jpg"
          imageAlt="Coffee beans close-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSix
          title="Our Menu"
          description="Handcrafted beverages made with precision and passion"
          tag="Featured Items"
          products={[
            {
              id: "1",
              name: "Single Origin Espresso",
              price: "$4.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669020152-7lol4evi.jpg",
              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",
              name: "Silky Cappuccino",
              price: "$5.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669024641-xdzx7wx8.jpg",
              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "3",
              name: "Cold Brew Delight",
              price: "$5.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669025552-45dtt24c.jpg",
              imageAlt: "Refreshing cold brew coffee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="What Sets Us Apart"
          description="Experience the difference quality and passion make"
          tag="Why Choose Brew"
          features={[
            {
              id: "01",
              title: "Fresh Roasted Daily",
              description: "We roast our beans in-house each morning to ensure maximum freshness and flavor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674460381-m948in5s.jpg",
              imageAlt: "Coffee beans roasting process"
            },
            {
              id: "02",
              title: "Cozy Ambiance",
              description: "Perfect environment for work, studying, or simply enjoying a moment of peace",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674462097-0lv00l3h.jpg",
              imageAlt: "Inviting cafe interior with comfortable seating"
            },
            {
              id: "03",
              title: "Expert Baristas",
              description: "Our team is trained in the art and science of coffee preparation",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674462972-nmxa25jq.jpg",
              imageAlt: "Professional barista crafting coffee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real stories from people who love our coffee"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Regular Customer",
              date: "Date: 15 February 2025",
              title: "Best coffee in town!",
              quote: "I've tried every coffee shop in the city, and this is hands down the best. The quality is incredible and the baristas really know their craft. I'm here almost every morning.",
              tag: "Coffee Enthusiast",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674464466-np1lmmwz.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674460381-m948in5s.jpg"
            },
            {
              id: "2",
              name: "James Rodriguez, Remote Worker",
              date: "Date: 12 February 2025",
              title: "Perfect workspace",
              quote: "Found my new favorite work spot. Great WiFi, comfortable seating, and the coffee is exceptional. The atmosphere is inspiring and the staff is always friendly.",
              tag: "Daily Visitor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669026805-anjkh3w2.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674462097-0lv00l3h.jpg"
            },
            {
              id: "3",
              name: "Emma Chen, Coffee Connoisseur",
              date: "Date: 10 February 2025",
              title: "Truly exceptional quality",
              quote: "As someone who appreciates fine coffee, I'm impressed by their single-origin selection and the care they put into each preparation. Worth every penny.",
              tag: "Coffee Expert",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674465905-de5b00fc.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674462972-nmxa25jq.jpg"
            },
            {
              id: "4",
              name: "Michael Thompson, Café Patron",
              date: "Date: 08 February 2025",
              title: "A gem in the neighborhood",
              quote: "This place is exactly what our community needed. The dedication to quality and sustainability is evident in everything they do. Highly recommended!",
              tag: "Community Member",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766674467723-wyjk0zbz.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669024641-xdzx7wx8.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Visit us today or get in touch for catering and special orders."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "contact" },
            { text: "View Location", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Brew"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Menu",
              items: [
                { label: "Coffee", href: "menu" },
                { label: "Tea", href: "#" },
                { label: "Pastries", href: "#" }
              ]
            },
            {
              title: "Visit",
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          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"
            }
          ]}
          copyrightText="© Brew Coffee Shop, 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}