"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Coffee, Heart, Sparkles, Award, Star, HelpCircle, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover Premium Coffee Excellence"
          description="Handcrafted espresso drinks, artisanal pastries, and the perfect atmosphere for your morning ritual or afternoon escape."
          tag="Welcome to Brew Haven"
          tagIcon={Coffee}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg"
          imageAlt="Premium coffee being prepared"
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Your Daily Coffee Sanctuary"
          description="Since 2015, Brew Haven has been committed to sourcing the finest single-origin beans and creating meaningful connections through exceptional coffee. Our baristas are passionate about their craft, and every cup is prepared with precision and care."
          tag="About Our Coffee Shop"
          tagIcon={Heart}
          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 Brew Haven interior with customers"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Signature Menu Items"
          description="Explore our carefully curated selection of coffee drinks and pastries, each crafted to perfection."
          tag="Menu"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Brew Haven",              name: "Single Origin Espresso",              price: "$4.50",              rating: 5,
              reviewCount: "285",              imageSrc: "https://img.b2bpic.net/free-photo/hot-cappuccino-with-cookie-table_140725-6675.jpg",              imageAlt: "Single origin espresso shot"
            },
            {
              id: "2",              brand: "Brew Haven",              name: "Silky Cappuccino",              price: "$5.75",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              brand: "Brew Haven",              name: "Cold Brew Classic",              price: "$4.95",              rating: 5,
              reviewCount: "198",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-glass-latte-table-lights_181624-33499.jpg",              imageAlt: "Cold brew with ice"
            },
            {
              id: "4",              brand: "Brew Haven",              name: "Fresh Butter Croissant",              price: "$3.95",              rating: 5,
              reviewCount: "167",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-hot-coffee_658428-103.jpg",              imageAlt: "Fresh croissant pastry"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Coffee Club Memberships"
          description="Join our loyalty program and enjoy exclusive benefits with every visit."
          tag="Membership"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "1",              price: "Free",              name: "Coffee Lover",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Earn 1 point per dollar spent",                "Access to member-only events",                "Birthday coffee reward",                "Digital punch card"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$9.99/mo",              name: "Coffee Enthusiast",              buttons: [
                { text: "Subscribe Now", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Earn 2 points per dollar spent",                "Free small drink every month",                "Priority ordering",                "Exclusive tasting events",                "Free pastry on membership anniversary"
              ]
            },
            {
              id: "3",              price: "$19.99/mo",              name: "Coffee Connoisseur",              buttons: [
                { text: "Subscribe Now", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Earn 3 points per dollar spent",                "Free medium drink every week",                "VIP event access",                "Personal barista consultations",                "Free pastry every visit",                "20% discount on merchandise"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The atmosphere is warm and inviting, the coffee is consistently exceptional, and the staff genuinely cares about creating the perfect cup for you. Brew Haven has become my favorite place to start every morning."
          rating={5}
          author="Sarah Mitchell, Regular Customer"
          useInvertedBackground="noInvert"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer testimonial 1" },
            { src: "https://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", alt: "Customer testimonial 2" },
            { src: "https://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg", alt: "Customer testimonial 3" },
            { src: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", alt: "Customer testimonial 4" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our coffee, menu, and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What coffee beans do you use?",              content: "We source premium single-origin beans from sustainable farms around the world. Our current selection includes beans from Ethiopia, Colombia, and Indonesia, carefully selected for their unique flavor profiles and ethical sourcing practices."
            },
            {
              id: "2",              title: "Do you offer dairy-free options?",              content: "Yes! We offer oat milk, almond milk, and coconut milk as alternatives to dairy. All milk options are available with any of our coffee drinks at no additional charge."
            },
            {
              id: "3",              title: "What are your hours of operation?",              content: "We're open Monday through Friday from 6:00 AM to 8:00 PM, Saturday from 7:00 AM to 9:00 PM, and Sunday from 8:00 AM to 6:00 PM. We're closed on major holidays."
            },
            {
              id: "4",              title: "Can I order online for pickup?",              content: "Yes! You can order through our website or mobile app for pickup within 15 minutes. Orders are prepared fresh when you arrive, ensuring the best possible taste and temperature."
            },
            {
              id: "5",              title: "Do you have WiFi?",              content: "Absolutely! We offer complimentary high-speed WiFi to all customers. Many people work or study in our cozy spaces - we're proud to be a hub for the local community."
            },
            {
              id: "6",              title: "What's your return or refund policy?",              content: "Your satisfaction is our priority. If you're not happy with your drink, we'll remake it at no charge or provide a full refund, no questions asked."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have a question about our coffee or want to reserve a space for an event? We'd love to hear from you. Reach out today and let's brew something great together."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/office-desktop-with-laptop-business-man_23-2148174087.jpg"
          imageAlt="Contact us at Brew Haven"
          mediaPosition="right"
          buttonText="Send Message"
          inputs={[
            { name: "name", type: "text", placeholder: "Your name", required: true },
            { name: "email", type: "email", placeholder: "Your email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what's on your mind...",            rows: 5,
            required: true
          }}
        />
      </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/brewhaven", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com/brewhaven", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com/brewhaven", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}