"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Award, Coffee, Gift, Globe, HelpCircle, Heart, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Artisan Brew"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Craft Your Perfect Cup"
          description="Experience the finest specialty coffee crafted with passion. From single-origin espresso to silky cappuccinos, every sip celebrates quality and artistry."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Coffee Crafted Daily"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Menu", href: "#menu" },
            { text: "Visit Us Today", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pdvapb"
          imageAlt="Barista pouring latte art"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
          ariaLabel="Hero section showcasing specialty coffee"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Our Story: Coffee with Heart"
          description="Founded in 2015, Artisan Brew has been dedicated to sourcing the finest coffee beans from sustainable farms worldwide. We believe every cup tells a story of craftsmanship, passion, and community connection."
          metrics={[
            { value: "50+", title: "Origin Countries" },
            { value: "10K+", title: "Happy Customers" },
            { value: "100%", title: "Ethically Sourced" }
          ]}
          useInvertedBackground={false}
          tag="Proudly Local, Globally Connected"
          tagIcon={Globe}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unem6o"
          imageAlt="Cozy coffee shop interior"
          mediaAnimation="blur-reveal"
          metricsAnimation="slide-up"
          ariaLabel="About section detailing coffee shop story"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Coffee Lovers Choose Us"
          description="We're committed to delivering an exceptional coffee experience through quality, innovation, and genuine customer care."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="What Sets Us Apart"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Learn More", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              id: 1,
              tag: "Quality First",              title: "Premium Bean Selection",              subtitle: "Carefully Curated",              description: "We partner with specialty roasters worldwide to source only the finest single-origin and blend beans, ensuring every cup exceeds expectations."
            },
            {
              id: 2,
              tag: "Expert Craft",              title: "Master Baristas",              subtitle: "Skilled Professionals",              description: "Our certified baristas bring years of training and passion to every drink, creating art in your cup with precision and care."
            },
            {
              id: 3,
              tag: "Sustainable",              title: "Ethical Sourcing",              subtitle: "Fair Trade Committed",              description: "100% of our coffee is ethically sourced from farms that prioritize environmental stewardship and fair worker compensation."
            },
            {
              id: 4,
              tag: "Community",              title: "Gathering Space",              subtitle: "More Than Coffee",              description: "Our café is designed as a welcoming hub where friends meet, professionals collaborate, and community thrives."
            }
          ]}
          ariaLabel="Features highlighting coffee shop benefits"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Signature Beverages"
          description="Discover our carefully crafted coffee selection, from classic espresso drinks to innovative seasonal specialties."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Menu Highlights"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          products={[
            {
              id: "espresso",              name: "Single Shot Espresso",              price: "$3.50",              variant: "1oz Pure",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=93r1m9",              imageAlt: "Espresso shot"
            },
            {
              id: "cappuccino",              name: "Cappuccino",              price: "$5.50",              variant: "8oz Creamy",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o6fn6f",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "cold-brew",              name: "Cold Brew",              price: "$4.75",              variant: "12oz Refreshing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ap7oi",              imageAlt: "Cold brew iced coffee"
            }
          ]}
          carouselMode="buttons"
          ariaLabel="Signature beverage menu"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Coffee Shop Membership Plans"
          description="Join our loyalty community and enjoy exclusive perks with every visit. Save more with our membership options."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Rewards Program"
          tagIcon={Gift}
          tagAnimation="slide-up"
          animationType="blur-reveal"
          plans={[
            {
              id: "casual",              tag: "Popular",              price: "Free",              period: "Always",              description: "Start enjoying member benefits today",              button: {
                text: "Join Now",                href: "#contact"
              },
              featuresTitle: "Included",              features: [
                "Member-only discounts",                "Free loyalty card",                "Birthday bonus reward",                "Seasonal special access"
              ]
            },
            {
              id: "regular",              tag: "Best Value",              price: "$9.99",              period: "per month",              description: "For coffee enthusiasts",              button: {
                text: "Subscribe Now",                href: "#contact"
              },
              featuresTitle: "All included plus",              features: [
                "Free small drink monthly",                "Priority ordering",                "Exclusive blends access",                "10% off all purchases",                "Invites to tasting events"
              ]
            },
            {
              id: "premium",              tag: "Premium",              price: "$24.99",              period: "per month",              description: "Maximum coffee lover benefits",              button: {
                text: "Go Premium",                href: "#contact"
              },
              featuresTitle: "Everything plus",              features: [
                "Free medium drink daily",                "VIP early access events",                "Personalized recommendations",                "20% off all purchases",                "Home delivery option"
              ]
            }
          ]}
          ariaLabel="Membership pricing plans"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xxwel8",              imageAlt: "Sarah Mitchell customer"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dyvd8x",              imageAlt: "James Chen customer"
            },
            {
              id: "3",              name: "Emma Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjhs5p",              imageAlt: "Emma Thompson customer"
            },
            {
              id: "4",              name: "Michael Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3sesjh",              imageAlt: "Michael Rodriguez customer"
            },
            {
              id: "5",              name: "Jessica Williams",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=951eaa",              imageAlt: "Jessica Williams customer"
            },
            {
              id: "6",              name: "David Park",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0z27it",              imageAlt: "David Park customer"
            }
          ]}
          cardTitle="Coffee Shop Love from Our Community"
          cardTag="Customer Stories"
          cardTagIcon={Heart}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials and reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Coffee Shop FAQs"
          description="Find answers to common questions about our coffee, menu, and café experience."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Quick Answers"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqsAnimation="slide-up"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "Where do you source your coffee beans?",              content: "We partner with specialty roasters and direct trade farms across Africa, South America, and Asia. All our beans are ethically sourced and traceable to their origin farms, ensuring quality and fair compensation for farmers."
            },
            {
              id: "2",              title: "Do you offer dairy-free options?",              content: "Yes! We offer oat milk, almond milk, coconut milk, and soy milk alternatives for all our espresso drinks. These are included at no extra charge."
            },
            {
              id: "3",              title: "What are your operating hours?",              content: "We're open Monday through Friday 6:00 AM - 8:00 PM, Saturday 7:00 AM - 9:00 PM, and Sunday 8:00 AM - 7:00 PM. Holiday hours may vary."
            },
            {
              id: "4",              title: "Can I bring my laptop to work?",              content: "Absolutely! We have a comfortable seating area with reliable WiFi, plenty of outlets, and a quiet atmosphere perfect for working or studying."
            },
            {
              id: "5",              title: "Do you offer catering for events?",              content: "Yes, we provide full catering services for corporate events, weddings, and private parties. Contact us at events@artisanbrew.com for custom quotes."
            },
            {
              id: "6",              title: "How can I join the loyalty program?",              content: "Membership is free to join! Simply ask for a loyalty card at the counter or sign up through our mobile app. You'll start earning rewards on your first purchase."
            }
          ]}
          ariaLabel="Frequently asked questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience craft coffee at its finest? Visit us today and join our growing community of coffee enthusiasts. Whether you're stopping by for your morning ritual or settling in for an afternoon of work, we're here to craft the perfect cup for you."
          animationType="entrance-slide"
          buttons={[
            { text: "Visit Our Café", href: "https://maps.google.com" },
            { text: "Contact Us", href: "mailto:hello@artisanbrew.com" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Contact and visit us section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Artisan Brew"
          copyrightText="© 2024 Artisan Brew Coffee Shop | All rights reserved"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#home" },
                { label: "Menu", href: "#menu" },
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Café",              items: [
                { label: "Opening Hours", href: "#hours" },
                { label: "Location", href: "https://maps.google.com" },
                { label: "Catering", href: "#catering" },
                { label: "Events", href: "#events" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Newsletter", href: "#newsletter" }
              ]
            }
          ]}
          ariaLabel="Site footer with links and information"
        />
      </div>
    </ThemeProvider>
  );
}