"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="China Town"
          bottomLeftText="Authentic Chinese Cuisine"
          bottomRightText="info@chinatown.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="China Town"
          description="Experience authentic Chinese cuisine crafted with traditional recipes and the finest ingredients. From hand-pulled noodles to perfectly steamed dumplings, every dish tells a story of culinary excellence."
          buttons={[
            { text: "Reserve a Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
          imageAlt="China Town Restaurant Interior"
          mediaAnimation="blur-reveal"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Celebrating" },
            { type: "text", content: "20 Years" },
            { type: "text", content: "of culinary heritage and authentic flavors" }
          ]}
          buttons={[
            { text: "Our Story", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Signature Dishes"
          description="Discover our most beloved dishes, perfected over decades of culinary tradition"
          tag="Menu Favorites"
          products={[
            {
              id: "1",              brand: "Sichuan",              name: "Mapo Tofu",              price: "$12.99",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-6881.jpg",              imageAlt: "Mapo Tofu - Spicy Sichuan dish"
            },
            {
              id: "2",              brand: "Beijing",              name: "Peking Duck",              price: "$28.99",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-asian-food-peking-duck-with-cucumbers-sauce-plate_141793-11570.jpg",              imageAlt: "Peking Duck - Traditional roasted duck"
            },
            {
              id: "3",              brand: "Dim Sum",              name: "Steamed Dumplings",              price: "$9.99",              rating: 5,
              reviewCount: "3.1k",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement-still-life_23-2149325294.jpg",              imageAlt: "Steamed Dumplings - Fresh dim sum"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Join thousands of satisfied diners who experience exceptional Chinese cuisine at China Town"
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Food Critic",              testimonial: "The most authentic Chinese dining experience I've had outside of Beijing. Every dish is a masterpiece.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Wong",              role: "Restaurant Owner",              testimonial: "China Town sets the gold standard for authentic Chinese cuisine. Exceptional quality and service.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Michael Wong"
            },
            {
              id: "3",              name: "Jessica Liu",              role: "Culinary Director",              testimonial: "The attention to traditional recipes and ingredient quality is unmatched. A true gem in the city.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Jessica Liu"
            },
            {
              id: "4",              name: "David Zhang",              role: "Food Blogger",              testimonial: "From the moment you walk in, you know you're in for an extraordinary culinary journey.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "David Zhang"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofOne
          title="Recognized & Award-Winning"
          description="Trusted by industry leaders and culinary organizations worldwide"
          tag="Awards & Recognition"
          names={["Michelin Guide", "James Beard Award", "Top Chef Approved", "Food & Wine Magazine", "Zagat Rated", "Yelp Elite", "TripAdvisor Recommended"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to embark on a culinary adventure? Reserve your table today and experience the warmth and flavors of authentic Chinese cuisine."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Call Us", href: "tel:+1234567890" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="China Town"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Our Story", href: "#" },
                { label: "Awards", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone", href: "tel:+1234567890" },
                { label: "Email", href: "mailto:info@chinatown.com" },
                { label: "Visit Us", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 China Town Restaurant. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
