"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "About",          id: "about"},
        {
          name: "Experience",          id: "experience"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Gallery",          id: "gallery"},
        {
          name: "Reservations",          id: "reservations"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Uma Hibachi & Sushi"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Where Every Meal Is a Performance"
      description="Experience the thrill of live hibachi grilling and the finest fresh sushi in Schuylkill County."
      testimonials={[
        {
          name: "John D.",          handle: "Birthday Guest",          testimonial: "The hibachi chef was hilarious and the food was perfect. Best birthday celebration!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-steak-with-rosemary-tomatoes-human-hands-barbecue_176474-3115.jpg?_wi=1",          imageAlt: "hibachi chef cooking performance restaurant"},
        {
          name: "Sarah M.",          handle: "Regular",          testimonial: "Ask for chef CJ! His performance is top-notch and the sushi is consistently fresh.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg",          imageAlt: "hibachi chef cooking performance restaurant"},
        {
          name: "Robert B.",          handle: "Anniversary",          testimonial: "Great atmosphere for a date night. Attentive service and huge portions.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/hamachi-sushi_74190-5920.jpg?_wi=1",          imageAlt: "hibachi chef cooking performance restaurant"},
        {
          name: "Linda K.",          handle: "Foodie",          testimonial: "Fresh sashimi, incredible rolls, and the hibachi grill show is just mesmerizing.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sansoji-temple-famous-tokyo-japan_1150-11097.jpg?_wi=1",          imageAlt: "hibachi chef cooking performance restaurant"},
        {
          name: "Mark S.",          handle: "Family Night",          testimonial: "The kids loved the fire show and the desserts were a delightful surprise.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/long-steel-dish-with-grape-sliced-apple-watermelon_8353-572.jpg?_wi=1",          imageAlt: "hibachi chef cooking performance restaurant"},
      ]}
      buttons={[
        {
          text: "Call for a reservation ",          href: "https://umahibachisushi.com"},
        {
          text: "View Menu",          href: "https://umahibachisushi.com"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-grilled-steak-with-rosemary-tomatoes-human-hands-barbecue_176474-3115.jpg?_wi=2"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934674.jpg",          alt: "Satisfied customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934676.jpg",          alt: "Satisfied customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728011.jpg",          alt: "Satisfied customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/cook-holding-burning-pan-hand_23-2148040253.jpg",          alt: "Satisfied customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050369.jpg",          alt: "Satisfied customer 5"},
      ]}
    />
  </div>

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

  <div id="experience" data-section="experience">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Live Chef Performance",          subtitle: "Interactive entertainment right at your table.",          category: "Dining",          value: "Unique"},
        {
          id: "f2",          title: "Special Occasions",          subtitle: "Celebrate birthdays and date nights with us.",          category: "Event",          value: "Celebratory"},
        {
          id: "f3",          title: "Fresh Sushi Bar",          subtitle: "Hand-crafted rolls and premium sashimi.",          category: "Cuisine",          value: "Fresh"},
      ]}
      title="The Ultimate Celebration Venue"
      description="Join us for birthdays, anniversaries, or group outings. Enjoy our signature birthday singing tradition and complimentary desserts."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="opacity"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Hibachi Steak (N.Y. Strip)", price: "$20.95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-steak-with-rosemary-tomatoes-human-hands-barbecue_176474-3115.jpg?_wi=2" },
        { id: "p2", name: "Salmon Teriyaki", price: "$19.95", imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-3842.jpg" },
        { id: "p3", name: "Spicy Tuna Roll", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/unagi-sushi-rolls-served-white-stone-board-with-kiwi-cocktail_141793-410.jpg" },
        { id: "p4", name: "California Roll", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/hamachi-sushi_74190-5920.jpg?_wi=1" },
        { id: "p5", name: "Shrimp Tempura Roll", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-learning-make-sushi_23-2151202949.jpg" },
        { id: "p6", name: "Miso Soup", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/boards-with-rolls-black_23-2147773630.jpg" },
        { id: "p7", name: "Seaweed Salad", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/condiments-near-boards-with-sushi_23-2147773574.jpg" },
        { id: "p8", name: "Green Tea Mochi", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/long-steel-dish-with-grape-sliced-apple-watermelon_8353-572.jpg?_wi=1" }
      ]}
      title="Full Menu Selections"
      description="Authentic hibachi and fresh, artisanal sushi prepared daily."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Amazing service, fantastic food quality, and a fun chef performance. Our go-to spot for any special occasion in St. Clair!"
      rating={5}
      author="Happy Guest"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934661.jpg",          alt: "Guest"},
        {
          src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934665.jpg",          alt: "Guest"},
        {
          src: "http://img.b2bpic.net/free-photo/unagi-sushi-rolls-served-white-stone-board-with-kiwi-cocktail_141793-410.jpg",          alt: "Guest"},
        {
          src: "http://img.b2bpic.net/free-photo/chef-holds-two-frying-pans-with-burning-fire_140725-4961.jpg",          alt: "Guest"},
        {
          src: "http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-19805.jpg",          alt: "Guest"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Do you accept reservations?",          content: "Yes, we highly recommend making a reservation, especially for large groups and weekends."},
        {
          id: "q2",          title: "Are you open on weekends?",          content: "Yes! We are open 7 days a week, with extended hours on Friday and Saturday until 10:30 PM."},
        {
          id: "q3",          title: "Is takeout available?",          content: "Absolutely. You can order takeout by phone."},
      ]}
      title="Plan Your Visit"
      description="Everything you need to know about dining at Uma Hibachi."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit Us at Coal Creek"
      description="400 Terry Rich Blvd, St Clair, PA 17970 | (570) 429-0686"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Reservation details or questions...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/sansoji-temple-famous-tokyo-japan_1150-11097.jpg?_wi=2"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Uma Hibachi & Sushi"
      columns={[
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Menu",              href: "https://umahibachisushi.com"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "(570) 429-0686",              href: "tel:5704290686"},
            {
              label: "St. Clair, PA",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Uma Hibachi & Sushi."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}