"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="grid"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="HACHI Budapest"
          logoSrc="https://via.placeholder.com/150/000000/FFFFFF?text=HACHI"
          logoAlt="HACHI Budapest logo"
          navItems={[
            { name: "Menu", id: "#menu" },
            { name: "About", id: "#about" },
            { name: "Visit", id: "#visit" },
            { name: "Gallery", id: "#gallery" },
            { name: "Reviews", id: "#reviews" }
          ]}
          button={{ text: "Order Pickup", href: "#" }}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="HACHI Budapest"
          description="The Noods You Need. Avant-garde Japanese comfort food in a modern coat."
          background={{ variant: "rotated-rays-animated" }}
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Find Us", href: "#visit" }
          ]}
          carouselItems={[
            { id: "hero-1", imageSrc: "https://source.unsplash.com/random/800x600?ramen,bowl&1", imageAlt: "Appetizing ramen bowl with steam" },
            { id: "hero-2", imageSrc: "https://source.unsplash.com/random/800x600?sushi,platter&2", imageAlt: "Sashimi platter with elegant presentation" },
            { id: "hero-3", imageSrc: "https://source.unsplash.com/random/800x600?japanese,cocktail&3", imageAlt: "Japanese cocktail in a dark, atmospheric bar" },
            { id: "hero-4", imageSrc: "https://source.unsplash.com/random/800x600?tempura,dish&4", imageAlt: "Crispy katsu chicken with sauce" },
            { id: "hero-5", imageSrc: "https://source.unsplash.com/random/800x600?restaurant,interior,japanese&5", imageAlt: "Modern intimate Japanese restaurant interior" },
            { id: "hero-6", imageSrc: "https://source.unsplash.com/random/800x600?chef,cooking,asian&6", imageAlt: "Japanese chef preparing food" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="HACHI Budapest: A Culinary Journey"
          description="HACHI Budapest brings an avant-garde take on traditional Japanese comfort food to the heart of downtown. Located on Október 6. utca, our restaurant embodies a philosophy where intimate izakaya warmth meets contemporary minimalist design. We believe in crafting dishes that are both familiar and innovative, using the finest ingredients to redefine Japanese cuisine. Our journey is shared with our sister spot, @hachiko_budapest, a testament to our passion for authentic Japanese flavors with a modern twist."
          subdescription="Experience 'the noods you need' and more, in a setting designed for memorable culinary moments."
          icon={Sparkles}
          imageSrc="https://source.unsplash.com/random/1200x800?restaurant,dining,japanese&7"
          imageAlt="Modern Japanese restaurant interior with diners"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Full Menu"
          description="Discover our curated selection of Japanese comfort food, from rich ramen to delicate sashimi and innovative cocktails. Vegan options are clearly marked for your convenience."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            { id: "ramen-1", name: "Classic Tonkotsu Ramen", price: "4,800 Ft", imageSrc: "https://source.unsplash.com/random/600x400?tonkotsu,ramen&8", imageAlt: "Classic Tonkotsu Ramen" },
            { id: "udon-1", name: "Tempura Udon", price: "5,200 Ft", imageSrc: "https://source.unsplash.com/random/600x400?udon,tempura&9", imageAlt: "Tempura Udon" },
            { id: "sashimi-1", name: "Assorted Sashimi (6 pcs)", price: "12,000 Ft", imageSrc: "https://source.unsplash.com/random/600x400?sashimi,fresh&10", imageAlt: "Assorted Sashimi" },
            { id: "katsu-1", name: "Pork Katsu Curry", price: "6,500 Ft", imageSrc: "https://source.unsplash.com/random/600x400?pork,katsu,curry&11", imageAlt: "Pork Katsu Curry" },
            { id: "smallplate-1", name: "Vegan Gyoza (V)", price: "3,800 Ft", imageSrc: "https://source.unsplash.com/random/600x400?vegan,gyoza&12", imageAlt: "Vegan Gyoza" },
            { id: "cocktail-1", name: "Tokyo Negroni", price: "3,600 Ft", imageSrc: "https://source.unsplash.com/random/600x400?tokyo,negroni&13", imageAlt: "Tokyo Negroni cocktail" }
          ]}
          useInvertedBackground={false}
          textboxLayout="default"
        />
      </div>
      <div id="visit" data-section="visit" className="grid lg:grid-cols-2 gap-8">
        <FeatureCardSix
          title="Visit HACHI Budapest"
          description="We are located at Október 6. utca 8, 1051, V. kerület, just a short walk from St. Stephen's Basilica. We operate on a walk-in only policy — no reservations needed, just come as you are!"
          textboxLayout="default"
          features={[
            { title: "Opening Hours", description: "Daily from 11:30 AM. Closed Mon–Fri 4–5 PM for dinner reset. Open until 11 PM.", imageSrc: "https://source.unsplash.com/random/800x600?clock,time&14", imageAlt: "Opening hours icon" },
            { title: "Location", description: "Október 6. utca 8, 1051, V. kerület. Google Map embedded for easy navigation.", imageSrc: "https://source.unsplash.com/random/800x600?map,location&15", imageAlt: "Google Map showing HACHI Budapest location" },
            { title: "Seating", description: "We offer both indoor and outdoor seating options. Enjoy your meal al fresco when the weather is fine!", imageSrc: "https://source.unsplash.com/random/800x600?restaurant,seating&16", imageAlt: "Outdoor seating area at restaurant" }
          ]}
          useInvertedBackground={true}
        />
      </div>
      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Visual Journey"
          description="Explore the vibrant dishes and unique atmosphere that define HACHI Budapest. From culinary creations to our intimate izakaya-meets-contemporary design."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            { id: "gallery-1", name: "Signature Sushi Rolls", price: "", imageSrc: "https://source.unsplash.com/random/800x600?sushi,rolls&17", imageAlt: "Close-up of a signature sushi roll" },
            { id: "gallery-2", name: "Chicken Teriyaki", price: "", imageSrc: "https://source.unsplash.com/random/800x600?chicken,teriyaki&18", imageAlt: "Aesthetic photo of Chicken Teriyaki" },
            { id: "gallery-3", name: "Modern Interior", price: "", imageSrc: "https://source.unsplash.com/random/800x600?japanese,restaurant,design&19", imageAlt: "Sleek modern Japanese restaurant interior" },
            { id: "gallery-4", name: "Vegetable Tempura", price: "", imageSrc: "https://source.unsplash.com/random/800x600?vegetable,tempura&20", imageAlt: "Vibrant vegetable tempura platter" },
            { id: "gallery-5", name: "Ramen Bar Counter", price: "", imageSrc: "https://source.unsplash.com/random/800x600?ramen,bar,counter&21", imageAlt: "Ramen bar counter seating" },
            { id: "gallery-6", name: "Japanese Desserts", price: "", imageSrc: "https://source.unsplash.com/random/800x600?japanese,dessert,mochi&22", imageAlt: "Signature Japanese dessert, mochi ice cream" }
          ]}
          useInvertedBackground={false}
          textboxLayout="default"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Hear from those who've experienced the unique taste and ambiance of HACHI Budapest."
          textboxLayout="default"
          testimonials={[
            { id: "testimonial-1", name: "Anna K.", date: "2 days ago", title: "Best Ramen in Budapest!", quote: "HACHI Budapest completely exceeded my expectations. The Tonkotsu ramen was rich, flavorful, and truly authentic. The atmosphere is cozy yet stylish, perfect for a night out. Highly recommend!", tag: "Foodie Review", avatarSrc: "https://randomuser.me/api/portraits/women/1.jpg", avatarAlt: "Anna K. avatar", imageSrc: "https://source.unsplash.com/random/800x600?person,eating,ramen&23", imageAlt: "Person enjoying ramen" },
            { id: "testimonial-2", name: "Gergő T.", date: "1 week ago", title: "Innovative and Delicious", quote: "The sashimi platter was incredibly fresh and beautifully presented. HACHI's approach to Japanese cuisine feels truly avant-garde. A fantastic spot for a sophisticated dining experience.", tag: "Local Critic", avatarSrc: "https://randomuser.me/api/portraits/men/2.jpg", avatarAlt: "Gergő T. avatar", imageSrc: "https://source.unsplash.com/random/800x600?sashimi,dish&24", imageAlt: "Sashimi platter" },
            { id: "testimonial-3", name: "Zsófia M.", date: "3 weeks ago", title: "Perfect Atmosphere & Cocktails", quote: "I loved the intimate, modern design of HACHI. The Tokyo Negroni was a revelation! It's clear a lot of thought went into every detail, from the decor to the amazing drinks.", tag: "Ambiance Lover", avatarSrc: "https://randomuser.me/api/portraits/women/3.jpg", avatarAlt: "Zsófia M. avatar", imageSrc: "https://source.unsplash.com/random/800x600?japanese,cocktail,bar&25", imageAlt: "Japanese cocktail" },
            { id: "testimonial-4", name: "Máté P.", date: "1 month ago", title: "A True Hidden Gem", quote: "Every dish we tried was outstanding. The Katsu Curry was crispy and satisfying, and the service was impeccable. This is definitely my new favorite Japanese restaurant in Budapest.", tag: "Regular Customer", avatarSrc: "https://randomuser.me/api/portraits/men/4.jpg", avatarAlt: "Máté P. avatar", imageSrc: "https://source.unsplash.com/random/800x600?japanese,food,table&26", imageAlt: "Table of Japanese dishes" },
            { id: "testimonial-5", name: "Eszter F.", date: "2 months ago", title: "Amazing Vegan Options", quote: "As a vegan, finding great Japanese food can be a challenge, but HACHI delivered! Their Vegan Gyoza and Shoyu Ramen were incredible. So happy to have such delicious choices.", tag: "Vegan Friendly", avatarSrc: "https://randomuser.me/api/portraits/women/5.jpg", avatarAlt: "Eszter F. avatar", imageSrc: "https://source.unsplash.com/random/800x600?vegan,ramen,bowl&27", imageAlt: "Vegan ramen bowl" }
          ]}
          useInvertedBackground={true}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Locals & Visitors"
          description="Our commitment to quality and service has earned us high praise from our valued customers."
          textboxLayout="default"
          names={[
            "4.6★ on Google - 1,400+ reviews",            "TripAdvisor Excellence",            "Budapest Food Guide Pick",            "Local Favorite Award",            "Gastronomic Hungary Endorsed",            "Dining Budapest Recommended",            "Food Critics Choice"
          ]}
          tag="Customer Endorsement"
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="HACHI"
          logoSrc="https://via.placeholder.com/150/000000/FFFFFF?text=HACHI"
          logoAlt="HACHI Budapest logo"
          leftLink={{ text: "Instagram", href: "https://www.instagram.com/hachi_budapest" }}
          rightLink={{ text: "Facebook", href: "https://www.facebook.com/hachibudapest" }}
        />
      </div>
    </ThemeProvider>
  );
}
