"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Flame, Zap, Coffee, Globe, Award, Calendar, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "hero"},
            {name: "About", id: "about"},
            {name: "Products", id: "products"},
            {name: "Contact", id: "contact"},
            {name: "Menu", id: "https://example.com/menu"}
          ]}
          brandName="BREW"
          bottomLeftText="Coffee Craft Community"
          bottomRightText="hello@brewcoffee.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCarouselLogo 
          logoText="BREW"
          description="Artisanal coffee crafted with passion. Experience the perfect balance of flavor, quality, and warmth in every cup."
          buttons={[
            {text: "Order Now", href: "products"},
            {text: "Learn More", href: "about"}
          ]}
          slides={[
            {imageSrc: "https://img.b2bpic.net/free-photo/hot-latte-coffee-cup_1339-4032.jpg", imageAlt: "Fresh coffee latte"},
            {imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-glass-with-croissant-wooden-tray_23-2147908384.jpg", imageAlt: "Barista pouring espresso"},
            {imageSrc: "https://img.b2bpic.net/free-photo/glass-cup-latte-with-latte-art-cafeteria_23-2148209233.jpg", imageAlt: "Coffee beans close-up"}
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextSplitAbout 
          title="Our Story"
          description={[
            "Founded in 2015, BREW Coffee began as a passion project by two coffee enthusiasts committed to bringing exceptional, ethically-sourced coffee to our community. We believe in transparency, sustainability, and the art of perfect extraction.",            "Every bean is carefully selected from sustainable farms, roasted in small batches to preserve flavor complexity, and served by skilled baristas who understand the craft. We're not just serving coffee—we're cultivating a community where coffee lovers connect, create, and celebrate the simple joy of a perfect cup."
          ]}
          buttons={[
            {text: "View Our Menu", href: "products"}
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne 
          title="Featured Coffee Selection"
          description="Discover our signature blends and single-origin selections, expertly roasted to highlight unique flavor profiles."
          tag="Bestsellers"
          tagIcon={Flame}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {id: "1", name: "Espresso Intenso", price: "$5.99", imageSrc: "https://img.b2bpic.net/free-photo/espresso-cup-grey-background_1220-7376.jpg", imageAlt: "Rich espresso shot"},
            {id: "2", name: "Silky Cappuccino", price: "$6.49", imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg", imageAlt: "Cappuccino with latte art"},
            {id: "3", name: "Black Americano", price: "$4.99", imageSrc: "https://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244082.jpg", imageAlt: "Bold black americano"}
          ]}
          carouselMode="buttons"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne 
          title="By The Numbers"
          description="Our impact and growth in the specialty coffee industry"
          tag="Milestones"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {id: "1", value: "50K", title: "Cups Served", description: "Happy customers yearly", icon: Coffee},
            {id: "2", value: "12", title: "Origins", description: "Single-origin bean sources", icon: Globe},
            {id: "3", value: "98%", title: "Satisfaction", description: "Customer satisfaction rate", icon: Award},
            {id: "4", value: "9", title: "Years", description: "In the specialty coffee game", icon: Calendar}
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix 
          title="What Coffee Lovers Say"
          description="Real feedback from our valued community of coffee enthusiasts"
          tag="Customer Love"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {id: "1", name: "Sarah Mitchell", handle: "@sarahloves.coffee", testimonial: "The quality of beans and the expertise of the baristas make every visit special. This is my go-to spot!", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Mitchell"},
            {id: "2", name: "James Chen", handle: "@coffee_enthusiast", testimonial: "Finally found a place that takes coffee seriously. The single-origin Ethiopian is absolutely phenomenal.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", imageAlt: "James Chen"},
            {id: "3", name: "Emma Rodriguez", handle: "@emma.creates", testimonial: "Not only great coffee but an amazing community. I've made so many friends here over the years.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg", imageAlt: "Emma Rodriguez"},
            {id: "4", name: "David Park", handle: "@dev.coffee", testimonial: "As someone who works remotely, BREW has become my second office. Perfect atmosphere and WiFi!", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "David Park"},
            {id: "5", name: "Lisa Thompson", handle: "@lisa.designs", testimonial: "The dedication to sustainability and fair trade practices really aligns with my values. Love supporting BREW.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-charming-casual-girl-joyfully-looking-camera-isolated_574295-3854.jpg", imageAlt: "Lisa Thompson"},
            {id: "6", name: "Marcus Wright", handle: "@marcus.barista", testimonial: "The team here knows coffee inside and out. Always learning something new with every visit.", imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "Marcus Wright"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitText 
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about BREW Coffee, our products, and our community."
          textPosition="left"
          animationType="smooth"
          useInvertedBackground="invertDefault"
          faqs={[
            {id: "1", title: "Where do your coffee beans come from?", content: "We source beans from sustainable farms across Ethiopia, Colombia, Kenya, and Peru. Each origin is carefully selected for its unique flavor profile and commitment to fair trade practices."},
            {id: "2", title: "What roast level is best for espresso?", content: "Our espresso blends are medium to dark roasted to bring out body and sweetness. However, light roasts work beautifully too if you prefer origin-forward flavors. We recommend trying both to find your preference!"},
            {id: "3", title: "Do you offer wholesale options?", content: "Yes! We offer wholesale pricing for restaurants, offices, and specialty retailers. Contact hello@brewcoffee.com to discuss bulk orders and partnership opportunities."},
            {id: "4", title: "Are your cups recyclable?", content: "We use compostable cups made from plant-based materials. We also encourage customers to bring reusable cups for a small discount on any beverage."},
            {id: "5", title: "What's your WiFi password?", content: "WiFi is complimentary for all customers! Ask any barista for the password when you visit. We're proud to be a welcoming space for freelancers, students, and coffee lovers."}
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to experience exceptional coffee? Visit us today, order online, or get in touch with questions. We'd love to welcome you to the BREW community."
          animationType="entrance-slide"
          buttons={[
            {text: "Visit Us Today", href: "https://maps.example.com"},
            {text: "Get in Touch", href: "contact"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal 
          logoText="BREW"
          logoLineHeight={1.2}
        />
      </div>
    </ThemeProvider>
  );
}