"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Flame, ChefHat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Our Story", id: "about" },
        { name: "Menu", id: "products" },
        { name: "Reservations", id: "contact" },
      ]}
      brandName="El Negro"
      button={{ text: "Book Now", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{ variant: "radial-gradient" }}
      title="The Authentic Argentine Parrilla Experience"
      description="Discover the passion of tradition, fire, and the finest cuts of meat at El Negro."
      testimonials={[
        { name: "Juan Perez", handle: "@juanp", testimonial: "The best asado I have ever tasted outside of Buenos Aires.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg" },
        { name: "Elena Rodriguez", handle: "@elenar", testimonial: "El Negro is a sanctuary for meat lovers. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006729.jpg" },
        { name: "Mark Smith", handle: "@msmith", testimonial: "Incredible ambiance and impeccable service. A must-visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg" },
        { name: "Lucia Fernandez", handle: "@luciaf", testimonial: "Authentic flavors that transport you directly to Argentina.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-adorable-healthy-chef-recording-video-social-media-holding-red-pepper_140725-166628.jpg" },
        { name: "Carlos Gomez", handle: "@carlosg", testimonial: "The quality of the beef is unmatched. Truly a culinary gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-people-having-fun-toasting-with-beer-while-eating-lunch-dining-room-home_637285-5546.jpg" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bonfire-chimney_1220-650.jpg"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Satisfied customer 1" },
        { src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Satisfied customer 2" },
        { src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg", alt: "Satisfied customer 3" },
        { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Satisfied customer 4" },
        { src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg", alt: "Satisfied customer 5" }
      ]}
      avatarText="Loved by over 5,000 satisfied diners"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="A Legacy of Flavor and Tradition"
      buttons={[{ text: "Learn More", href: "#" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Fire-Grilled Mastery",          description: "We utilize wood and coal fire to ensure every cut is perfectly charred.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-125574.jpg"
          },
          items: [
            { icon: Flame, text: "Traditional Fire Grilling" },
            { icon: ChefHat, text: "Master Parrilleros" }
          ],
          reverse: false
        }
      ]}
      title="Why El Negro Stands Out"
      description="Experience the difference of time-honored techniques."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Bife de Chorizo", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
        { id: "p2", name: "Asado de Tira", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg" },
        { id: "p3", name: "Malbec Selection", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-garnished-with-kosher-salt-wood-serving-board_140725-1490.jpg" },
        { id: "p4", name: "Empanadas", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-arrangement_23-2148510861.jpg" },
        { id: "p5", name: "Grilled Seasonal Veg", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-vegetables-wooden-background_23-2148491121.jpg" },
        { id: "p6", name: "Classic Flan", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-alfajores-cookies-concept_23-2148751768.jpg" }
      ]}
      title="Our Signature Cuts"
      description="Selected daily by our master butchers."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "standard", price: "$65", name: "The Parrillada", buttons: [{ text: "Book Now" }], features: ["Assorted Cuts", "Side Dishes", "Wine Glass"] },
        { id: "premium", price: "$95", name: "El Negro Grand", buttons: [{ text: "Book Now" }], features: ["Premium Ribeye", "Full Wine Bottle", "Signature Dessert"] },
        { id: "deluxe", price: "$150", name: "Tasting Experience", buttons: [{ text: "Book Now" }], features: ["Chef Selection", "Wine Pairing", "Exclusive Table"] }
      ]}
      title="Fixed Prix Menus"
      description="Designed for the ultimate shared dining experience."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "20", title: "Years of Tradition", items: ["Established 2004", "Trusted Service"] },
        { id: "m2", value: "12k", title: "Steaks Grilled Yearly", items: ["Prime Quality", "Argentine Beef"] },
        { id: "m3", value: "4.9", title: "Star Rating Average", items: ["Diner Reviews", "Quality Promise"] }
      ]}
      title="Our Restaurant at a Glance"
      description="Quality backed by numbers."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", title: "Excellent!", quote: "The meat melts in your mouth.", name: "Ana S.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg" },
        { id: "t2", title: "Superb", quote: "Perfectly cooked steak every single time.", name: "Pedro M.", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg" },
        { id: "t3", title: "Top Tier", quote: "Best service in the city.", name: "Sarah W.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156202.jpg" },
        { id: "t4", title: "Great Vibe", quote: "Perfect for family dinner night.", name: "Luis F.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150601158.jpg" },
        { id: "t5", title: "Five Stars", quote: "I am a regular for a reason.", name: "Elena P.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-family-retro-style_23-2150595535.jpg" }
      ]}
      title="Voices of Our Patrons"
      description="Why they love El Negro."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact"
      title="Reserve Your Table"
      description="Sign up for our newsletter to get priority booking alerts and special offers."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="El Negro Parrilla"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "Contact Us", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
