"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="radial-gradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Il Giardino di Melody"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Reserve a Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Welcome to Il Giardino di Melody"
          description="Experience authentic Italian cuisine in our enchanting garden restaurant. Award-winning dishes, warm ambiance, and exceptional service await you."
          tag="Fine Dining Experience"
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/street-medieval-city-rhodes-trip-popular-places-dodecanese-archipelago-greece_166373-3821.jpg"
          imageAlt="Il Giardino di Melody garden restaurant ambiance"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagAnimation="slide-up"
          title="A Garden of Italian Tradition Since 1995"
          buttons={[
            { text: "Call Us: 080 992 0394", href: "tel:+390809920394" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Signature Menu Highlights"
          description="Discover our most celebrated Italian dishes, prepared with fresh, premium ingredients and authentic recipes passed down through generations."
          tag="Chef's Selections"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "pasta",              name: "Handmade Pasta",              price: "€16",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-pasta-cooked-tasty-along-with-green-leaf-grey-surface_140725-14464.jpg",              imageAlt: "Fresh handmade pasta with traditional Italian sauce"
            },
            {
              id: "risotto",              name: "Saffron Risotto",              price: "€18",              imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-cream-sauce-with-peeled-shrimp_140725-2324.jpg",              imageAlt: "Creamy saffron risotto milanese style"
            },
            {
              id: "pizza",              name: "Wood-Fired Pizza",              price: "€14",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-preparing-pizza_23-2150235806.jpg",              imageAlt: "Authentic wood-fired Italian pizza"
            }
          ]}
          buttons={[
            { text: "Full Menu", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Why Choose Il Giardino di Melody"
          tag="By The Numbers"
          tagAnimation="slide-up"
          metrics={[
            { id: "years", value: "29+", description: "Years of Excellence" },
            { id: "reviews", value: "1.9K", description: "5-Star Reviews" },
            { id: "rating", value: "4.2/5", description: "Google Rating" },
            { id: "guests", value: "50K+", description: "Happy Guests Annually" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Guests Say"
          description="Join thousands of satisfied diners who have experienced the magic of Il Giardino di Melody."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Customer Reviews"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Unforgettable Evening",              quote: "Excellent restaurant in a unique setting. Affordable prices and top-notch service. We had a wonderful meal and felt truly welcomed.",              name: "Stéphanie",              role: "Verified Guest",              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",              imageAlt: "Stéphanie - satisfied restaurant guest"
            },
            {
              id: "2",              title: "Outstanding Value",              quote: "We ate very well for such reasonable prices and received excellent service. This restaurant delivers on every front.",              name: "Thierry Charbonel",              role: "Verified Guest",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-girl-wearing-french-style-clothes-touching-her-face-remembered-something-funny-portrait-adorable-young-woman-with-short-dark-hair-red-beret-vintage-suit-having-fun-indoors_197531-3641.jpg",              imageAlt: "Thierry Charbonel - happy diner"
            },
            {
              id: "3",              title: "Exceptional Cuisine",              quote: "The food here is outstanding. Every dish is prepared with care and authentic Italian flavor. A true gem.",              name: "Gioacchino Cataldo",              role: "Verified Guest",              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",              imageAlt: "Gioacchino Cataldo - satisfied customer"
            },
            {
              id: "4",              title: "Perfect Dining Experience",              quote: "From the moment we arrived to the moment we left, everything was perfect. The garden setting is magical and the food is delicious.",              name: "Marco Rossi",              role: "Verified Guest",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-female-cafe-owner-smiling_1262-5377.jpg",              imageAlt: "Marco Rossi - happy guest"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Dine With Us"
          description="Experience the difference that passion, tradition, and quality ingredients make."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          negativeCard={{
            items: [
              "Generic chain restaurants",              "Rushed service",              "Frozen ingredients"
            ]
          }}
          positiveCard={{
            items: [
              "Authentic Italian recipes since 1995",              "Personalized attention to every guest",              "Fresh, premium local ingredients"
            ]
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Il Giardino di Melody? Reserve your table today and discover why 1.9K guests rate us 4.2/5. Open daily from 18:30. Located in the heart of Binetto."
          background={{ variant: "radial-gradient" }}
          animationType="entrance-slide"
          buttons={[
            { text: "Call to Reserve", href: "tel:+390809920394" },
            { text: "Get Directions", href: "https://maps.google.com/?q=Il+Giardino+di+Melody+Binetto" }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Il Giardino di Melody"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Contact",            href: "tel:+390809920394"
          }}
        />
      </div>
    </ThemeProvider>
  );
}