"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";
import { Heart, Sparkles, Utensils } from "lucide-react";

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="Bella Italia"
          navItems={[
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Now", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Authentic Italian Flavors, Every Bite"
          description="Welcome to Bella Italia, where traditional recipes meet modern hospitality. Experience the warmth of Italy through our carefully crafted dishes and exceptional service."
          background={{ variant: "plain" }}
          tag="Est. 2015"
          tagIcon={Utensils}
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "products" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg"
          imageAlt="Elegant Italian restaurant dining experience"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Family Traditions, Shared with You"
          tag="Our Story"
          tagIcon={Heart}
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Signature Dishes"
          description="Discover our most beloved creations, crafted with the finest Italian ingredients and time-honored techniques"
          tag="Chef's Selection"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Handmade Tagliatelle",              price: "$18",              imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-tomato-herbs_141793-331.jpg",              imageAlt: "Fresh handmade tagliatelle pasta"
            },
            {
              id: "2",              name: "Risotto ai Funghi",              price: "$16",              imageSrc: "http://img.b2bpic.net/free-photo/risotto-with-tomatoes-mushroom-cheese-arugula-tarhun-lemonade-salt-pepper-bread-table_140725-10992.jpg",              imageAlt: "Creamy risotto with mushrooms"
            },
            {
              id: "3",              name: "Tiramisu Classico",              price: "$8",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-piece-tiramisu_23-2147772015.jpg",              imageAlt: "Traditional tiramisu dessert"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="25 Years of Excellence"
          tag="Pride"
          metrics={[
            {
              id: "1",              value: "10K+",              description: "Satisfied guests dining with us annually, from locals to international travelers"
            },
            {
              id: "2",              value: "100%",              description: "Organic, locally-sourced ingredients used in our kitchen for authentic Italian taste"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Guests"
          description="Real stories from people who have experienced the warmth and authenticity of Bella Italia"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              title: "A Taste of Home",              quote: "Every dish transports me back to my grandmother's kitchen in Tuscany. The authenticity and care in every bite is unmatched. Bella Italia is now our family's favorite restaurant.",              name: "Marco Rossi",              role: "Restaurant Critic",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Marco Rossi"
            },
            {
              id: "2",              title: "Exceptional Service",              quote: "The staff made us feel like part of the family. The attention to detail in both food and service is remarkable. We celebrated our anniversary here and it was absolutely perfect.",              name: "Elena Fontana",              role: "Event Planner",              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Elena Fontana"
            },
            {
              id: "3",              title: "Quality Worth Every Visit",              quote: "I've tried many Italian restaurants, but Bella Italia stands out for its commitment to quality. Fresh ingredients, traditional recipes, and warm hospitality every single time.",              name: "Giovanni Ricci",              role: "Chef",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Giovanni Ricci"
            },
            {
              id: "4",              title: "Worth the Wait",              quote: "Even during peak hours, the team ensures every guest receives personal attention. The risotto is divine, and the tiramisu? Simply unforgettable. We're regulars for a reason.",              name: "Sofia Moretti",              role: "Food Writer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-presenting-showing-your-text-product-isolated-white-background_1150-63697.jpg",              imageAlt: "Sofia Moretti"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Bella Italia"
          description="Experience the difference authentic Italian hospitality makes"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          negativeCard={{
            items: [
              "Generic chain restaurant menus",              "Frozen or processed ingredients",              "Rushed dining experience",              "Inconsistent quality"
            ]
          }}
          positiveCard={{
            items: [
              "Handcrafted recipes from Italy",              "Fresh, locally-sourced ingredients",              "Warm, leisurely dining atmosphere",              "Consistent excellence every visit"
            ]
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to join us for an unforgettable Italian dining experience? Reserve your table today and let us welcome you to our family."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Make a Reservation", href: "#" },
            { text: "Call Us", href: "tel:+1-555-ITALIA1" }
          ]}
        />
      </div>

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