230 lines
17 KiB
TypeScript
230 lines
17 KiB
TypeScript
"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 { Sparkles, Award, Flame, Users, Star, HelpCircle, Calendar, Globe } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
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: "menu" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Reserve Table", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Premium Japanese Steakhouse Experience"
|
|
description="Indulge in authentic Wagyu beef prepared by master chefs in an intimate teppan setting, where centuries of Japanese culinary tradition meet modern luxury."
|
|
tag="Fine Dining Excellence"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "contact" },
|
|
{ text: "View Menu", href: "menu" }
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-putting-sauce-top-meat_23-2148491234.jpg", imageAlt: "Premium Wagyu beef with perfect marble" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-table-with-elegant-setting-restaurant-evening_181624-24647.jpg?_wi=1", imageAlt: "Elegant fine dining table setting" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-platter-grilled-sausage-kebab-with-bread-grilled-tomato-pepper_140725-7113.jpg", imageAlt: "Chef cooking steak on teppan grill" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg", imageAlt: "Premium wine and sake selection" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-nighttime_23-2149410163.jpg", imageAlt: "Steakhouse entrance at night" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Heritage"
|
|
tagIcon={Award}
|
|
title="Crafted Excellence Since 2005"
|
|
description="Sakura Steakhouse combines traditional Japanese butchering techniques with the finest Wagyu beef sourced directly from premium farms. Our master chefs, trained in Tokyo's most prestigious establishments, bring decades of expertise to every perfectly seared cut, ensuring an unforgettable culinary journey."
|
|
metrics={[
|
|
{ value: "18+", title: "Years of Excellence" },
|
|
{ value: "500+", title: "Perfect Dining Experiences Monthly" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/irritated-young-male-chef-wearing-uniform-closing-ears-with-hands-with-closed-eyes-isolated-brown-background_141793-137649.jpg"
|
|
imageAlt="Master chef preparing premium steak"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Signature Beef Selection"
|
|
description="Each cut is hand-selected and graded for premium marbling. Our steaks are aged to perfection and prepared tableside for maximum flavor and presentation."
|
|
tag="Premium Cuts"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{ id: "1", brand: "Wagyu A5", name: "Japanese Wagyu Ribeye", price: "$125", rating: 5, reviewCount: "247", imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg", imageAlt: "A5 Wagyu Ribeye premium cut" },
|
|
{ id: "2", brand: "Miyazaki Reserve", name: "Prime Filet Mignon", price: "$135", rating: 5, reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/dessert-serving-cookies-navy-board-marble-surface_114579-75310.jpg", imageAlt: "Miyazaki Reserve filet mignon" },
|
|
{ id: "3", brand: "Kobe Select", name: "Kobe Beef Tenderloin", price: "$145", rating: 5, reviewCount: "186", imageSrc: "http://img.b2bpic.net/free-vector/steakhouse-menu-template-design_742173-20827.jpg", imageAlt: "Kobe beef tenderloin premium" }
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardNineteen
|
|
title="The Sakura Experience"
|
|
description="From selection to preparation to service, every element reflects our commitment to uncompromising quality and authentic Japanese hospitality."
|
|
tag="The Journey"
|
|
tagIcon={Flame}
|
|
features={[
|
|
{ id: 1, tag: "Teppan Theater", title: "Tableside Mastery", subtitle: "Watch the art of precision cooking unfold", description: "Our master chefs perform before you, controlling flame and temperature with razor-sharp knives and decades of expertise. Each movement is choreographed elegance, each sizzle a promise of perfection.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-putting-cheese-food_23-2149606397.jpg", imageAlt: "Chef performing teppan cooking" },
|
|
{ id: 2, tag: "Curated Selection", title: "Wine & Sake Pairings", subtitle: "Expertly matched beverages elevate every course", description: "Our certified sommelier has curated over 300 wines and premium sakes from Japan's finest distilleries. Each pairing is designed to complement and enhance the subtle flavors of your selected cut.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494232.jpg", imageAlt: "Premium wine and sake selection" },
|
|
{ id: 3, tag: "Exclusivity", title: "Private Dining Suites", subtitle: "Intimate settings for your most important moments", description: "Celebrate milestone moments in our private teppan rooms, designed for groups of 4-12. Each suite features its own chef, customized menus, and unparalleled attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg", imageAlt: "Private dining room exclusive" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
title="Leadership Excellence"
|
|
description="Meet the culinary masters and hospitality experts who define the Sakura experience. Each team member brings world-class expertise and unwavering dedication to your satisfaction."
|
|
tag="Our Team"
|
|
tagIcon={Users}
|
|
members={[
|
|
{ id: "1", name: "Chef Takeshi Yamamoto", role: "Executive Chef", description: "Trained at Ginza Sushi Academy in Tokyo. 22 years of teppan mastery and Michelin-star experience. Specializes in Wagyu preparation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-dish_23-2148723309.jpg", imageAlt: "Chef Takeshi Yamamoto", socialLinks: [{ icon: Globe, url: "#" }] },
|
|
{ id: "2", name: "Sommelier Kenji Nakata", role: "Beverage Director", description: "Certified sommelier with 15 years in Japanese wine service. Expert in sake and rare vintage pairings for premium beef experiences.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-bartender-suit-standing-front-table-with-shakers-drinks-white-background_140725-122460.jpg", imageAlt: "Sommelier Kenji Nakata", socialLinks: [{ icon: Globe, url: "#" }] },
|
|
{ id: "3", name: "Yuki Tanaka", role: "General Manager", description: "Hospitality veteran with 18 years managing luxury establishments. Committed to creating unforgettable guest experiences and flawless service.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21038.jpg", imageAlt: "Yuki Tanaka", socialLinks: [{ icon: Globe, url: "#" }] },
|
|
{ id: "4", name: "Hiroshi Suzuki", role: "Head Server", description: "Trained in traditional Japanese hospitality with 12 years of fine dining service excellence. Ensures every detail of your meal is perfection.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006697.jpg", imageAlt: "Hiroshi Suzuki", socialLinks: [{ icon: Globe, url: "#" }] }
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Celebrated by Discerning Guests"
|
|
description="Join hundreds of satisfied diners who have experienced the Sakura difference. Read what they have to say about our food, service, and ambiance."
|
|
tag="Guest Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{ id: "1", name: "James Mitchell", handle: "@JMichell_Executive", testimonial: "Absolutely extraordinary. The Wagyu was the finest beef I've ever tasted. Chef Yamamoto's precision and artistry left everyone speechless. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/genuine-feeling-positive-emotions-gorgeous-young-red-haired-female-with-natural-appearance-feeling-excited-happy_273609-545.jpg", imageAlt: "James Mitchell" },
|
|
{ id: "2", name: "Sarah Chen", handle: "@SarahDines_NYC", testimonial: "This is what fine dining should be. The wine pairings were impeccable, the service attentive yet unobtrusive, and the teppan show was theatrical perfection.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "Sarah Chen" },
|
|
{ id: "3", name: "Amanda Rodriguez", handle: "@AmandaEats_Luxury", testimonial: "We celebrated our anniversary here and it was magical. The private suite, the personalized menu, the chef's engagement—every moment felt special and curated just for us.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", imageAlt: "Amanda Rodriguez" },
|
|
{ id: "4", name: "David Park", handle: "@DPark_FoodCritic", testimonial: "As someone who has dined at three-star Michelin establishments, I can confidently say Sakura stands among the finest. The execution is flawless, the experience transformative.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg", imageAlt: "David Park" },
|
|
{ id: "5", name: "Elizabeth Thompson", handle: "@ElizabethT_Connoisseur", testimonial: "The beef sourcing and butchering expertise evident in each bite is remarkable. This restaurant respects the ingredient and showcases it with reverence and skill.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg", imageAlt: "Elizabeth Thompson" },
|
|
{ id: "6", name: "Michael Bergstein", handle: "@MBerg_Hospitality", testimonial: "From reservation to final course, Sakura demonstrates true hospitality mastery. The attention to detail, anticipation of needs, and warmth of the team set a new standard.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "Michael Bergstein" }
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about dining at Sakura Steakhouse, from reservations and dress code to dietary accommodations and private events."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{ id: "1", title: "Do I need reservations?", content: "Reservations are highly recommended, especially for weekend dining. We accept reservations up to 60 days in advance through our website or by calling directly. Walk-ins are accommodated based on availability." },
|
|
{ id: "2", title: "What is the dress code?", content: "Business casual to formal attire is appreciated. No athletic wear or beachwear. Jackets are recommended but not required. We want you to feel comfortable while maintaining the elegant atmosphere our guests cherish." },
|
|
{ id: "3", title: "Do you accommodate dietary restrictions?", content: "Absolutely. We accommodate vegetarian, vegan, gluten-free, and allergy-conscious diets. Please inform us of any restrictions when making your reservation so our chefs can prepare exceptional alternatives." },
|
|
{ id: "4", title: "Can I book a private event?", content: "Yes! We offer private teppan rooms for groups of 4-12 and can accommodate larger celebrations. Contact our events coordinator at events@sakurasteakhouse.com for custom quotes and availability." },
|
|
{ id: "5", title: "What is the average cost per person?", content: "Our prix-fixe menu ranges from $85-$145 per person depending on beef selection and beverage pairings. Tax and gratuity are additional. We offer a la carte options for the bar and appetizers." },
|
|
{ id: "6", title: "Do you offer wine or sake pairings?", content: "Yes. Our sommelier offers curated wine pairings ($45-$75) and premium sake selections ($35-$65). We also welcome guests to enjoy their selections from our extensive beverage list." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-table-with-elegant-setting-restaurant-evening_181624-24647.jpg?_wi=2"
|
|
imageAlt="Fine dining ambiance at Sakura"
|
|
mediaPosition="left"
|
|
textboxLayout="default"
|
|
animationType="smooth"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="blur-reveal"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Make Your Reservation"
|
|
tagIcon={Calendar}
|
|
title="Secure Your Culinary Experience"
|
|
description="Reserve your table at Sakura Steakhouse and step into an evening of uncompromising luxury, expert craftsmanship, and authentic Japanese hospitality."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Reserve Now"
|
|
termsText="By submitting your email, you agree to receive reservation confirmations and exclusive dining updates. We respect your privacy and never share your information."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Sakura Steakhouse"
|
|
copyrightText="© 2025 Sakura Steakhouse. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Experience", items: [
|
|
{ label: "Menu", href: "menu" },
|
|
{ label: "Private Dining", href: "experience" },
|
|
{ label: "Chef's Table", href: "team" },
|
|
{ label: "Events", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Team", href: "team" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Reservations", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|