"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Fish, Heart, Smile, Star, Tag } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Value",
          id: "value",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Reserve",
          id: "contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/colorful-sushi-arrangement_23-2151977828.jpg"
      logoAlt="Ataeru Izakaya Logo"
      brandName="Ataeru Izakaya"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Ataeru Izakaya"
      description="Premium sashimi, perfectly grilled fish, and genuine hospitality hidden in Kajang—every dish prepared with care and exceptional value that keeps guests returning"
      buttons={[
        {
          text: "Reserve Your Table",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg"
      imageAlt="Authentic Japanese dining interior"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Story: Where Culinary Craft Meets Warmth"
      description="Ataeru Izakaya brings the authentic spirit of Japanese dining to Kajang. Our commitment is to fresh, seasonal ingredients, meticulously prepared dishes, and generous portions that leave you truly satisfied. Experience the 'Ataeru' difference—to give, to provide—in every aspect of your visit."
      bulletPoints={[
        {
          title: "Freshness Guaranteed",
          description: "Daily sourced seafood and premium ingredients for unparalleled quality.",
          icon: Fish,
        },
        {
          title: "Exceptional Value",
          description: "Generous portions and fair pricing, ensuring a delightful and affordable experience.",
          icon: Tag,
        },
        {
          title: "Genuine Hospitality",
          description: "Warm, attentive service that makes every guest feel truly at home.",
          icon: Smile,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-entrance-japanese-temple_23-2148809577.jpg"
      imageAlt="Cozy and authentic Japanese restaurant interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "sashimi",
          name: "Premium Sashimi Platter",
          price: "RM 98",
          variant: "Fresh Catch",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-hearts-slice-onion-with-pomegranate-arils-wooden-plate_114579-86026.jpg",
          imageAlt: "Premium Sashimi Platter",
        },
        {
          id: "yakitori",
          name: "Assorted Yakitori Skewers",
          price: "RM 45",
          variant: "Grilled to Perfection",
          imageSrc: "http://img.b2bpic.net/free-photo/pork-charcoal-grill_1339-5004.jpg",
          imageAlt: "Assorted Yakitori Skewers",
        },
        {
          id: "tempura",
          name: "Crispy Ebi Tempura",
          price: "RM 38",
          variant: "Golden Fried",
          imageSrc: "http://img.b2bpic.net/free-photo/batter-fried-prawns-wood_1339-7727.jpg",
          imageAlt: "Crispy Ebi Tempura",
        },
        {
          id: "ramen",
          name: "Rich Tonkotsu Ramen",
          price: "RM 35",
          variant: "Hearty Broth",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-ramen-bowls_23-2148202109.jpg",
          imageAlt: "Rich Tonkotsu Ramen",
        },
        {
          id: "udon",
          name: "Seafood Udon Soup",
          price: "RM 42",
          variant: "Noodle Delight",
          imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg",
          imageAlt: "Seafood Udon Soup",
        },
        {
          id: "bento",
          name: "Ataeru Special Bento",
          price: "RM 55",
          variant: "Complete Meal",
          imageSrc: "http://img.b2bpic.net/free-photo/rice-background-delicious-space-white_1203-3864.jpg",
          imageAlt: "Ataeru Special Bento",
        },
      ]}
      title="Our Signature Dishes"
      description="Explore a curated selection of our most loved dishes, from succulent sashimi to expertly grilled delights. Each dish reflects our dedication to authentic flavors and generous presentation."
    />
  </div>

  <div id="value" data-section="value">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Small Portions",
          "Mediocre Ingredients",
          "Impersonal Service",
          "Hidden Costs",
        ],
      }}
      positiveCard={{
        items: [
          "Generous Portions",
          "Premium Fresh Ingredients",
          "Warm, Attentive Service",
          "Transparent Pricing",
        ],
      }}
      title="The Ataeru Difference"
      description="We believe in transparency and honest value. See how Ataeru Izakaya stands apart in offering a truly premium dining experience without compromise."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          handle: "@sarah_foodie",
          testimonial: "Ataeru Izakaya is a hidden gem! The sashimi was incredibly fresh, and the service made us feel so welcome. Definitely coming back for more.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          handle: "@mikey_eats",
          testimonial: "The grilled fish here is out of this world! Generous portions and such great value for premium Japanese cuisine. A must-visit in Kajang.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera-office_482257-119300.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          handle: "@emily.rdgz",
          testimonial: "Celebrated my birthday here, and it was perfect! The ambiance is lovely, and every dish was a work of art. Highly recommend Ataeru!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-standing-city_839833-15335.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          handle: "@davidk_reviews",
          testimonial: "Finally, an authentic izakaya with honest flavors and fair prices. The lunch sets are fantastic for a quick, satisfying meal. Consistent quality every time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-wearing-blue-shirt-glasses_273609-42032.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Jessica & Tom Lee",
          handle: "@foodlover_duo",
          testimonial: "Our new favorite Japanese spot! The dedication to quality is evident in every bite. We always leave feeling happy and well-fed.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-selfie-while-having-sushi_107420-65739.jpg",
          imageAlt: "Jessica & Tom Lee",
        },
      ]}
      showRating={true}
      title="What Our Guests Say"
      description="Hear from our cherished patrons about their unforgettable experiences, praising our fresh ingredients, warm atmosphere, and exceptional culinary creations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "99%",
          title: "Guest Satisfaction",
          description: "Our guests consistently rate their dining experience as excellent.",
          icon: Heart,
        },
        {
          id: "2",
          value: "10+",
          title: "Years of Tradition",
          description: "Bringing authentic Japanese culinary heritage to Kajang.",
          icon: Award,
        },
        {
          id: "3",
          value: "5-Star",
          title: "Average Rating",
          description: "Consistently highly-rated across major review platforms.",
          icon: Star,
        },
      ]}
      title="The Numbers Speak for Themselves"
      description="Our commitment to excellence is reflected in every aspect of our restaurant, from the fresh ingredients to the unforgettable dining experiences we create."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What are your operating hours?",
          content: "We are open for lunch from 12:00 PM to 2:30 PM, and for dinner from 6:00 PM to 10:00 PM, Tuesday through Sunday. We are closed on Mondays.",
        },
        {
          id: "2",
          title: "Do you offer vegetarian or vegan options?",
          content: "Yes, we have a selection of vegetarian dishes and can accommodate some vegan requests. Please inform our staff about your dietary preferences when ordering.",
        },
        {
          id: "3",
          title: "How can I make a reservation?",
          content: "You can make a reservation directly through our website's contact form, or by calling us during operating hours. We recommend booking in advance, especially for weekend dinners.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Reserve Your Table"
      description="Plan your visit to Ataeru Izakaya for an authentic Japanese dining experience. Fill out the form below or call us directly."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Preferred Date",
          required: true,
        },
        {
          name: "time",
          type: "time",
          placeholder: "Preferred Time",
          required: true,
        },
        {
          name: "guests",
          type: "number",
          placeholder: "Number of Guests",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special requests or dietary needs",
        rows: 3,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-spring-rolls-rice-paper-kitchen_169016-48456.jpg"
      imageAlt="Sushi chef preparing fresh food"
      mediaPosition="right"
      buttonText="Book Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047578.jpg"
      imageAlt="Traditional Japanese lanterns at night"
      logoText="Ataeru Izakaya"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
          ],
        },
        {
          title: "Info",
          items: [
            {
              label: "Reviews",
              href: "#reviews",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Follow Us",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Google Maps",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Ataeru Izakaya. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
