"use client";

import React from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { BookOpen, ChefHat, Heart, Leaf, Sparkles, Star } from "lucide-react";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <main>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Hero", id: "hero-section" },
              { name: "About", id: "about-section" },
              { name: "Feature", id: "features-section" },
              { name: "Product", id: "product-section" },
              { name: "Testimonial", id: "testimonial-section" },
              { name: "Contact", id: "contact-section" },
            ]}
            brandName="Ninja P"
            button={{ text: "Order Now", href: "#product-section" }}
          />
        </div>

        <div id="hero-section" data-section="hero-section">
          <HeroLogoBillboardSplit
            logoText="Ninja P"
            description="Authentic Asian cuisine crafted with passion and served in a warm, inviting atmosphere. Experience the bold flavors and fresh ingredients that define our culinary journey."
            background={{ variant: "radial-gradient" }}
            buttons={[
              { text: "View Menu", href: "#product-section" },
              { text: "Reserve Table", href: "#contact-section" },
            ]}
            buttonAnimation="slide-up"
            layoutOrder="default"
            imageSrc="http://img.b2bpic.net/free-photo/restaurant-interior_1127-3394.jpg"
            imageAlt="Delicious Asian dishes served at Ninja P restaurant"
            mediaAnimation="blur-reveal"
            frameStyle="card"
            ariaLabel="Hero section featuring Ninja P restaurant"
          />
        </div>

        <div id="about-section" data-section="about-section">
          <SplitAbout
            title="Discover the Art of Authentic Asian Cuisine"
            description="At Ninja P, we blend traditional recipes with modern flair to bring you an unforgettable dining experience. Our passion for authentic flavors and fresh ingredients creates dishes that celebrate the rich culinary heritage of Asia."
            tag="Our Story"
            tagIcon={BookOpen}
            tagAnimation="slide-up"
            buttons={[
              { text: "Explore Menu", href: "#product-section" },
              { text: "Visit Us", href: "#contact-section" },
            ]}
            buttonAnimation="slide-up"
            bulletPoints={[
              { title: "Authentic Recipes", description: "Handcrafted with time-honored techniques passed down through generations.", icon: ChefHat },
              { title: "Fresh Ingredients", description: "We source only the finest local and imported ingredients for every dish.", icon: Leaf },
              { title: "Warm Atmosphere", description: "A welcoming space where families and friends can enjoy great food together.", icon: Heart },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/side-view-chef-preparing-delicious-meal-kitchen_176474-3892.jpg"
            imageAlt="Chefs preparing traditional Asian dishes in the kitchen"
            mediaAnimation="slide-up"
            imagePosition="left"
            textboxLayout="default"
            useInvertedBackground={true}
            className="py-16 md:py-24"
            containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
            textBoxClassName="flex flex-col justify-center"
            titleClassName="text-3xl md:text-4xl font-bold mb-4"
            descriptionClassName="text-lg text-gray-600 mb-6"
            tagClassName="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800 mb-4"
            buttonContainerClassName="flex flex-wrap gap-4 mt-6"
            buttonClassName="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-200"
            contentClassName="space-y-6"
            bulletPointClassName="flex items-start"
            bulletTitleClassName="ml-3 text-lg font-semibold text-gray-900"
            bulletDescriptionClassName="ml-3 text-gray-600"
            mediaWrapperClassName="relative overflow-hidden rounded-xl shadow-lg"
            imageClassName="w-full h-full object-cover"
          />
        </div>

        <div id="features-section" data-section="features-section">
          <FeatureCardNine
            features={[
              { id: 1, title: "Authentic Asian Flavors", description: "Experience the true taste of Asia with our handcrafted dishes made from traditional recipes and premium ingredients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-seafood-dish-with-salmon_23-2150463233.jpg", imageAlt: "Delicious sushi platter" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/restaurant-ui-app-template_47987-1881.jpg", imageAlt: "Steamy bowl of ramen" } },
              { id: 2, title: "Fresh Ingredients Daily", description: "We source the finest ingredients daily to ensure every dish is bursting with flavor and nutritional value.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-mobile_23-2148411187.jpg", imageAlt: "Fresh vegetables at market" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", imageAlt: "Chef preparing ingredients" } },
              { id: 3, title: "Family-Friendly Atmosphere", description: "Create lasting memories with your loved ones in our warm and welcoming environment perfect for all ages.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-cafe-using-mobile-phones_171337-19757.jpg", imageAlt: "Happy family dining together" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-taking-photos-woman_23-2148972783.jpg", imageAlt: "Children enjoying their meal" } },
            ]}
            showStepNumbers={true}
            title="Why Choose Ninja P?"
            description="Discover what makes our restaurant a beloved destination for authentic Asian cuisine and exceptional service."
            tag="Culinary Excellence"
            tagIcon={Star}
            tagAnimation="slide-up"
            buttons={[
              { text: "View Menu", href: "#product-section" },
              { text: "Book a Table", href: "#contact-section" },
            ]}
            buttonAnimation="slide-up"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <div id="product-section" data-section="product-section">
          <ProductCardFour
            products={[
              { id: "product-1", name: "Spicy Thai Basil Chicken", price: "$14.99", variant: "Chicken, Thai Basil, Chili", imageSrc: "http://img.b2bpic.net/free-photo/chicken-larb-plate-with-dried-chilies-tomatoes-spring-onions-lettuce_1150-27082.jpg", imageAlt: "Spicy Thai Basil Chicken with rice", isFavorited: false },
              { id: "product-2", name: "Miso Glazed Salmon", price: "$16.99", variant: "Salmon, Miso Glaze, Sesame Seeds", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon_74190-5598.jpg", imageAlt: "Miso Glazed Salmon with steamed vegetables", isFavorited: false },
              { id: "product-3", name: "Vegetable Tempura Platter", price: "$12.99", variant: "Assorted Vegetables, Light Batter, Soy Dipping Sauce", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausages-with-chicken-nuggets-piece-lettuce-wooden-board-with-lemon_114579-71845.jpg", imageAlt: "Vegetable Tempura Platter with dipping sauce", isFavorited: false },
              { id: "product-4", name: "Beef Bulgogi Bowl", price: "$15.99", variant: "Marinated Beef, Rice, Green Onions", imageSrc: "http://img.b2bpic.net/free-psd/black-bowl-savory-beef-white-rice-topped-with-fresh-scallions-red-chili-peppers-sesame-seeds-against-dark-background_84443-63418.jpg", imageAlt: "Beef Bulgogi Bowl with rice and green onions", isFavorited: false },
            ]}
            carouselMode="buttons"
            gridVariant="three-columns-all-equal-width"
            uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
            animationType="slide-up"
            title="Authentic Asian Cuisine"
            description="Discover our handcrafted dishes made with fresh ingredients and traditional recipes. Each bite brings you closer to the heart of Asia."
            tag="Best Sellers"
            tagIcon={Star}
            tagAnimation="slide-up"
            buttons={[{ text: "View Full Menu", href: "#menu" }]}
            buttonAnimation="opacity"
            textboxLayout="inline-image"
            useInvertedBackground={false}
            ariaLabel="Product section featuring our signature dishes"
          />
        </div>

        <div id="testimonial-section" data-section="testimonial-section">
          <TestimonialCardSix
            testimonials={[
              { id: "testimonial-1", name: "Sarah Kim", handle: "@sarahk", testimonial: "The authentic flavors at Ninja P transported me straight to Tokyo! Their pad thai is to die for.", imageSrc: "http://img.b2bpic.net/free-photo/toast-many-upcoming-family-dinners_637285-12559.jpg", imageAlt: "Sarah Kim enjoying pad thai at Ninja P", icon: Star },
              { id: "testimonial-2", name: "Michael Chen", handle: "@michaelc", testimonial: "Best family dinner spot in town. The service is impeccable and the prices are reasonable.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "Michael Chen with his family at Ninja P", icon: Heart },
              { id: "testimonial-3", name: "Jessica Tan", handle: "@jessicat", testimonial: "As a food blogger, I'm always looking for new spots. Ninja P exceeded all expectations!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-drinks_23-2149272800.jpg", imageAlt: "Jessica Tan reviewing food at Ninja P", icon: Sparkles },
              { id: "testimonial-4", name: "David Lee", handle: "@davidl", testimonial: "A hidden gem! The ambiance is perfect for a date night. Will definitely be back for more.", imageSrc: "http://img.b2bpic.net/free-photo/toast-many-upcoming-family-dinners_637285-12559.jpg", imageAlt: "David Lee at Ninja P", icon: Heart },
              { id: "testimonial-5", name: "Emily Wang", handle: "@emilyw", testimonial: "The quality of the ingredients is outstanding. You can taste the freshness in every bite.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "Emily Wang enjoying a meal", icon: Leaf },
              { id: "testimonial-6", name: "John Smith", handle: "@johns", testimonial: "Great food, great service, great atmosphere. Our new favorite spot for Asian cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-drinks_23-2149272800.jpg", imageAlt: "John Smith dining at Ninja P", icon: Star },
            ]}
            animationType="slide-up"
            title="What Our Customers Say"
            description="Don't just take our word for it – hear from our satisfied diners who've experienced the Ninja P difference."
            textboxLayout="inline-image"
            useInvertedBackground={true}
            tag="Authentic Asian Flavors"
            tagIcon={ChefHat}
            tagAnimation="blur-reveal"
            buttons={[{ text: "View All Reviews", href: "#reviews" }]}
            buttonAnimation="opacity"
            speed={40}
            topMarqueeDirection="left"
            ariaLabel="Testimonials section featuring customer reviews of Ninja P restaurant"
          />
        </div>

        <div id="contact-section" data-section="contact-section">
          <ContactSplitForm
            title="Get In Touch With Ninja P"
            description="Have questions or want to make a reservation? Reach out to us and we'll get back to you as soon as possible."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Full Name", required: true },
              { name: "email", type: "email", placeholder: "Your Email Address", required: true },
              { name: "phone", type: "tel", placeholder: "Your Phone Number" },
            ]}
            textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
            useInvertedBackground={true}
            imageSrc="http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg"
            imageAlt="Restaurant staff welcoming guests at Ninja P"
            mediaAnimation="slide-up"
            mediaPosition="right"
            buttonText="Send Message"
            ariaLabel="Contact section"
            className="py-16"
            containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
            contentClassName="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
            formCardClassName="bg-white rounded-xl shadow-lg p-8"
            titleClassName="text-3xl font-bold text-gray-900 mb-4"
            descriptionClassName="text-lg text-gray-600 mb-6"
            buttonClassName="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:scale-105"
            mediaWrapperClassName="relative overflow-hidden rounded-xl"
            mediaClassName="w-full h-full object-cover"
          />
        </div>

        <div id="footer-section" data-section="footer-section">
          <FooterBase
            columns={[
              { title: "Explore", items: [
                { label: "Home", href: "#hero-section" },
                { label: "About Us", href: "#about-section" },
                { label: "Menu", href: "#product-section" },
                { label: "Testimonials", href: "#testimonial-section" },
              ]},
              { title: "Connect", items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "Contact", href: "#contact-section" },
              ]},
            ]}
            logoText="Ninja P"
            copyrightText="© 2025 Ninja P. All rights reserved."
            ariaLabel="Site footer"
          />
        </div>
      </main>
    </ThemeProvider>
  );
}
