"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function HomePage() {
  const navItems = [
    { href: "/", label: "Home" },
    { href: "/menu", label: "Menu" },
    { href: "/about", label: "About Us" },
    { href: "/gallery", label: "Gallery" },
    { href: "/reviews", label: "Reviews" },
    { href: "/contact", label: "Contact" },
    { href: "/reservations", label: "Reserve" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Moonlight Café"
          navItems={navItems}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5b2ln"
          logoAlt="Moonlight Café Logo"
          bottomLeftText="A Taste of Elegance"
          bottomRightText="Reserve Your Table"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Experience the Elegance of Moonlight Café"
          description="Where every cup tells a story and every dish is a masterpiece. Immerse yourself in our warm, inviting atmosphere and discover your new favorite spot."
          background={{ variant: "radial-gradient" }}
          kpis={[
            { value: "15+", label: "Years Brewing" },
            { value: "100+", label: "Gourmet Dishes" },
            { value: "5000+", label: "Happy Customers" }
          ]}
          enableKpiAnimation={true}
          tag="Welcome to Moonlight Café"
          buttons={[
            { text: "View Our Menu", href: "/menu" },
            { text: "Make a Reservation", href: "/reservations" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-round-delicious-pie-with-strawberries-waffles-cup-tea-light-blue-surface_140725-66681.jpg"
          imageAlt="Cozy Moonlight Café Interior"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          tagAnimation="entrance-slide"
          buttonAnimation="entrance-slide"
        />
      </div>
      <div id="about-intro" data-section="about-intro">
        <TextSplitAbout
          title="Our Passion for Perfection"
          description={["Moonlight Café is more than just a coffee shop; it's a destination where culinary artistry meets heartfelt hospitality. Founded on a passion for exceptional flavors and memorable experiences, we meticulously craft every item on our menu using only the finest ingredients.", "From the rich aroma of our freshly roasted beans to the delicate presentation of our gourmet dishes, we invite you to savor every moment. Our commitment is to create a welcoming sanctuary where you can unwind, connect, and indulge in pure bliss."]}
          buttons={[
            { text: "Discover Our Story", href: "/about" }
          ]}
          useInvertedBackground={true}
          buttonAnimation="entrance-slide"
        />
      </div>
      <div id="menu-highlights" data-section="menu-highlights">
        <ProductCardTwo
          title="Signature Delights & Artisan Creations"
          description="Explore a curated selection of our most loved dishes and specialty beverages, crafted with passion and precision to tantalize your taste buds."
          products={[
            { id: "product-1", brand: "Moonlight Coffee", name: "Velvet Latte", price: "$5.50", rating: 5, reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hands-holding-coffee-cup_1262-4784.jpg", imageAlt: "Velvet Latte" },
            { id: "product-2", brand: "Moonlight Bakery", name: "Flaky Croissant", price: "$4.00", rating: 5, reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissants-with-fragrant-tea-grey-surface_114579-82913.jpg", imageAlt: "Flaky Croissant" },
            { id: "product-3", brand: "Moonlight Kitchen", name: "Gourmet Club Sandwich", price: "$12.00", rating: 4, reviewCount: "80 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ham-sandwiches-with-french-fries-dark-surface_179666-35076.jpg", imageAlt: "Gourmet Club Sandwich" },
            { id: "product-4", brand: "Moonlight Coffee", name: "Iced Vanilla Bean Latte", price: "$6.00", rating: 5, reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg?_wi=1", imageAlt: "Iced Vanilla Bean Latte" },
            { id: "product-5", brand: "Moonlight Bakery", name: "Lemon Blueberry Muffin", price: "$4.50", rating: 4, reviewCount: "70 reviews", imageSrc: "http://img.b2bpic.net/free-photo/coffee-pot-near-leaves-snacks_23-2147885862.jpg?_wi=1", imageAlt: "Lemon Blueberry Muffin" },
            { id: "product-6", brand: "Moonlight Kitchen", name: "Caprese Salad", price: "$10.50", rating: 5, reviewCount: "65 reviews", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-mayonnaise_140725-6377.jpg?_wi=1", imageAlt: "Caprese Salad" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "View Full Menu", href: "/menu" }
          ]}
          buttonAnimation="entrance-slide"
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by the Best Local Artisans"
          description="We partner with local purveyors who share our commitment to quality, ensuring every ingredient brings the freshest flavors to your table."
          names={["Coffee Bean Collective", "Artisan Bread Co.", "Local Dairy Farm", "Green Harvest Produce", "Sweet Temptations Bakery", "Herbal Tea Gardens", "Chocoholic Dreams"]}
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Our Esteemed Partners"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Are Saying"
          description="Read glowing reviews from visitors who have experienced the unique charm and exquisite offerings of Moonlight Café."
          testimonials={[
            { id: "t1", name: "Olivia Smith", handle: "@olivia.eats", testimonial: "Moonlight Café is my absolute favorite spot! The ambiance is perfect for relaxing, and their velvet latte is out of this world. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/leisure-virtual-reality_1098-14670.jpg", imageAlt: "Olivia Smith" },
            { id: "t2", name: "Liam Johnson", handle: "@liam.reviews", testimonial: "Impeccable service and incredible food. The gourmet club sandwich is a must-try. This place has a truly premium feel, yet so welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-serious-face-sitting-cafe-wearing-glasses-working-laptop-looking_1258-245334.jpg", imageAlt: "Liam Johnson" },
            { id: "t3", name: "Sophia Chen", handle: "@sophia.travels", testimonial: "Every detail at Moonlight Café is thoughtfully curated. It's a delightful escape. The pastries are divine and the coffee is art!", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-drinks_23-2148735611.jpg", imageAlt: "Sophia Chen" },
            { id: "t4", name: "Noah Davis", handle: "@noah.foodie", testimonial: "Came here for brunch and was blown away. The atmosphere is just as amazing as the food. Definitely coming back with friends.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-smartphone_23-2150378266.jpg", imageAlt: "Noah Davis" },
            { id: "t5", name: "Emma White", handle: "@emma.ventures", testimonial: "A hidden gem! Moonlight Café offers a serene environment to work or simply enjoy a quiet moment with a fantastic cup of coffee.", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-reading_23-2148166379.jpg", imageAlt: "Emma White" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Customer Raves"
          buttons={[
            { text: "Read All Reviews", href: "/reviews" }
          ]}
          buttonAnimation="entrance-slide"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Moonlight Café"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5b2ln"
          logoAlt="Moonlight Café Logo"
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}