"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Brew & Threads"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Shop", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo 
          logoText="BREW & THREADS"
          description="Premium coffee and exclusive merchandise for cafe lovers. Visit us for artisanal brews and quality apparel."
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          slides={[
            { 
              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 cafe interior" 
            },
            { 
              imageSrc: "https://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg", 
              imageAlt: "Professional barista making coffee" 
            },
            { 
              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", 
              imageAlt: "Beautiful latte in cup" 
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout 
          heading={[
            { type: "text", content: "Community-driven coffee and" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", alt: "Our welcoming cafe" },
            { type: "text", content: "lifestyle brand since 2015" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Us", href: "contact" },
            { text: "Explore Products", href: "products" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree 
          title="Shop Our Collection"
          description="Discover our handpicked selection of premium coffee and exclusive cafe merchandise."
          products={[
            {
              id: "1",              name: "Single-Origin Espresso Blend",              price: "$16.99",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg",              imageAlt: "Premium coffee beans",              initialQuantity: 1
            },
            {
              id: "2",              name: "Brew & Threads Classic Tee",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2309.jpg",              imageAlt: "Classic cafe t-shirt",              initialQuantity: 1
            },
            {
              id: "3",              name: "Limited Edition Graphic Tee",              price: "$26.99",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2308.jpg",              imageAlt: "Limited edition t-shirt design",              initialQuantity: 1
            },
            {
              id: "4",              name: "Ceramic Coffee Mug",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/fragrant-freshly-roasted-coffee-beans-are-scattered-from-jar-onto-countertop-copy-space-banner-closeup-selective-focus_166373-2310.jpg",              imageAlt: "Branded ceramic mug",              initialQuantity: 1
            }
          ]}
          gridVariant="asymmetric-60-wide-40-narrow"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Customers Love"
          description="Real feedback from our loyal cafe community and customers."
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Regular Customer",              company: "Marketing Professional",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Cafe Enthusiast",              company: "Tech Industry",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Local Community",              company: "Artist & Designer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "James Wilson",              role: "Daily Customer",              company: "Finance",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "5",              name: "Olivia Martinez",              role: "Merchandise Fan",              company: "Fashion Blogger",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Olivia Martinez"
            },
            {
              id: "6",              name: "David Lee",              role: "Coffee Connoisseur",              company: "Specialty Roaster",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Lee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our coffee, merchandise, or cafe? We'd love to hear from you."
          ctaButton={{ text: "Contact Us", href: "mailto:hello@brewandthreads.com" }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",              title: "What coffee beans do you use?",              content: "We source our beans from sustainable, single-origin farms around the world. Each blend is carefully roasted in-house to ensure maximum freshness and flavor."
            },
            {
              id: "2",              title: "Can I order coffee online?",              content: "Yes! You can browse our entire coffee collection and merchandise in the Shop section and have everything shipped directly to your door with fast, reliable delivery."
            },
            {
              id: "3",              title: "Are your t-shirts made ethically?",              content: "All our merchandise is produced by ethical manufacturers using sustainable materials. We're committed to fair labor practices and environmental responsibility."
            },
            {
              id: "4",              title: "What are your cafe hours?",              content: "We're open Monday through Friday 6am-7pm, Saturday 7am-8pm, and Sunday 8am-6pm. Stop by for your morning brew or afternoon coffee break!"
            },
            {
              id: "5",              title: "Do you offer wholesale or bulk orders?",              content: "Absolutely! We'd love to work with you. Please reach out at wholesale@brewandthreads.com for bulk coffee orders or merchandise inquiries."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Brew & Threads"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Coffee Beans", href: "products" },
                { label: "Merchandise", href: "products" },
                { label: "Gift Sets", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "about" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "contact" },
                { label: "Shipping Info", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Newsletter", href: "mailto:subscribe@brewandthreads.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Brew & Threads. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}