"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="animatedAurora"
      cardStyle="solid-accent-light"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sakura"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Experience Authentic Japanese Cuisine"
          description="Welcome to Sakura, where tradition meets elegance. Savor the finest selection of sushi, ramen, and traditional Japanese dishes prepared with the highest quality ingredients and time-honored techniques."
          tag="Fine Dining"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042261172-754k01sb.jpg"
          imageAlt="Beautifully plated sushi arrangement"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          title="Our Story"
          description="Founded in 2005, Sakura has been dedicated to bringing the authentic flavors of Japan to our community. Our master chefs bring over 30 years of combined experience from Tokyo's finest restaurants. We believe in using only the freshest ingredients and maintaining traditional cooking methods passed down through generations."
          tag="About Us"
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766242509936-5sra46kr.jpg",
            imageAlt: "Restaurant app interface"
          }}
          phoneTwo={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347536220-k0f3hjlf.jpg",
            imageAlt: "Mobile ordering app"
          }}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardNineteen
          title="Signature Dishes"
          description="Discover our most beloved creations"
          tag="Menu"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Specialty",
              title: "Premium Ramen",
              subtitle: "Slow-simmered broth perfection",
              description: "Our signature ramen is crafted with a 12-hour pork bone broth, topped with chashu pork, soft-boiled egg, and fresh bamboo shoots. A taste of comfort and tradition.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274889281-zdg09wmk.jpg",
              imageAlt: "Premium ramen bowl"
            },
            {
              id: 2,
              tag: "Classic",
              title: "Crispy Tempura",
              subtitle: "Light, airy, and perfectly fried",
              description: "Hand-battered shrimp and seasonal vegetables fried to golden perfection. Served with our house-made tentsuyu dipping sauce and fresh ginger.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274890397-nav2ujie.jpg",
              imageAlt: "Crispy tempura selection"
            },
            {
              id: 3,
              tag: "Premium",
              title: "Salmon Sashimi",
              subtitle: "Fresh from trusted suppliers",
              description: "Grade-A salmon imported daily, sliced fresh and served with wasabi, pickled ginger, and soy sauce. A pure expression of quality and freshness.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274891427-qaga0jd5.jpg",
              imageAlt: "Fresh salmon sashimi"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Why Choose Sakura"
          description="Trust in our commitment to excellence"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "20+",
              tag: "Years",
              title: "Years of Excellence"
            },
            {
              id: "2",
              value: "50K+",
              tag: "Guests",
              title: "Satisfied Customers"
            },
            {
              id: "3",
              value: "100%",
              tag: "Fresh",
              title: "Premium Ingredients"
            },
            {
              id: "4",
              value: "5★",
              tag: "Rating",
              title: "Consistently Rated"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Team"
          description="Passionate chefs and hospitality professionals"
          tag="Our Team"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          members={[
            {
              id: "1",
              name: "Kenji Tanaka",
              role: "Executive Chef & Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183872185-r63000od.jpg",
              imageAlt: "Chef Kenji Tanaka"
            },
            {
              id: "2",
              name: "Hiroshi Yamamoto",
              role: "Sous Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg",
              imageAlt: "Chef Hiroshi Yamamoto"
            },
            {
              id: "3",
              name: "Yuki Sakamoto",
              role: "Head Server",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245919968-9vhvqd14.jpg",
              imageAlt: "Yuki Sakamoto"
            },
            {
              id: "4",
              name: "Akiko Nakamura",
              role: "Pastry Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
              imageAlt: "Chef Akiko Nakamura"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardNine
          title="What Our Guests Say"
          description="Real feedback from diners who love Sakura"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "The best sushi experience I've had outside of Japan. Every detail is perfect, from the rice temperature to the freshness of the fish. Truly exceptional.",
              name: "Sarah Chen",
              role: "Food Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274892653-3j2wb3s8.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              quote: "We celebrated our anniversary here and it was unforgettable. The ambiance, the food, the service - everything was impeccable. We're coming back next week.",
              name: "Michael Rodriguez",
              role: "Loyal Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              quote: "The ramen is absolutely divine. You can taste the care and tradition in every bowl. This is comfort food elevated to an art form.",
              name: "Emma Thompson",
              role: "Regular Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "4",
              quote: "Finally found an authentic Japanese restaurant that doesn't compromise on quality. Chef Kenji's passion is evident in every dish.",
              name: "James Park",
              role: "Food Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274893633-rhbtjg71.jpg",
              imageAlt: "James Park"
            },
            {
              id: "5",
              quote: "The presentation is beautiful, the flavors are authentic, and the staff treats you like family. This is my new favorite restaurant.",
              name: "Lisa Wong",
              role: "Visiting Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278834679-mepfz8op.jpg",
              imageAlt: "Lisa Wong"
            },
            {
              id: "6",
              quote: "A culinary journey through Japan without leaving the city. Every course was a revelation. Highly recommended to anyone serious about food.",
              name: "David Patton",
              role: "Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767274894726-itok73o5.jpg",
              imageAlt: "David Patton"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to reserve your table?"
          inputPlaceholder="Enter your email"
          buttonText="Get In Touch"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Sakura"
          copyrightText="© 2025 Sakura Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Lunch: 11am - 3pm", href: "#" },
                { label: "Dinner: 5pm - 11pm", href: "#" },
                { label: "Closed Mondays", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Phone", href: "tel:+1234567890" },
                { label: "Email", href: "mailto:info@sakura.com" },
                { label: "Address", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}