294 lines
19 KiB
TypeScript
294 lines
19 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 { Flame, Sparkles, ChefHat, Globe, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Sakura"
|
|
navItems={[
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Cuisine", id: "cuisine" },
|
|
{ name: "Chefs", id: "chefs" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Reserve", id: "reserve" }
|
|
]}
|
|
button={{ text: "Book Now", href: "reserve" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Experience Premium Japanese Teppanyaki"
|
|
description="Savor the artistry of live teppanyaki cooking, where master chefs transform the finest ingredients into culinary masterpieces before your eyes"
|
|
tag="Culinary Excellence"
|
|
tagIcon={Flame}
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cook-white-frying-meat-pan-stove_23-2148040251.jpg", imageAlt: "Chef preparing premium wagyu beef" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-dinner_410324-73.jpg", imageAlt: "Teppanyaki griddle with sizzling ingredients" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-with-shrimps_1203-599.jpg", imageAlt: "Fresh seafood display" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/rich-christal-chandelier-hangs-dinner-table-with-red-roses-greenery_8353-7354.jpg", imageAlt: "Elegant dining ambiance" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-dinner_410324-73.jpg", imageAlt: "Chef's signature flambe technique" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "reserve" },
|
|
{ text: "View Menu", href: "cuisine" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Heritage"
|
|
tagIcon={Sparkles}
|
|
title="Authenticity Meets Modern Mastery"
|
|
description="For over two decades, Sakura has been Tokyo's most celebrated destination for premium teppanyaki. Our chefs are trained in Japan's most prestigious culinary schools, bringing generations of expertise to every plate. We source only the finest Wagyu beef, fresh seafood, and seasonal produce to ensure every meal is an unforgettable experience."
|
|
metrics={[
|
|
{ value: "20+", title: "Years of Excellence" },
|
|
{ value: "15K+", title: "Satisfied Guests Annually" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-preparing-blue-matcha-home_23-2150687524.jpg"
|
|
imageAlt="Traditional sake ceremony preparation"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cuisine" data-section="cuisine">
|
|
<ProductCardTwo
|
|
title="Signature Dishes"
|
|
description="Each dish is meticulously prepared with premium ingredients and traditional Japanese techniques"
|
|
tag="Premium Selection"
|
|
tagIcon={ChefHat}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Sakura Premium", name: "A5 Wagyu Perfection", price: "$85 per person", rating: 5,
|
|
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg", imageAlt: "A5 Wagyu Perfection"
|
|
},
|
|
{
|
|
id: "2", brand: "Sakura Premium", name: "Ocean's Finest Selection", price: "$65 per person", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-mussels-champagne_23-2148393673.jpg", imageAlt: "Ocean's Finest Selection"
|
|
},
|
|
{
|
|
id: "3", brand: "Sakura Premium", name: "Chef's Omakase Experience", price: "$120 per person", rating: 5,
|
|
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/chef-putting-tomatoes-avocado_23-2148471901.jpg", imageAlt: "Chef's Omakase Experience"
|
|
},
|
|
{
|
|
id: "4", brand: "Sakura Premium", name: "Vegetable Garden Harmony", price: "$48 per person", rating: 5,
|
|
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/autumnal-assortment-fresh-vegetables_23-2148647895.jpg", imageAlt: "Vegetable Garden Harmony"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardNineteen
|
|
title="The Teppanyaki Journey"
|
|
description="Discover the five stages that make dining at Sakura an unforgettable cultural experience"
|
|
tag="Dining Excellence"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Welcome", title: "Authentic Ambiance", subtitle: "Step into our intimate private suites", description: "Enter our elegantly appointed dining rooms featuring traditional Japanese design elements, warm lighting, and intimate counter seating where you can watch our master chefs perform their craft.", imageSrc: "http://img.b2bpic.net/free-photo/man-serving-beverage-customer_23-2147775873.jpg", imageAlt: "Authentic Ambiance"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Preparation", title: "Ingredient Selection", subtitle: "Witness the artistry of premium sourcing", description: "Our chefs personally select each ingredient, showcasing the day's finest Wagyu beef, fresh seafood, and organic vegetables. Experience the dedication to quality that defines Japanese cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934701.jpg", imageAlt: "Ingredient Selection"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Performance", title: "Live Teppanyaki Mastery", subtitle: "Watch culinary artistry unfold before you", description: "Skilled chefs perform dramatic knife work, synchronized cooking techniques, and theatrical presentation on the iron griddle. Every movement is choreographed perfection developed through years of training.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-stonebaked-pizza-is-ready-italian-chef-is-removing-it-from-oven_613910-3410.jpg", imageAlt: "Live Teppanyaki Mastery"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Harmony", title: "Flavor & Tradition", subtitle: "Taste the essence of Japanese hospitality", description: "Enjoy perfectly seasoned dishes that balance traditional flavors with modern techniques. Each bite represents our commitment to authentic Japanese culinary excellence.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-smoke-cooked-food_23-2151259670.jpg", imageAlt: "Flavor & Tradition"
|
|
},
|
|
{
|
|
id: 5,
|
|
tag: "Memory", title: "Lasting Impressions", subtitle: "Take home the experience of a lifetime", description: "Leave with cherished memories of an evening that transcends ordinary dining. Our guests consistently return to share this extraordinary culinary journey with loved ones.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2149008691.jpg", imageAlt: "Lasting Impressions"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="chefs" data-section="chefs">
|
|
<TeamCardTwo
|
|
title="Master Chefs"
|
|
description="Meet the culinary artisans who bring over a century of combined Japanese expertise to your table"
|
|
tag="Culinary Masters"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "1", name: "Chef Takeshi Yamamoto", role: "Executive Chef", description: "30 years of teppanyaki mastery. Trained in Tokyo's most prestigious culinary academies and recipient of Japan's Silver Chef Award.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg", imageAlt: "Chef Takeshi Yamamoto", socialLinks: [
|
|
{ icon: Globe, url: "#" },
|
|
{ icon: Mail, url: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "2", name: "Chef Akira Suzuki", role: "Sous Chef", description: "20 years specializing in premium Wagyu preparation. Expert in knife techniques and traditional Japanese cooking methods.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232177.jpg", imageAlt: "Chef Akira Suzuki", socialLinks: [
|
|
{ icon: Globe, url: "#" },
|
|
{ icon: Mail, url: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "3", name: "Chef Hiroshi Nakamura", role: "Seafood Specialist", description: "15 years perfecting the art of fresh seafood selection and preparation. Maintains direct relationships with Tokyo's finest suppliers.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-man-holds-uncooked-red-fish-keeps-mouth-opened-going-bake-boil-sea-bass-dressed-uniform-rubber-gloves_273609-43071.jpg", imageAlt: "Chef Hiroshi Nakamura", socialLinks: [
|
|
{ icon: Globe, url: "#" },
|
|
{ icon: Mail, url: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "4", name: "Chef Yuki Tanaka", role: "Pastry Chef", description: "12 years creating innovative Japanese-inspired desserts. Blends traditional flavors with modern culinary techniques.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232181.jpg", imageAlt: "Chef Yuki Tanaka", socialLinks: [
|
|
{ icon: Globe, url: "#" },
|
|
{ icon: Mail, url: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSix
|
|
title="Guest Testimonials"
|
|
description="Hear from our valued guests who have experienced the magic of Sakura"
|
|
tag="Five-Star Reviews"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Michael Chen", handle: "@michaeladventurer", testimonial: "The most authentic teppanyaki experience I've had outside of Japan. The chefs are true artists and the ingredients are absolutely pristine. Simply unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Johnson", handle: "@sarahjfinedining", testimonial: "Every detail is perfection. From the moment we arrived to the final dessert, it was clear why Sakura is the premier steakhouse. Exceptional service and spectacular food.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "David Martinez", handle: "@davidcuisinelovers", testimonial: "I've dined at Michelin-starred restaurants around the world, and Sakura ranks among the finest. The precision and artistry of the chefs is remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-proposing-his-lover_23-2148060599.jpg", imageAlt: "David Martinez"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Lee", handle: "@jenniferexplorer", testimonial: "Celebrated our anniversary here and it was absolutely magical. The chefs personalized everything for us. We'll definitely return for special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", imageAlt: "Jennifer Lee"
|
|
},
|
|
{
|
|
id: "5", name: "Robert Thompson", handle: "@robertgourmet", testimonial: "Worth every penny. This is where you bring clients you want to impress. Sakura delivers excellence across every dimension.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageAlt: "Robert Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Emily Wong", handle: "@emilywayfood", testimonial: "The wagyu melts on your tongue and the chefs make it entertaining. Our whole family loved it. Already planning our next visit!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-woman_23-2148060603.jpg", imageAlt: "Emily Wong"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about dining at Sakura"
|
|
tag="Help & Information"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157780.jpg"
|
|
imageAlt="Elegant Sakura dining room setup"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the dress code?", content: "We recommend smart casual to business attire. Jackets are appreciated but not required. We want our guests to feel comfortable while maintaining our refined atmosphere."
|
|
},
|
|
{
|
|
id: "2", title: "How far in advance should I book?", content: "We recommend reservations at least 2-4 weeks in advance, especially for weekends and special occasions. Our intimate suites fill quickly during peak dining season."
|
|
},
|
|
{
|
|
id: "3", title: "Do you accommodate dietary restrictions?", content: "Absolutely. Please inform us of any dietary preferences when booking. Our chefs are experienced in preparing vegetarian, vegan, gluten-free, and allergen-friendly meals without compromising flavor."
|
|
},
|
|
{
|
|
id: "4", title: "What is the dining duration?", content: "A typical teppanyaki experience lasts 90-120 minutes. This includes your entire meal from appetizers through dessert, allowing you to savor each course and enjoy the performance."
|
|
},
|
|
{
|
|
id: "5", title: "Can you accommodate private events?", content: "Yes! We specialize in private events from intimate celebrations to corporate dinners. Our team will work with you to create a customized experience. Contact us for special event inquiries."
|
|
},
|
|
{
|
|
id: "6", title: "What beverages do you offer?", content: "We feature an extensive selection of Japanese sake, premium wines, craft cocktails, and non-alcoholic beverages. Our sommeliers can recommend perfect pairings for your meal."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reserve" data-section="reserve">
|
|
<ContactCenter
|
|
tag="Book Your Experience"
|
|
title="Reserve Your Table at Sakura"
|
|
description="Secure your reservation today and prepare for an evening of culinary excellence. Our team looks forward to welcoming you."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Request Reservation"
|
|
termsText="By requesting a reservation, you agree to our dining terms. We'll confirm availability within 24 hours."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Sakura"
|
|
copyrightText="© 2025 Sakura Premium Steakhouse. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Experience", items: [
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Cuisine", href: "cuisine" },
|
|
{ label: "Master Chefs", href: "chefs" }
|
|
]
|
|
},
|
|
{
|
|
title: "Information", items: [
|
|
{ label: "Dining Experience", href: "experience" },
|
|
{ label: "Guest Reviews", href: "reviews" },
|
|
{ label: "FAQs", href: "faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Reservations", href: "reserve" },
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |