"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Fish, MapPin, Smile, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="medium"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
      ]}
      brandName="Okinii Hibachi & Sushi"
      button={{
        text: "Order Online",
        href: "https://order.okiniinewportnews.com",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Authentic Hibachi & Fresh Sushi in Newport News"
      description="Experience the vibrant flavors of Japan right in the heart of Oyster Point Plaza. From sizzling teppanyaki to our signature fresh sushi rolls, we bring quality and taste to every meal."
      tag="Visit Us Today"
      buttons={[
        {
          text: "Order Delivery",
          href: "https://order.okiniinewportnews.com",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sushi_74190-4350.jpg",
          imageAlt: "Okinii Japanese Restaurant Atmosphere",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-3815.jpg",
          imageAlt: "Fresh Sushi Platter",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-selection-wooden-decorative-tray_114579-3489.jpg",
          imageAlt: "Sushi rolls selection in a wooden decorative tray.",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-nigiri-sushi-roll_74190-6107.jpg",
          imageAlt: "Raw and fresh nigiri sushi roll",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg",
          imageAlt: "Salmon sushi top view",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="4.7 rating based on 340+ reviews"
      tagIcon={MapPin}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="A Tradition of Quality"
      metrics={[
        {
          icon: Utensils,
          label: "Hibachi Classics",
          value: "100+",
        },
        {
          icon: Fish,
          label: "Sushi Varieties",
          value: "50+",
        },
        {
          icon: Smile,
          label: "Happy Customers",
          value: "300+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Crab Rangoon",
          description: "Crispy, golden wontons filled with creamy crab and cheese blend.",
          imageSrc: "http://img.b2bpic.net/free-photo/herb-fried-chicken-white-plate-wooden-floor_1150-22381.jpg",
          imageAlt: "Crab Rangoon",
        },
        {
          title: "Hibachi Chicken & Shrimp",
          description: "Sizzling, tender chicken and succulent shrimp cooked to perfection.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-plate-delicious-food-table_181624-38627.jpg",
          imageAlt: "Hibachi Plate",
        },
        {
          title: "Chef's Special Sushi",
          description: "Hand-rolled signature sushi combinations by our talented chefs.",
          imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-rolls_1339-5524.jpg",
          imageAlt: "Signature Sushi",
        },
      ]}
      title="Our Signature Dishes"
      description="Discover our most popular hibachi and sushi items, crafted with the freshest ingredients to provide an unforgettable culinary experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "KEL'S WORLD",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-asian-look-with-modest-hairdo-sit-table-eat-sushi-rolls-smiling-isolated-white_231208-3040.jpg",
        },
        {
          id: "2",
          name: "AL Franklin",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461464.jpg",
        },
        {
          id: "3",
          name: "Angel",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
        },
        {
          id: "4",
          name: "Samantha L.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg",
        },
        {
          id: "5",
          name: "David W.",
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1496.jpg",
        },
      ]}
      cardTitle="What Our Guests Say"
      cardTag="Customer Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "GrubHub",
        "Yelp",
        "Google Maps",
        "Newport News Chamber",
        "Local Foodie Council",
        "Japanese Culinary Society",
        "Virginia Hospitality",
      ]}
      title="Trusted Partners & Community"
      description="We are proud to be a staple in the Newport News community and partner with local and national services."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do you offer takeout?",
          content: "Yes, we offer convenient takeout service. Order online through our website for quick pickup.",
        },
        {
          id: "2",
          title: "Is delivery available?",
          content: "Yes, we deliver through trusted partners like GrubHub. Check our website for ordering details.",
        },
        {
          id: "3",
          title: "Are you open on holidays?",
          content: "We are typically open during holidays like Mother's Day. Please check our recent updates for specific hours.",
        },
      ]}
      title="Common Questions"
      description="Find answers to our most frequently asked questions about dining, pickup, and delivery."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get in Touch"
      description="Have a question or want to make a reservation? Reach out to our team at any time."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/spider-sculpture-by-louise-bourgeois-situated-base-mori-tower-building-roppongi-hills_1339-6988.jpg"
    />
  </div>

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