"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Linkedin } from "lucide-react";

export default function SakuraPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Sakura Steakhouse"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Experience", id: "features" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Reserve Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Premium Japanese Steakhouse Mastery"
          description="Authentic teppanyaki artistry meets the finest A5 Wagyu beef. Witness master chefs prepare your meal with centuries of Japanese culinary tradition."
          tag="Premium Dining"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-creamy-mushroom-sauce-rice_140725-2100.jpg",              imageAlt: "Premium Japanese steakhouse dining room"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-cleaver-with-herbs_23-2148611027.jpg?_wi=1",              imageAlt: "A5 Wagyu beef showcase"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sushi_74190-4349.jpg",              imageAlt: "Elegant sushi appetizer"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-chef-slicing-cucumber_23-2148763136.jpg",              imageAlt: "Traditional Japanese chef's knife"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-candles-restaurant_8353-9527.jpg",              imageAlt: "Intimate dining ambiance"},
          ]}
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "products" },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Heritage"
          title="Three Generations of Culinary Excellence"
          description="Founded in Tokyo in 1987, Sakura Steakhouse brings authentic Japanese steakhouse culture to discerning diners. Our master chefs trained under legendary teppanyaki masters, combining traditional technique with the world's finest ingredients. Every meal is a performance of precision, artistry, and uncompromising quality."
          metrics={[
            { value: "35+", title: "Years of Excellence" },
            { value: "50k+", title: "Satisfied Guests" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg?_wi=1"
          imageAlt="Master Chef Portrait"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Signature Menu"
          description="Handpicked selections from Japan's premier cattle ranches, prepared with master craftsmanship"
          tag="Premium Cuts"
          products={[
            {
              id: "1",              brand: "Sakura Premium",              name: "A5 Wagyu Ribeye",              price: "$185.00",              rating: 5,
              reviewCount: "2.4k",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-cleaver-with-herbs_23-2148611027.jpg?_wi=2",              imageAlt: "A5 Wagyu Ribeye"},
            {
              id: "2",              brand: "Sakura Premium",              name: "Teppanyaki Experience",              price: "$165.00",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-cooking-delicious-meat-steak-grill-restaurant-kitchen_613910-18973.jpg",              imageAlt: "Teppanyaki Experience"},
            {
              id: "3",              brand: "Sakura Premium",              name: "Premium Ribeye Steak",              price: "$145.00",              rating: 5,
              reviewCount: "1.6k",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-food-styling-steak-rustic-style_53876-42887.jpg",              imageAlt: "Premium Ribeye Steak"},
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="The Art of Teppanyaki"
          description="Discover the meticulous process behind every extraordinary meal"
          tag="Culinary Excellence"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Stage One",              title: "Selection & Sourcing",              subtitle: "Finest Japanese cattle farms",              description: "We partner exclusively with heritage cattle ranches in Miyazaki and Ōita prefectures, selecting only the most meticulously raised cattle. Each animal is hand-selected for marbling, tenderness, and flavor profile. Our commitment to source excellence is uncompromising.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cows-walking-old-bridge_23-2148214271.jpg",              imageAlt: "Japanese cattle farm heritage"},
            {
              id: 2,
              tag: "Stage Two",              title: "Master Teppanyaki",              subtitle: "Performance cooking precision",              description: "Our chefs perform at the teppanyaki griddle with decades of refinement. Watch as they expertly control flame and technique, transforming prime cuts into culinary masterpieces before your eyes. The cooking process is theater, science, and art combined.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-cooking-onion-vegetables-meat-grill-with-fire-smoke-beautiful-man-concentrated-preparation-food-background-modern-restaurant-kitchen_651396-3910.jpg",              imageAlt: "Teppanyaki griddle performance"},
            {
              id: 3,
              tag: "Stage Three",              title: "Artful Plating",              subtitle: "Visual refinement",              description: "Each plate is composed with the precision of a master artist. Our chefs consider color, temperature, texture, and presentation as integral components of your dining experience. Aesthetics elevate flavor.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Artful food plating"},
            {
              id: 4,
              tag: "Stage Four",              title: "Graceful Service",              subtitle: "Hospitality mastery",              description: "Our service team anticipates every need with invisible elegance. Trained in Japanese hospitality traditions, they ensure your evening flows seamlessly, with attention to every detail from greeting to farewell.",              imageSrc: "http://img.b2bpic.net/free-photo/waiter-wiping-counter-with-napkin-cafa_1170-585.jpg",              imageAlt: "Professional restaurant service"},
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Culinary Masters"
          description="Renowned chefs and hospitality experts dedicated to your exceptional experience"
          tag="Executive Team"
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground={false}
          members={[
            {
              id: "1",              name: "Chef Takeshi Yamamoto",              role: "Head Chef & Founder",              description: "30-year veteran of Tokyo's most prestigious steakhouses. Master of teppanyaki tradition.",              imageSrc: "http://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg?_wi=2",              imageAlt: "Chef Takeshi Yamamoto",              socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }],
            },
            {
              id: "2",              name: "Chef Kenji Suzuki",              role: "Sous Chef",              description: "Specialized in premium beef preparation. 15 years refining teppanyaki technique.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-head-chef-wearing-cooking-uniform-standing-restaurant-professional-kitchen-while-smiling-camera-gourmet-cuisine-skilled-expert-preparing-recipe-ingredients-meal-dish_482257-41987.jpg",              imageAlt: "Chef Kenji Suzuki",              socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }],
            },
            {
              id: "3",              name: "Sommelier Yuki Tanaka",              role: "Wine Director",              description: "Expert pairing sommelier. Curates selections from Japan's finest vineyards.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-sommelier_1098-16713.jpg",              imageAlt: "Sommelier Yuki Tanaka",              socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }],
            },
            {
              id: "4",              name: "Akira Sato",              role: "Hospitality Manager",              description: "22 years in premium hospitality. Ensures every guest feels welcomed.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-female-cafe-owner-smiling_1262-5377.jpg",              imageAlt: "Akira Sato",              socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }],
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Celebrated by Discerning Diners"
          description="Hear from those who've experienced the pinnacle of Japanese steakhouse dining"
          tag="Guest Reviews"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Victoria Chen",              handle: "Food Critic, Gourmet Magazine",              testimonial: "An extraordinary experience. The teppanyaki performance combined with flawless A5 Wagyu creates a dining moment truly unforgettable.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Victoria Chen"},
            {
              id: "2",              name: "Michael Richardson",              handle: "@dining_elite",              testimonial: "Authenticity meets excellence. This isn't just dinner—it's a masterclass in Japanese culinary tradition.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Michael Richardson"},
            {
              id: "3",              name: "Sophia Moretti",              handle: "Chef, Le Bernardin",              testimonial: "As a chef myself, I'm humbled by the precision and artistry. Every detail reflects mastery.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Sophia Moretti"},
            {
              id: "4",              name: "James Park",              handle: "Michelin Guide Reviewer",              testimonial: "The teppanyaki experience transcends normal fine dining. Chef Takeshi's 30 years of refinement are evident in every sizzle.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "James Park"},
            {
              id: "5",              name: "Amanda Zhang",              handle: "Luxury Travel Writer",              testimonial: "Worth traveling across the country for. The combination of hospitality, performance, and flavor is unmatched.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",              imageAlt: "Amanda Zhang"},
            {
              id: "6",              name: "David Hoffman",              handle: "Restaurant Owner",              testimonial: "A masterclass in hospitality and excellence. I visit whenever I want to be reminded of what fine dining should be.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",              imageAlt: "David Hoffman"},
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Learn more about our dining experience, reservations, and menu"
          tag="Information"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/professional-chef-wear-black-with-sushi-rolls-restaurant-japanese-traditional-food_627829-6744.jpg"
          imageAlt="Japanese steakhouse kitchen"
          mediaPosition="left"
          faqs={[
            {
              id: "1",              title: "How far in advance should I make a reservation?",              content: "We recommend reserving 2-4 weeks in advance, especially for weekends and special occasions. Our teppanyaki counter has limited seating, ensuring an intimate experience for all guests. Last-minute availability may be available—please call directly."},
            {
              id: "2",              title: "What is A5 Wagyu, and why is it so special?",              content: "A5 is the highest grade awarded by the Japanese Beef Marbling Standard. Only the finest cattle achieve this designation. The exceptional marbling creates unparalleled tenderness, umami flavor, and a buttery texture that melts on your palate. Each piece is a testament to years of careful breeding."},
            {
              id: "3",              title: "Can I watch the teppanyaki cooking?",              content: "Absolutely! Our teppanyaki counter is designed for you to witness the entire cooking performance. This is a core part of the experience. Our chefs take pride in demonstrating their mastery while preparing your meal."},
            {
              id: "4",              title: "Do you accommodate dietary restrictions?",              content: "Yes. We accommodate vegetarian, vegan, gluten-free, and other dietary preferences with advance notice. Our menu can be customized to honor your needs while maintaining our commitment to quality and presentation."},
            {
              id: "5",              title: "What wine pairings do you recommend?",              content: "Our sommelier Yuki curates selections from premium Japanese vineyards alongside international options. We recommend pairing with sake, Japanese whisky, or our curated wine menu. Each pairing complements the richness of premium beef beautifully."},
            {
              id: "6",              title: "Is private dining available for special events?",              content: "Yes. We offer private teppanyaki experiences for corporate events, celebrations, and intimate gatherings. Our team will customize the experience to create an unforgettable evening. Please contact us for details."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Reserve Your Teppanyaki Experience"
          description="Book your table and step into a world of culinary mastery. Our team looks forward to welcoming you to Sakura Steakhouse."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Reserve Now"
          termsText="By submitting your email, you agree to receive updates about available reservations and special offerings."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Sakura Steakhouse"
          copyrightText="© 2025 Sakura Steakhouse. All rights reserved."
          columns={[
            {
              title: "Dining",              items: [
                { label: "Menu", href: "products" },
                { label: "Private Events", href: "#" },
                { label: "Wine Pairings", href: "#" },
              ],
            },
            {
              title: "Experience",              items: [
                { label: "Our Heritage", href: "about" },
                { label: "Teppanyaki", href: "features" },
                { label: "Our Team", href: "team" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Reserve", href: "contact" },
                { label: "Contact", href: "contact" },
                { label: "Testimonials", href: "testimonials" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
