"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Coffee, Flame, Sparkles, Star, ExternalLink, Mail, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Artisan Brew"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroPersonalLinks
          background={{ variant: "plain" }}
          title="Discover Your Perfect Cup"
          socialLinks={[
            { icon: ExternalLink, label: "Instagram", href: "https://instagram.com" },
            { icon: ExternalLink, label: "Facebook", href: "https://facebook.com" },
            { icon: Mail, label: "Email", href: "mailto:hello@artisanbrew.com" }
          ]}
          linkCards={[
            {
              icon: Coffee,
              title: "Explore Our Menu",              description: "Discover our carefully curated selection of specialty coffee drinks, each crafted with precision and passion.",              button: { text: "View Menu", href: "#menu" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ye71w5",              imageAlt: "Coffee menu showcase"
            },
            {
              icon: Flame,
              title: "Visit Our Shop",              description: "Experience the warm atmosphere of our specialty coffee shop. Meet our expert baristas and enjoy premium coffee.",              button: { text: "Directions", href: "#contact" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gxkise",              imageAlt: "Cozy coffee shop interior"
            },
            {
              icon: Sparkles,
              title: "Bean Selection",              description: "Learn about our single-origin beans from sustainable farms across Ethiopia, Colombia, and Guatemala.",              button: { text: "Learn More", href: "#about" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9qkj3",              imageAlt: "Premium coffee beans"
            }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section featuring personal links to coffee experiences"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Coffee Story"
          description="We source premium beans from sustainable farms across Ethiopia, Colombia, and Guatemala. Each blend is carefully roasted in-house to bring out unique flavor profiles that coffee enthusiasts appreciate."
          tag="Sourced with Care"
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9qkj3"
          imageAlt="Coffee sourcing from origin farms"
          imagePosition="right"
          mediaAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Single-Origin Beans",              description: "Carefully selected from the world's finest coffee regions",              icon: Coffee
            },
            {
              title: "Small Batch Roasting",              description: "Roasted fresh daily to preserve optimal flavor and aroma",              icon: Flame
            },
            {
              title: "Expert Baristas",              description: "Trained professionals dedicated to crafting your perfect cup",              icon: Sparkles
            }
          ]}
          ariaLabel="About section highlighting coffee sourcing and quality"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Signature Menu"
          description="Explore our carefully curated selection of specialty coffee drinks, each crafted with precision and passion."
          tag="Featured Drinks"
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "espresso",              name: "Single Shot Espresso",              price: "$3.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ye71w5",              imageAlt: "Premium espresso shot"
            },
            {
              id: "americano",              name: "Americano",              price: "$4.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga87kq",              imageAlt: "Classic americano coffee"
            },
            {
              id: "latte",              name: "Creamy Latte",              price: "$5.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lmu4l5",              imageAlt: "Specialty latte with art"
            }
          ]}
          ariaLabel="Product section showcasing signature coffee drinks"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="Trusted by thousands of coffee lovers who appreciate quality and craftsmanship."
          tag="Our Impact"
          tagAnimation="slide-up"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "customers", value: "8,500+", description: "Happy Coffee Lovers" },
            { id: "beans", value: "50+", description: "Varieties Available" },
            { id: "years", value: "12", description: "Years of Excellence" },
            { id: "daily", value: "500+", description: "Cups Served Daily" }
          ]}
          ariaLabel="Metrics section displaying coffee shop statistics"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real experiences from coffee enthusiasts who have discovered their favorite brew with us."
          tag="Customer Stories"
          tagAnimation="slide-up"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Mitchell",              role: "Coffee Enthusiast",              testimonial: "The quality and consistency of every cup is exceptional. I've tried countless coffee shops, but Artisan Brew truly stands out with their attention to detail.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7daqdu",              imageAlt: "Sarah Mitchell",              icon: Star
            },
            {
              id: "testimonial-2",              name: "James Rodriguez",              role: "Regular Customer",              testimonial: "Their baristas know exactly how to prepare my order. The warm atmosphere and premium coffee make it my perfect morning destination.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rd6t8",              imageAlt: "James Rodriguez",              icon: Star
            },
            {
              id: "testimonial-3",              name: "Emma Watson",              role: "Coffee Connoisseur",              testimonial: "I appreciate the transparency in sourcing and the educational approach to coffee. Every visit teaches me something new about specialty brewing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h9364l",              imageAlt: "Emma Watson",              icon: Star
            },
            {
              id: "testimonial-4",              name: "Michael Chen",              role: "Business Professional",              testimonial: "The perfect spot for meetings. Great wifi, outstanding coffee, and a professional yet welcoming environment. Highly recommended!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ftvq0v",              imageAlt: "Michael Chen",              icon: Star
            },
            {
              id: "testimonial-5",              name: "Lisa Anderson",              role: "Coffee Artist",              testimonial: "The latte art here is incredible. Their baristas are true craftspeople who take pride in every cup they create.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w78qon",              imageAlt: "Lisa Anderson",              icon: Star
            },
            {
              id: "testimonial-6",              name: "David Brooks",              role: "Loyal Customer",              testimonial: "Been coming here for three years. The consistency in quality, friendly service, and commitment to excellence keeps me coming back.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aostn5",              imageAlt: "David Brooks",              icon: Star
            }
          ]}
          ariaLabel="Testimonials section with customer reviews"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Featured In"
          description="Recognized by leading coffee publications and organizations for our commitment to quality."
          tag="Industry Recognition"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Coffee Monthly",            "Specialty Coffee Association",            "Bean Magazine",            "Brew Masters Journal",            "Artisan Coffee Guide",            "Premium Roasters Network",            "Coffee Culture Today"
          ]}
          showCard={true}
          speed={40}
          ariaLabel="Social proof section with coffee industry recognition"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our coffee, brewing methods, and services."
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "faq-1",              title: "What coffee beans do you use?",              content: "We source single-origin beans from sustainable farms in Ethiopia, Colombia, Guatemala, and Kenya. Each origin brings unique flavor characteristics that we carefully select and roast to perfection."
            },
            {
              id: "faq-2",              title: "How fresh is your coffee?",              content: "Our beans are roasted in small batches daily. We recommend using coffee within 3-4 weeks of roasting for optimal flavor. All our beverages are made with freshly roasted beans."
            },
            {
              id: "faq-3",              title: "Do you offer decaffeinated options?",              content: "Yes, we offer premium decaffeinated options using the Swiss water process, which preserves flavor while removing caffeine. Ask our baristas for recommendations."
            },
            {
              id: "faq-4",              title: "Can I purchase beans to brew at home?",              content: "Absolutely! We sell whole beans and grounds for various brewing methods. Our staff can help you choose the perfect roast and grind for your home setup."
            },
            {
              id: "faq-5",              title: "Do you have a loyalty program?",              content: "Yes! Purchase a loyalty card or join our digital membership program to earn rewards with every visit. Members get exclusive discounts and early access to limited editions."
            }
          ]}
          ariaLabel="FAQ section with common coffee shop questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Visit Us Today"
          description="Join us for an exceptional coffee experience. Drop by our shop or reach out with any questions. We'd love to meet you!"
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          mediaAnimation="opacity"
          mediaPosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gxkise"
          imageAlt="Cozy coffee shop interior"
          inputPlaceholder="Enter your email for updates"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive updates about new blends, events, and exclusive offers."
          ariaLabel="Contact section with subscription form"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Sourcing", href: "#about" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Coffee Drinks", href: "#menu" },
                { label: "Pastries", href: "#" },
                { label: "Merchandise", href: "#" },
                { label: "Seasonal Blends", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Location",              items: [
                { label: "123 Main Street", href: "#" },
                { label: "Phone: (555) 123-4567", href: "tel:5551234567" },
                { label: "Mon-Fri: 6am-8pm", href: "#" },
                { label: "Sat-Sun: 7am-9pm", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Artisan Brew Coffee. All rights reserved."
          ariaLabel="Footer section with navigation and information"
        />
      </div>
    </ThemeProvider>
  );
}