"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="dotGrid"
      cardStyle="spotlight"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Sakura Sushi"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Sakura Sushi Restaurant"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815282638-jqdn27ad.jpg",
              imageAlt: "Premium sushi platter"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823072820-fh9j8gqy.jpg",
              imageAlt: "Fresh nigiri sushi selection"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg",
              imageAlt: "Artfully arranged sushi rolls"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823073749-ox9qhm29.jpg",
              imageAlt: "Master chef crafting sushi"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823074689-81v54jo8.jpg",
              imageAlt: "Premium sashimi assortment"
            }
          ]}
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Make Reservation", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Experience authentic Japanese sushi crafted by master chefs. We combine traditional Edo-mae sushi techniques with the finest premium ingredients sourced directly from Japan. Every piece of sushi is a work of art, reflecting our commitment to excellence and respect for the craft."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Our Premium Menu"
          description="Handcrafted sushi and Japanese specialties using the finest ingredients and traditional techniques"
          products={[
            {
              id: "1",
              name: "Toro Nigiri Set",
              price: "¥2,800",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823075552-1cw5ayus.jpg",
              imageAlt: "Premium toro nigiri selection"
            },
            {
              id: "2",
              name: "Dragon Roll",
              price: "¥2,200",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815286222-1wyqliyq.jpg",
              imageAlt: "Dragon roll with avocado and eel"
            },
            {
              id: "3",
              name: "Omakase Experience",
              price: "¥5,500",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245920754-l4cqyyki.jpg",
              imageAlt: "Chef's choice omakase selection"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Experience the difference master craftsmanship makes"
          testimonials={[
            {
              id: "1",
              name: "Yuki Tanaka",
              role: "Regular Guest",
              testimonial: "The sushi at Sakura is exceptional. Every visit is a masterclass in flavor and technique. This is authentic sushi at its finest.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Yuki Tanaka"
            },
            {
              id: "2",
              name: "James Mitchell",
              role: "Food Critic",
              testimonial: "I've dined at top sushi restaurants worldwide. Sakura's dedication to quality and tradition is unmatched. Truly remarkable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823077103-l79lbi6f.jpg",
              imageAlt: "James Mitchell"
            },
            {
              id: "3",
              name: "Sakura Yamamoto",
              role: "Chef & Food Blogger",
              testimonial: "As a chef myself, I'm impressed by the precision and respect for tradition here. This is how sushi should be made.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Sakura Yamamoto"
            },
            {
              id: "4",
              name: "David Chen",
              role: "Restaurant Owner",
              testimonial: "I recommend Sakura to all my guests. The attention to detail and culinary excellence is something special.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg",
              imageAlt: "David Chen"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Master Chefs"
          description="Our talented team of sushi masters and culinary professionals dedicated to excellence"
          groups={[
            {
              id: "sushi-chefs",
              groupTitle: "Sushi Masters",
              members: [
                {
                  id: "1",
                  title: "Chef Hiroshi Yamada",
                  subtitle: "Head Sushi Chef",
                  detail: "25+ years of experience, trained in Tokyo",
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
                  imageAlt: "Chef Hiroshi Yamada"
                },
                {
                  id: "2",
                  title: "Chef Kenji Sato",
                  subtitle: "Senior Sushi Chef",
                  detail: "15 years specializing in nigiri",
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823077103-l79lbi6f.jpg",
                  imageAlt: "Chef Kenji Sato"
                },
                {
                  id: "3",
                  title: "Chef Akiko Tanaka",
                  subtitle: "Sushi Chef",
                  detail: "Specializes in rolls and innovative pieces",
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
                  imageAlt: "Chef Akiko Tanaka"
                }
              ]
            },
            {
              id: "support-staff",
              groupTitle: "Support Team",
              members: [
                {
                  id: "4",
                  title: "Yuki Nakamura",
                  subtitle: "Restaurant Manager",
                  detail: "Ensures exceptional dining experience",
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg",
                  imageAlt: "Yuki Nakamura"
                },
                {
                  id: "5",
                  title: "Tomoe Suzuki",
                  subtitle: "Head Server",
                  detail: "Expert in sake and wine pairings",
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815286222-1wyqliyq.jpg",
                  imageAlt: "Tomoe Suzuki"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Updates"
          title="Subscribe to Our Newsletter"
          description="Stay informed about new menu items, seasonal specials, and exclusive dining experiences at Sakura Sushi."
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Sakura Sushi"
          description="Premium sushi restaurant featuring master chefs and authentic Japanese cuisine."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "Menu", href: "products" },
                { label: "About Us", href: "about" },
                { label: "Our Chefs", href: "team" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "terms" },
                { label: "Privacy Policy", href: "privacy" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Reservations", href: "contact" },
                { label: "Location", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            }
          ]}
          copyrightText="© 2025 Sakura Sushi. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}