"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Quote } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="radialGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Ninja Yoshi"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve a Table",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="NINJA YOSHI"
          description="Experience authentic Asian culinary excellence. From premium sushi to bold Thai flavors, discover the art of Asian cuisine crafted by master chefs with passion and tradition."
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/sushi-with-red-caviar-ginger-horseradish-soy-sauce_140725-2217.jpg"
          imageAlt="Premium sushi and Asian cuisine spread"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <TextAbout
          title="Ninja Yoshi brings together generations of Asian culinary tradition with modern dining innovation. Every dish is a masterpiece, prepared with the finest ingredients and authentic techniques that honor the heart of Asian cuisine."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>
      
      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Featured Menu Items"
          description="Discover our signature dishes, each crafted with precision and authentic Asian flavors that transport your palate across continents."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Signature Sushi Platter",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-with-red-caviar-ginger-horseradish-soy-sauce_140725-2217.jpg",              imageAlt: "Signature Sushi Platter with premium rolls and nigiri"
            },
            {
              id: "2",              name: "Spicy Ramen Bowl",              price: "$18.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-photo_496169-229.jpg",              imageAlt: "Authentic ramen with rich broth and tender noodles"
            },
            {
              id: "3",              name: "Dim Sum Selection",              price: "$22.99",              imageSrc: "https://img.b2bpic.net/free-photo/chicken-noodles-table-with-sushi-rolls_140725-3880.jpg",              imageAlt: "Assorted dim sum dumplings and appetizers"
            },
            {
              id: "4",              name: "Pad Thai Classic",              price: "$16.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg",              imageAlt: "Traditional Thai pad thai with fresh ingredients"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Say"
          description="Join thousands of satisfied diners who have experienced the magic of Ninja Yoshi's authentic Asian cuisine and exceptional service."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahchen",              testimonial: "Ninja Yoshi completely changed my perspective on Asian dining. The sushi is incredibly fresh and the presentation is art. Absolutely phenomenal experience!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Chen",              icon: Quote
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "@foodlover_mk",              testimonial: "The ramen here is unlike anything I've had before. Rich, flavorful broth and perfectly cooked noodles. The chefs clearly know their craft. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              imageAlt: "Marcus Johnson",              icon: Quote
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emilyeats",              testimonial: "From the moment we stepped in, we felt the authentic atmosphere. Every dish was a journey. The dim sum selection is incredible. Worth every visit!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Emily Rodriguez",              icon: Quote
            },
            {
              id: "4",              name: "David Park",              handle: "@davidpark_chef",              testimonial: "As someone who appreciates authentic cuisine, Ninja Yoshi stands out. The flavors are true to tradition, and the quality is unmatched. Chef's kiss!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "David Park",              icon: Quote
            },
            {
              id: "5",              name: "Jessica Liu",              handle: "@jesliu_foodie",              testimonial: "The pad thai is absolutely divine. Fresh vegetables, perfect spice balance, and served with such care. This is my new favorite restaurant!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Jessica Liu",              icon: Quote
            },
            {
              id: "6",              name: "Thomas Anderson",              handle: "@tom_explores",              testimonial: "Ninja Yoshi brings an authentic taste of Asia to our city. Every visit is special, every dish is memorable. The service is impeccable!",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Thomas Anderson",              icon: Quote
            }
          ]}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience authentic Asian cuisine? Reserve your table at Ninja Yoshi today and join us for an unforgettable dining experience."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Table", href: "#" },
            { text: "Call Us", href: "#" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Reservations", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Sushi", href: "#" },
                { label: "Ramen", href: "#" },
                { label: "Dim Sum", href: "#" },
                { label: "Thai Cuisine", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Feedback", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Ninja Yoshi. All rights reserved. Authentic Asian Dining Excellence."
        />
      </div>
    </ThemeProvider>
  );
}