"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import TestimonialCardFour from '@/components/sections/testimonial/TestimonialCardFour';
import { Coffee, Leaf, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="dotGrid"
      cardStyle="outline-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Pei Chai"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Savor the Perfect Cup"
          description="Experience premium specialty coffee crafted with passion and expertise. Every cup tells a story of quality, tradition, and extraordinary taste."
          tag="Premium Coffee Roastery"
          tagIcon={Coffee}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504472539-8fcfbdrv.jpg"
          imageAlt="Perfectly brewed specialty coffee"
          imagePosition="right"
          kpis={[
            { value: "15+ Years", label: "Coffee Expertise" },
            { value: "98%", label: "Customer Satisfaction" },
            { value: "100%", label: "Premium Beans" }
          ]}
          buttons={[
            { text: "Explore Menu", href: "menu" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Our Coffee Story"
          description="We believe in the art and science of coffee. From ethically sourced beans to meticulous brewing, every detail matters."
          tag="About Pei Chai"
          tagIcon={Leaf}
          useInvertedBackground="noInvert"
          features={[
            {
              id: "sourcing",
              title: "Ethical Sourcing",
              description: "We partner directly with sustainable coffee farms around the world to bring you the finest, responsibly sourced beans.",
              label: "Fair Trade Certified"
            },
            {
              id: "expertise",
              title: "Master Craftsmanship",
              description: "Our expert baristas are trained in the art of coffee preparation, ensuring every cup is crafted to perfection.",
              label: "Award Winning"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Featured Coffee Selection"
          description="Discover our carefully curated collection of premium coffee blends and specialty drinks"
          tag="Menu"
          tagIcon={Coffee}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",
              brand: "Pei Chai",
              name: "Ethiopian Single Origin",
              price: "$6.50",
              rating: 5,
              reviewCount: "245",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
              imageAlt: "Ethiopian single origin coffee beans"
            },
            {
              id: "2",
              brand: "Pei Chai",
              name: "Classic Cappuccino",
              price: "$5.25",
              rating: 5,
              reviewCount: "312",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504474728-99fm34ha.jpg",
              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "3",
              brand: "Pei Chai",
              name: "House Blend Espresso",
              price: "$4.75",
              rating: 5,
              reviewCount: "428",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504473794-0y0fa6ua.jpg",
              imageAlt: "Barista pouring house blend espresso"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real stories from coffee lovers who experience Pei Chai daily"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Regular Customer",
              testimonial: "Best espresso I've had in years. The baristas truly understand their craft. I'm hooked!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504478198-a0v2ow55.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Coffee Enthusiast",
              testimonial: "The single origin beans are exceptional. You can taste the terroir in every sip. Highly recommend!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504479291-mwki9tis.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Daily Visitor",
              testimonial: "Love the cozy atmosphere and friendly staff. My favorite morning spot in the city!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480040-nh70p4ru.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "Michael Park",
              role: "Coffee Connoisseur",
              testimonial: "Pei Chai sets the standard for specialty coffee. Consistency, quality, and passion in every cup.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480835-8xmeyz3k.jpg",
              imageAlt: "Michael Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to experience premium coffee?"
          animationType="reveal-blur"
          inputPlaceholder="Enter your email"
          buttonText="Get Updates"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial-carousel" data-section="testimonial-carousel">
        <TestimonialCardFour
          title="Premium Coffee Excellence"
          description="Join thousands of coffee enthusiasts who trust Pei Chai for exceptional quality"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Coffee Connoisseur",
              date: "Date: 15 January 2025",
              title: "Best espresso experience I've had!",
              quote: "The baristas at Pei Chai truly understand their craft. Every cup is a masterpiece. The attention to detail is remarkable.",
              tag: "Premium Member",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504478198-a0v2ow55.jpg",
              avatarAlt: "Sarah Mitchell",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504472539-8fcfbdrv.jpg",
              imageAlt: "Specialty coffee preparation"
            },
            {
              id: "2",
              name: "James Chen, Coffee Enthusiast",
              date: "Date: 12 January 2025",
              title: "Single origin beans are exceptional",
              quote: "You can taste the terroir in every sip. The quality of beans sourced by Pei Chai is unmatched. Highly recommend to any serious coffee lover.",
              tag: "Regular Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504479291-mwki9tis.jpg",
              avatarAlt: "James Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
              imageAlt: "Ethiopian single origin coffee"
            },
            {
              id: "3",
              name: "Emma Rodriguez, Local Visitor",
              date: "Date: 10 January 2025",
              title: "Perfect morning ritual",
              quote: "The cozy atmosphere combined with amazing coffee makes this my favorite spot. The staff is incredibly friendly and knowledgeable about every drink.",
              tag: "Daily Regular",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480040-nh70p4ru.jpg",
              avatarAlt: "Emma Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504474728-99fm34ha.jpg",
              imageAlt: "Latte art cappuccino"
            },
            {
              id: "4",
              name: "Michael Park, Coffee Expert",
              date: "Date: 8 January 2025",
              title: "Sets the standard for specialty coffee",
              quote: "Pei Chai consistently delivers excellence. The consistency across all their offerings is impressive. Definitely the benchmark for specialty coffee shops.",
              tag: "Connoisseur",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480835-8xmeyz3k.jpg",
              avatarAlt: "Michael Park",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504473794-0y0fa6ua.jpg",
              imageAlt: "House blend espresso"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Pei Chai"
        />
      </div>
    </ThemeProvider>
  );
}