"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Coffee, Sprout, Heart, Instagram, Facebook, Twitter, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="outline-light"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew & Co"
          navItems={[
            { name: "About", id: "about" },
            { name: "Our Process", id: "features" },
            { name: "Stories", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Freshly Roasted Coffee Crafted With Care"
          description="Experience the perfect blend of artisanal craftsmanship and sustainable sourcing. Every cup tells a story of passion and dedication to quality."
          tag="Premium Coffee"
          tagIcon={Coffee}
          buttons={[
            { text: "Visit Us Today", href: "#contact" },
            { text: "Learn Our Story", href: "#about" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797280553-15zcbmmu.jpg"
          imageAlt="Artisan coffee shop interior with espresso machine"
          frameStyle="browser"
          metricsLabel="Join thousands of coffee enthusiasts who trust our craft"
          metrics={[
            { id: "1", value: "8,500+", label: "Happy Customers" },
            { id: "2", value: "15 Years", label: "Coffee Excellence" },
            { id: "3", value: "2,000+", label: "Cups Daily" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Mission"
          description="We believe that great coffee is more than just a beverage—it's a ritual, a moment of connection, and a celebration of craftsmanship. Founded in 2009, Brew & Co has been dedicated to sourcing the finest beans from sustainable farms around the world, roasting them to perfection, and serving them with genuine care to our community."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Our Coffee Journey"
          description="From farm to cup—discover how we bring you the perfect brew"
          tag="How It Works"
          tagIcon={Sprout}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Ethical Sourcing",              description: "We partner directly with sustainable farms to ensure fair trade and premium quality beans from the world's finest coffee regions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797286363-xicobezc.jpg"
            },
            {
              id: 2,
              title: "Expert Roasting",              description: "Our master roasters carefully craft each batch to bring out unique flavor profiles and aromatic complexity that define our signature taste.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797289354-540a8m78.jpg"
            },
            {
              id: 3,
              title: "Precision Brewing",              description: "Every cup is prepared with meticulous attention to detail, temperature, and timing to deliver the perfect extraction and taste.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797291960-j6cn8o5f.jpg"
            },
            {
              id: 4,
              title: "Moment of Joy",              description: "Savor the moment as you enjoy our artisanal coffee—a reward for the care and passion we invest in every step of the process.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797293761-nsprtpfb.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Coffee Lovers Say"
          description="Join our community of passionate coffee enthusiasts who have experienced Brew & Co"
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertCard"
          animationType="slide-up"
          speed={30}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahm_coffee",              testimonial: "The quality and consistency of coffee here is unmatched. It's become my daily ritual and I can't imagine going anywhere else.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797295945-b6sijgs5.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "David Chen",              handle: "@davidcoffeelab",              testimonial: "Finally found a place that takes coffee as seriously as I do. The sourcing transparency and flavor profiles are exceptional.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797298326-wlcoo3hy.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmaeats",              testimonial: "Not just great coffee, but the warmth and expertise of the baristas makes every visit special. Highly recommended!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718427780-ebx0suhi.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "James Park",              handle: "@jamespark.design",              testimonial: "I've tried coffee from specialty shops worldwide, and Brew & Co stands among the best. Their attention to detail is remarkable.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797301646-a90d2cyz.jpg",              imageAlt: "James Park"
            },
            {
              id: "5",              name: "Lisa Anderson",              handle: "@lisaanderson.writer",              testimonial: "The perfect place to work or meet friends. Great coffee, beautiful ambiance, and genuinely friendly staff.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797303657-3hkdwbsi.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "Michael Torres",              handle: "@microtorres",              testimonial: "Switched from chain cafes and never looked back. The difference in quality is night and day. Worth every penny.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767797305573-wcabmwqy.jpg",              imageAlt: "Michael Torres"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready for your perfect cup? Join our community."
          inputPlaceholder="Enter your email to get updates"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
          animationType="background-highlight"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Brew & Co"
          copyrightText="© Brew & Co Coffee Roastery, 2025. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Products",              items: [
                { label: "Coffee Beans", href: "#" },
                { label: "Equipment", href: "#" },
                { label: "Merchandise", href: "#" },
                { label: "Subscriptions", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Visit Shop", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          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" },
            { icon: MapPin, href: "#", ariaLabel: "Location" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}