Update src/app/page.tsx
This commit is contained in:
122
src/app/page.tsx
122
src/app/page.tsx
@@ -11,7 +11,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Flame, ChefHat, Sparkles, Calendar, Linkedin, Globe } from 'lucide-react';
|
||||
import { Flame, ChefHat, Sparkles, Linkedin, Wine } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,69 +29,61 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Kuro Gyu"
|
||||
brandName="Noble Rot Mayfair"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Cuts", id: "cuts" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Menu", id: "cuts" },
|
||||
{ name: "Wine", id: "experience" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Table", href: "#contact"
|
||||
}}
|
||||
button={{ text: "Reservations", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Premium Japanese Steakhouse"
|
||||
description="Experience the art of Wagyu perfection. Authentic Japanese steakhouse craftsmanship with the finest cuts, prepared with precision and served in an atmosphere of refined elegance."
|
||||
tag="Est. 2020"
|
||||
tagIcon={Flame}
|
||||
title="Noble Rot Mayfair"
|
||||
description="Experience Modern European culinary excellence in the heart of Shepherd Market. A curated collection of fine wines and seasonal dishes."
|
||||
tag="Est. 2023"
|
||||
tagIcon={Wine}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "#contact" },
|
||||
{ text: "View Menu", href: "#cuts" }
|
||||
{ text: "Reserve Table", href: "#contact" },
|
||||
{ text: "Explore Menu", href: "#cuts" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047&_wi=1", imageAlt: "Master Chef Preparing Premium Wagyu" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg?_wi=1", imageAlt: "A5 Wagyu Ribeye" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451&_wi=1", imageAlt: "Elegant Dining Room" }
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg", imageAlt: "Elegant Dining Setting" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/delicious-steak-served-with-herbs-vegetables_23-2148762512.jpg", imageAlt: "Modern European Cuisine" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Story"
|
||||
tag="Our Heritage"
|
||||
tagIcon={ChefHat}
|
||||
title="Mastery Through Tradition"
|
||||
description="For over two decades, Kuro Gyu has been dedicated to bringing authentic Japanese steakhouse excellence to discerning diners. Our head chef trained in Tokyo's most prestigious establishments, perfecting the art of Wagyu preparation. Every cut is carefully selected, aged to perfection, and prepared with meticulous attention to detail."
|
||||
title="Modern European Elegance"
|
||||
description="Located in the historic Shepherd Market, Noble Rot Mayfair blends tradition with contemporary flair. Our commitment to excellence is reflected in every dish."
|
||||
metrics={[
|
||||
{ value: "25+", title: "Years of Excellence" },
|
||||
{ value: "100%", title: "Premium Wagyu" }
|
||||
{ value: "5", title: "Trebeck St" },
|
||||
{ value: "Fine", title: "Dining" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047&_wi=2"
|
||||
imageAlt="Master chef preparing premium steakhouse cuisine"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cuts" data-section="cuts">
|
||||
<ProductCardTwo
|
||||
title="Signature Cuts"
|
||||
description="Handpicked premium Wagyu selections, aged to perfection and prepared by our master chefs"
|
||||
tag="Premium Selection"
|
||||
title="Menu Highlights"
|
||||
description="Seasonal dishes prepared with precision by our team of talented chefs."
|
||||
tag="Signature Selection"
|
||||
tagIcon={Sparkles}
|
||||
products={[
|
||||
{ id: "1", brand: "Kuro Gyu", name: "A5 Wagyu Ribeye", price: "$125", rating: 5, reviewCount: "312", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg?_wi=2" },
|
||||
{ id: "2", brand: "Kuro Gyu", name: "Japanese Prime Filet", price: "$145", rating: 5, reviewCount: "287", imageSrc: "https://img.b2bpic.net/free-photo/side-view-raw-steak-with-barbecue-rosemary_176474-3197.jpg" },
|
||||
{ id: "3", brand: "Kuro Gyu", name: "Aged Bone-In Ribeye", price: "$135", rating: 5, reviewCount: "256", imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg" }
|
||||
{ id: "1", brand: "Classic", name: "Duck Confit", price: "£32", rating: 5, reviewCount: "150", imageSrc: "https://img.b2bpic.net/premium-photo/crispy-duck-confit-with-herbs-side-dishes_112028-1254.jpg" },
|
||||
{ id: "2", brand: "Artisanal", name: "Venison Tartare", price: "£28", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-tartare-served-plate_23-2148816521.jpg" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
@@ -102,87 +94,49 @@ export default function LandingPage() {
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardNineteen
|
||||
title="The Kuro Gyu Experience"
|
||||
description="Every visit is a masterclass in Japanese steakhouse tradition"
|
||||
tag="Fine Dining"
|
||||
title="Our Wine Selection"
|
||||
description="A meticulously curated wine cellar featuring rare finds from Europe’s finest estates."
|
||||
features={[
|
||||
{ tag: "Selection", title: "Premium Sourcing", subtitle: "Authentic Wagyu Excellence", description: "We source only A5 grade Wagyu beef directly from Japan's most prestigious ranches.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg?_wi=3" },
|
||||
{ tag: "Preparation", title: "Master Craftsmanship", subtitle: "Traditional Techniques", description: "Our chefs employ traditional Japanese grilling methods perfected over decades.", imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047&_wi=3" },
|
||||
{ tag: "Ambiance", title: "Refined Atmosphere", subtitle: "Elegant Minimalism", description: "Our dining space reflects Japanese design principles: clean lines, sophisticated minimalism.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451&_wi=2" }
|
||||
{ tag: "Cellar", title: "Rare Vintages", subtitle: "Expertly Sourced", description: "Our sommelier has built an extensive collection focusing on organic and biodynamic production.", imageSrc: "https://img.b2bpic.net/free-photo/wine-tasting-glass-with-bottle-background_23-2148560342.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Master Chefs"
|
||||
description="The culinary masters behind Kuro Gyu's exceptional cuisine"
|
||||
tag="Our Leadership"
|
||||
members={[
|
||||
{ id: "1", name: "Chef Hiroshi Nakamura", role: "Executive Chef", description: "25 years of experience perfecting the art of Wagyu preparation.", imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047&_wi=4", socialLinks: [{ icon: Linkedin, url: "#" }] },
|
||||
{ id: "2", name: "Chef Yuki Tanaka", role: "Head Sous Chef", description: "Master of knife work and precision cuts.", imageSrc: "https://img.b2bpic.net/free-photo/expert-male-chef-crafting-fresh-meal-indoors-generated-by-ai_188544-26105.jpg?id=41571811", socialLinks: [{ icon: Linkedin, url: "#" }] }
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Guest Testimonials"
|
||||
description="Hear what our patrons say about their Kuro Gyu experience"
|
||||
tag="Reviews"
|
||||
title="Guest Experiences"
|
||||
description="See what our diners have to say about their evening with us."
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Kenji Yamamoto", handle: "@michelin_critic", testimonial: "The finest Wagyu I've experienced outside of Tokyo.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-asian-man-sitting-restaurant_1262-1558.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", handle: "@food_writer", testimonial: "Kuro Gyu isn't just a steakhouse—it's a culinary journey.", imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman_1098-16852.jpg" }
|
||||
{ id: "1", name: "Alexandra Miller", handle: "@mayfair_foodie", testimonial: "The Duck Confit was life-changing. Service was beyond impeccable.", imageSrc: "https://img.b2bpic.net/free-photo/confident-businesswoman-smiling-office_1262-1558.jpg" }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Kuro Gyu"
|
||||
tag="Help"
|
||||
faqs={[
|
||||
{ id: "1", title: "What is A5 Wagyu?", content: "The highest grade of Japanese marbling." },
|
||||
{ id: "2", title: "Dietary Needs?", content: "We accommodate most allergies with advance notice." }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/wine-glass_74190-1311.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Reserve Your Experience"
|
||||
description="Secure your table at Kuro Gyu and prepare for an unforgettable evening."
|
||||
title="Reservations"
|
||||
description="Join us at 5 Trebeck St for a memorable dining experience. Please get in touch for reservations or private hire inquiries."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special Requests", rows: 3 }}
|
||||
textarea={{ name: "requests", placeholder: "Dietary requirements / Occasion" }}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451&_wi=3"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Kuro Gyu"
|
||||
logoText="Noble Rot Mayfair"
|
||||
columns={[
|
||||
{ title: "Dining", items: [{ label: "Menu", href: "#cuts" }, { label: "Reserve", href: "#contact" }] },
|
||||
{ title: "Info", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#team" }] }
|
||||
{ title: "Location", items: [{ label: "5 Trebeck St, London", href: "#" }] },
|
||||
{ title: "Navigation", items: [{ label: "Reservations", href: "#contact" }, { label: "Wine Cellar", href: "#experience" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user