"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import AboutPhoneTimeline from "@/components/sections/about/AboutPhoneTimeline";
import ProductCardSeven from "@/components/sections/product/ProductCardSeven";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import TestimonialCardEleven from "@/components/sections/testimonial/TestimonialCardEleven";
import ContactCenterForm from "@/components/sections/contact/ContactCenterForm";
import FooterBase from "@/components/sections/footer/FooterBase";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="large"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sakura Sushi"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Reserve Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Authentic Japanese Sushi Excellence"
          description="Experience the finest hand-crafted sushi made with premium ingredients and traditional techniques. Reserve your table for an unforgettable culinary journey."
          tag="Premium Sushi Restaurant"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767579821417-ilvpcudz.jpg"
          imageAlt="Fresh sushi platter"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="Our Story"
          title="Crafting Sushi Traditions Since 2010"
          description="At Sakura Sushi, we believe in the art of sushi making. Our master chefs bring decades of experience from Tokyo, sourcing only the finest ingredients daily. Every piece is crafted with precision and passion to deliver an authentic Japanese dining experience."
          phoneOne={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767579825893-hygny1rl.jpg"
          }}
          phoneTwo={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274889281-zdg09wmk.jpg"
          }}
          textboxLayout="default"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSeven
          title="Signature Menu Highlights"
          description="Discover our most beloved sushi creations, carefully curated for flavor and authenticity"
          tag="Featured Dishes"
          products={[
            {
              id: "1",
              name: "Dragon Roll",
              price: "$18",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767579822655-f18orzhc.jpg",
              imageAlt: "Dragon Roll"
            },
            {
              id: "2",
              name: "Premium Sashimi Platter",
              price: "$42",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767579823889-6vuqcsiu.jpg",
              imageAlt: "Premium Sashimi Platter"
            },
            {
              id: "3",
              name: "Assorted Sashimi Selection",
              price: "$35",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767579824778-w7909ijb.jpg",
              imageAlt: "Assorted Sashimi Selection"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Sakura Sushi"
          description="Compare what sets us apart from ordinary sushi restaurants"
          tag="Excellence"
          negativeCard={{
            title: "Other Restaurants",
            items: [
              "Frozen or day-old fish",
              "Mass-produced rolls",
              "Limited authenticity",
              "Inconsistent quality"
            ]
          }}
          positiveCard={{
            title: "Sakura Sushi",
            items: [
              "Fresh daily imports from Japan",
              "Hand-crafted by master chefs",
              "Authentic Tokyo traditions",
              "Premium consistency guaranteed"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Guests Say"
          description="Hear from diners who have experienced our culinary excellence"
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Johnson, Food Critic",
              quote: "The most authentic sushi experience I've had outside of Tokyo. The attention to detail and quality of ingredients is unmatched.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766152144682-htnjk2vn.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Regular Guest",
              quote: "Every visit to Sakura Sushi feels like coming home. The chefs remember your preferences and always exceed expectations.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766962011166-0qhi1ibd.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Emily Rodriguez, Celebration Guest",
              quote: "We celebrated our anniversary here and it was absolutely magical. Impeccable service paired with incredible food.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              nameTitle: "David Kim, Business Executive",
              quote: "The perfect venue for impressing clients. Premium quality, elegant ambiance, and service that speaks volumes.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341387337-1qtu0xqh.jpg",
              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Reserve Your Table"
          description="Book your dining experience at Sakura Sushi. We look forward to welcoming you."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: true
            },
            {
              name: "date",
              type: "date",
              placeholder: "Preferred Date",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or dietary restrictions",
            rows: 4,
            required: false
          }}
          buttonText="Complete Reservation"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Sakura Sushi"
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Reservations", href: "contact" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Mon-Thu: 5pm-10pm", href: "#" },
                { label: "Fri-Sat: 5pm-11pm", href: "#" },
                { label: "Sunday: 5pm-9pm", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Sakura Sushi. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}