"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="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="CUNO MACAAN RESTAURANT"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reservations", id: "reservations" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Experience Authentic Italian Cuisine"
          description="Discover the warmth of traditional Italian dining. From handmade pasta to wood-fired pizzas, every dish tells a story of passion, tradition, and family heritage."
          tag="Est. 2010"
          tagAnimation="slide-up"
          buttons={[
            { text: "Reserve Your Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/horizontal-view-uncooked-three-portions-spaghetti-green-oil-bottle-mixed-color-table_140725-86942.jpg?_wi=1"
          imageAlt="Fresh homemade Italian pasta"
          mediaAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagAnimation="slide-up"
          title="A Legacy of Italian Excellence"
          useInvertedBackground={true}
          buttons={[
            { text: "Learn More About Us", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Signature Dishes"
          description="Carefully crafted menu featuring traditional Italian recipes and seasonal specialties, prepared with the finest ingredients sourced from trusted suppliers."
          tag="Menu Highlights"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          products={[
            {
              id: "pasta-carbonara",              name: "Spaghetti Carbonara",              price: "$18",              imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-uncooked-three-portions-spaghetti-green-oil-bottle-mixed-color-table_140725-86942.jpg?_wi=2",              imageAlt: "Creamy carbonara pasta"
            },
            {
              id: "risotto-milanese",              name: "Risotto Milanese",              price: "$22",              imageSrc: "http://img.b2bpic.net/free-photo/bowl-hot-leek-cheese-soup-with-croutons-bacon-wooden-table-cheesy-leek-soup_127032-3022.jpg",              imageAlt: "Saffron risotto with parmesan"
            },
            {
              id: "tiramisu",              name: "Tiramisu",              price: "$8",              imageSrc: "http://img.b2bpic.net/free-photo/cocoa-tiramisu-with-sweet-cracker-forest-berries-top_114579-1929.jpg",              imageAlt: "Classic tiramisu dessert"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="By The Numbers"
          tag="Our Achievement"
          tagAnimation="slide-up"
          useInvertedBackground={true}
          metrics={[
            { id: "years", value: "14+", description: "Years of Excellence" },
            { id: "customers", value: "50K+", description: "Happy Guests" },
            { id: "dishes", value: "200+", description: "Signature Recipes" },
            { id: "awards", value: "12", description: "Culinary Awards" }
          ]}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Guests Say"
          description="Experience the warmth and hospitality that has made Trattoria Bella a beloved destination for families and food lovers."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Reviews"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Outstanding Experience",              quote: "The pasta was absolutely divine. Every bite transported me to Italy. The service was impeccable and the atmosphere so welcoming.",              name: "Maria Rossi",              role: "Food Critic",              imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",              imageAlt: "Maria Rossi"
            },
            {
              id: "2",              title: "Family Favorite",              quote: "We've been coming here for years. The authenticity and quality never disappoint. Perfect place for special occasions and everyday celebrations.",              name: "Elena Colombo",              role: "Regular Guest",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",              imageAlt: "Elena Colombo"
            },
            {
              id: "3",              title: "Truly Authentic",              quote: "This is genuine Italian cooking. You can taste the passion in every dish. The chef clearly knows what he's doing.",              name: "Marco Benedetti",              role: "Sommelier",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg",              imageAlt: "Marco Benedetti"
            },
            {
              id: "4",              title: "A Gem in the City",              quote: "Finally found a restaurant that truly understands Italian cuisine. The ambiance, the food, the service – everything is perfect.",              name: "Sophia Moretti",              role: "Restaurateur",              imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",              imageAlt: "Sophia Moretti"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Dine With Us"
          description="Experience the difference that tradition, passion, and quality ingredients make."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Our Promise"
          tagAnimation="slide-up"
          negativeCard={{
            items: ["Mass-produced ingredients", "Rushed preparation", "Generic recipes"]
          }}
          positiveCard={{
            items: ["Locally sourced, premium ingredients", "Time-honored cooking techniques", "Family recipes passed down through generations"]
          }}
          animationType="scale-rotate"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to join us for an unforgettable Italian dining experience? Reserve your table today and discover why Trattoria Bella is the city's most beloved Italian restaurant."
          animationType="entrance-slide"
          useInvertedBackground={false}
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Trattoria Bella"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Follow Us",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}