"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TagAbout from '@/components/sections/about/TagAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Coffee, MapPin, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="large"
      sizing="medium"
      background="radialGradient"
      cardStyle="solid-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146064529-il0c9waa.jpg"
          logoAlt="Coffee Shop Logo"
          brandName="Brew Haven"
          button={{
            text: "Order Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Welcome to Brew Haven"
          description="Experience exceptional coffee crafted with passion. From single-origin espresso to creamy cappuccinos, discover your perfect cup."
          tag="Premium Coffee"
          tagIcon={Coffee}
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148843618-tezc44y2.jpg",
              alt: "Coffee barista"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148376921-o1ayglfn.jpg",
              alt: "Happy customer"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148847728-da1hgl6q.jpg",
              alt: "Coffee lover"
            }
          ]}
          avatarText="Loved by 1,200+ coffee enthusiasts"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148843618-tezc44y2.jpg"
          imageAlt="Premium coffee cup"
          imagePosition="right"
          buttons={[
            {
              text: "Explore Menu",
              href: "#products"
            },
            {
              text: "Reserve Table",
              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="Founded in 2020, Brew Haven started with a simple mission: bring exceptional coffee culture to our community. We source the finest beans from sustainable farms worldwide and roast them to perfection in-house. Every cup is crafted with care and expertise."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Signature Collection"
          description="Our most loved coffee blends"
          products={[
            {
              id: "1",
              brand: "Brew Haven",
              name: "Dark Roast Espresso",
              price: "$4.95",
              rating: 5,
              reviewCount: "342",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148844862-r0xxbt17.jpg",
              imageAlt: "Dark roast espresso cup"
            },
            {
              id: "2",
              brand: "Brew Haven",
              name: "Silky Cappuccino",
              price: "$5.45",
              rating: 5,
              reviewCount: "287",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148372713-8z4egryp.jpg",
              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",
              brand: "Brew Haven",
              name: "Cold Brew Concentrate",
              price: "$6.50",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148845897-91g9sak5.jpg",
              imageAlt: "Cold brew iced coffee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          title="Why Choose Brew Haven"
          description="Discover what makes us special"
          features={[
            {
              id: 1,
              title: "Single-Origin Sourcing",
              description: "We carefully select and import beans from the finest coffee farms across Africa, South America, and Asia. Each origin offers unique flavor profiles and characteristics.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148856033-633nkn1s.jpg"
            },
            {
              id: 2,
              title: "Expert Baristas",
              description: "Our team is trained and certified with years of experience. Every drink is prepared with precision, passion, and attention to detail.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148858048-jaqr1jfe.jpg"
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Customers Say"
          description="Join thousands who experience the Brew Haven difference"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Johnson, Marketing Director",
              quote: "The best coffee I've ever had. The atmosphere is incredible and the baristas really know their craft. It's my daily go-to spot.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148848730-ka6c12ix.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Software Developer",
              quote: "Perfect place to work and get inspired. Excellent WiFi, comfortable seating, and consistently amazing coffee. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148850281-uw7z6l5c.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Emma Rodriguez, Freelancer",
              quote: "The cold brew is outstanding. I appreciate the sustainability focus and the team's genuine passion for quality coffee.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148851999-ifkobli9.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              nameTitle: "David Kim, Entrepreneur",
              quote: "This is more than a coffee shop. It's a community hub where great minds meet. The attention to detail is remarkable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148853190-uysyg0eo.jpg",
              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Visit Us Today"
          ctaDescription="Stop by and experience the Brew Haven difference in person. Our team is ready to craft your perfect cup."
          ctaButton={{
            text: "Get Directions",
            href: "#"
          }}
          ctaIcon={MapPin}
          faqs={[
            {
              id: "1",
              title: "What are your opening hours?",
              content: "We're open Monday to Friday from 6:00 AM to 8:00 PM, Saturday from 8:00 AM to 9:00 PM, and Sunday from 8:00 AM to 7:00 PM."
            },
            {
              id: "2",
              title: "Do you offer online ordering?",
              content: "Yes! You can order online through our website for pickup or delivery within our service area. Orders are ready in 15-20 minutes."
            },
            {
              id: "3",
              title: "Can I host events at your shop?",
              content: "Absolutely. We have a private event space available for up to 30 people. Contact us for details and availability."
            },
            {
              id: "4",
              title: "Do you sell beans for home brewing?",
              content: "Yes! We offer whole beans and ground coffee from our signature collection and featured single-origins. Ask our baristas for recommendations."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven 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>
  );
}