"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Coffee, Heart, Sparkles, Award, Zap, Users, Star, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="dotGrid"
      cardStyle="shadow-colored"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Coffee Haven"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "menu" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Welcome to Coffee Haven"
          description="Discover the perfect blend of quality coffee, warm ambiance, and exceptional service. Your daily ritual starts here."
          tag="Premium Coffee Experience"
          tagIcon={Coffee}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669015646-9yvg8735.jpg", imageAlt: "Fresh coffee cup" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669016628-u6r0ui2g.jpg", imageAlt: "Latte with latte art" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669017751-sk3pofwl.jpg", imageAlt: "Cozy coffee shop interior" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669019097-mqjd86db.jpg", imageAlt: "Roasted coffee beans" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669020152-7lol4evi.jpg", imageAlt: "Cappuccino with foam" }
          ]}
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="Crafted with passion, served with love since 2015"
          description="Founded by coffee enthusiasts"
          subdescription="Coffee Haven Team"
          icon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669026805-anjkh3w2.jpg"
          imageAlt="Coffee shop owner smiling"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwenty
          title="Why Coffee Haven Stands Out"
          description="We combine premium quality with warm hospitality. Every cup tells a story of craftsmanship and care."
          tag="Quality & Comfort"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            { id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669041276-fguyqy8w.jpg", imageAlt: "Cozy coffee shop seating area" },
            { id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669021338-6cglakbb.jpg", imageAlt: "Professional espresso machine" },
            { id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669042552-5p0eizvv.jpg", imageAlt: "Fresh pastries and baked goods" },
            { id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669028021-fyca4xn0.jpg", imageAlt: "Friendly barista serving customer" }
          ]}
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>
      
      <div id="menu" data-section="menu">
        <ProductCardFive
          title="Signature Menu"
          description="Expertly crafted coffee drinks made fresh to order. Each cup is a masterpiece."
          tag="Featured Drinks"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            { id: "1", button: { text: "Order", href: "contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669022418-03atn9ft.jpg", imageAlt: "Double espresso shot" },
            { id: "2", button: { text: "Order", href: "contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669023633-svn01mua.jpg", imageAlt: "Americano coffee" },
            { id: "3", button: { text: "Order", href: "contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669024641-xdzx7wx8.jpg", imageAlt: "Creamy latte" },
            { id: "4", button: { text: "Order", href: "contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669025552-45dtt24c.jpg", imageAlt: "Cappuccino with foam" }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardFive
          title="By The Numbers"
          description="Our impact and commitment to excellence"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            { id: "1", value: "9+ Years", description: "Serving our community with passion and dedication" },
            { id: "2", value: "50K+", description: "Happy customers who return every week for our coffee" },
            { id: "3", value: "1000+", description: "Cups served daily, each one crafted with care" },
            { id: "4", value: "100%", description: "Ethically sourced beans from sustainable farms" }
          ]}
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Passionate coffee experts dedicated to your perfect cup"
          tag="Our Family"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          team={[
            { id: "1", name: "Marco", role: "Head Barista", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669029447-iq86abdx.jpg", imageAlt: "Marco, Head Barista" },
            { id: "2", name: "Sofia", role: "Coffee Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669030602-ipjyfwwf.jpg", imageAlt: "Sofia, Coffee Specialist" },
            { id: "3", name: "James", role: "Shop Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669032112-5cg750ll.jpg", imageAlt: "James, Shop Manager" },
            { id: "4", name: "Anna", role: "Pastry Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669033364-oshgsamg.jpg", imageAlt: "Anna, Pastry Chef" }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Loved By Our Community"
          description="See what our customers have to say about their Coffee Haven experience"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            { id: "1", quote: "The best coffee in town! Marco knows exactly how I like my cappuccino. Been coming here every morning for 3 years.", name: "Sarah Johnson", role: "Marketing Executive", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669034213-n2gj580y.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", quote: "Amazing ambiance, great coffee, and the most friendly staff. This is my go-to spot for meetings and relaxation.", name: "David Chen", role: "Entrepreneur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669035719-20a02jvo.jpg", imageAlt: "David Chen" },
            { id: "3", quote: "The pastries are fresh, the coffee is perfect, and the atmosphere is so welcoming. Highly recommend!", name: "Emma Wilson", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669036888-24ggosyd.jpg", imageAlt: "Emma Wilson" },
            { id: "4", quote: "Coffee Haven has become my second home. The quality and consistency of their drinks is unmatched.", name: "Michael Rodriguez", role: "Writer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669037861-8c9q5pt8.jpg", imageAlt: "Michael Rodriguez" },
            { id: "5", quote: "Perfect place to start the day. Every visit feels special because of the care they put into every detail.", name: "Jessica Lee", role: "Freelancer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669038788-czu64t2n.jpg", imageAlt: "Jessica Lee" },
            { id: "6", quote: "The staff remembers my order and greets me like family. That's the kind of service that keeps me coming back.", name: "Thomas Anderson", role: "Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669039646-db21w9j9.jpg", imageAlt: "Thomas Anderson" }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get Updates & Special Offers"
          description="Subscribe to our newsletter for weekly specials, new drink launches, and coffee tips from our baristas."
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just great coffee news."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Location",
              items: [
                { label: "123 Main Street, Downtown" },
                { label: "Open Mon-Fri: 6am-8pm" },
                { label: "Sat-Sun: 8am-6pm" }
              ]
            },
            {
              title: "Quick Links",
              items: [
                { label: "Menu", href: "menu" },
                { label: "About", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Follow Us",
              items: [
                { label: "Facebook" },
                { label: "Instagram" },
                { label: "Twitter" }
              ]
            }
          ]}
          copyrightText="© 2024 Coffee Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
