"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart, Leaf, Award, Globe, Coffee, Users, CheckCircle, Star, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="BrewCo"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="BrewCo Coffee"
          description="Handcrafted specialty coffee beverages made with passion. Experience the perfect blend of quality beans, expert baristas, and warm hospitality in every cup."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg"
          imageAlt="BrewCo Coffee Shop Interior"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story"
          description="Founded in 2018, BrewCo started as a passion project from a group of coffee enthusiasts dedicated to bringing the finest specialty coffee experience to our community. We source our beans from ethical, sustainable farms around the world and roast them in-house to ensure maximum freshness and flavor."
          tag="About Us"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Single-Origin Selection",              description: "We carefully select and roast beans from specific regions to highlight unique flavor profiles",              icon: Leaf
            },
            {
              title: "Expert Baristas",              description: "Our team is trained in precision coffee preparation with years of combined experience",              icon: Award
            },
            {
              title: "Sustainable Sourcing",              description: "100% ethically sourced beans from fair-trade certified farms worldwide",              icon: Globe
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Premium coffee beans"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Drinks"
          description="Discover our signature coffee creations, crafted with precision and passion"
          tag="Best Sellers"
          tagIcon={Coffee}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Classic Espresso",              price: "$3.50",              variant: "Single, Double, Triple Shot",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg",              imageAlt: "Classic Espresso Shot"
            },
            {
              id: "2",              name: "Signature Latte",              price: "$5.25",              variant: "Whole Milk, Oat, Almond",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg",              imageAlt: "Signature Latte with Latte Art"
            },
            {
              id: "3",              name: "Iced Cold Brew",              price: "$4.75",              variant: "Original, Vanilla, Caramel",              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",              imageAlt: "Refreshing Cold Brew"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="By The Numbers"
          description="Our impact and commitment to coffee excellence"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Happy Customers",              description: "Coffee lovers served annually",              icon: Users
            },
            {
              id: "2",              value: "12",              title: "Origins",              description: "Coffee sourced from countries",              icon: Globe
            },
            {
              id: "3",              value: "100%",              title: "Ethical",              description: "Fair-trade certified sourcing",              icon: CheckCircle
            },
            {
              id: "4",              value: "7",              title: "Years",              description: "Of craft coffee excellence",              icon: Award
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real experiences from our coffee community"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Maria Santos",              role: "Regular Customer",              testimonial: "BrewCo has become my daily ritual. The quality and consistency of their coffee is unmatched. Every barista treats coffee-making like an art form.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Maria Santos"
            },
            {
              id: "2",              name: "James Mitchell",              role: "Coffee Enthusiast",              testimonial: "I've visited coffee shops across the world, and BrewCo stands among the finest. Their single-origin selections are exceptional and showcase real craftsmanship.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "3",              name: "Emma Chen",              role: "Local Business Owner",              testimonial: "Not only is the coffee phenomenal, but the atmosphere and community vibe at BrewCo make it the perfect place to work or meet friends. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emma Chen"
            },
            {
              id: "4",              name: "David Thompson",              role: "Coffee Professional",              testimonial: "As someone who understands coffee, I'm impressed with BrewCo's commitment to quality. Their sourcing practices and brewing techniques are industry-leading.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about BrewCo"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What coffee beans do you use?",              content: "We source 100% ethically-sourced, fair-trade coffee beans from carefully selected farms across 12 countries. We roast all our beans in-house daily to ensure peak freshness and flavor."
            },
            {
              id: "2",              title: "Do you offer decaffeinated options?",              content: "Absolutely! We offer decaffeinated versions of all our signature drinks using the same premium beans as our regular coffee. Our decaf is water-processed to maintain flavor integrity."
            },
            {
              id: "3",              title: "Can I order coffee for delivery?",              content: "Yes! We partner with local delivery services for orders within our service area. For the best experience, we recommend visiting us in person or calling ahead for pickup orders."
            },
            {
              id: "4",              title: "Do you have non-coffee drinks?",              content: "We offer a full range of specialty teas, hot chocolate, and refreshing smoothies crafted with the same attention to quality as our coffee beverages."
            },
            {
              id: "5",              title: "Are your cups and packaging sustainable?",              content: "Yes, we use 100% compostable cups and lids made from plant-based materials. We also encourage customers to bring reusable cups for a $0.50 discount."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience craft coffee like never before? Visit us today and join our community of coffee lovers."
          animationType="reveal-blur"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Visit Us",              href: "#"
            },
            {
              text: "Contact Us",              href: "#"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Products", href: "#products" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            },
            {
              title: "Info",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 BrewCo Coffee. All rights reserved."
          bottomRightText="Crafted with passion for coffee lovers"
        />
      </div>
    </ThemeProvider>
  );
}