bender/7c2cc46c-4a9d-4f7b-a3e1-6ad2952550d8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 07:28:52 +00:00
parent 8b242f5cc9
commit 255de8fcab
1 changed files with 40 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Experience",
id: "experience",
},
name: "Experience", id: "experience"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "Reservations",
id: "reservation",
},
name: "Reservations", id: "reservation"},
]}
brandName="Ran Cyon"
/>
@@ -54,67 +46,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="A hidden izakaya in Hachioji you’ll want to return to again and again."
description="Experience creative original dishes, warm hospitality, and unforgettable nights in a cozy, hidden-gem atmosphere."
buttons={[
{
text: "Reserve a Table",
href: "#reservation",
},
text: "Reserve a Table", href: "#reservation"},
{
text: "View Instagram",
href: "https://instagram.com",
},
text: "View Instagram", href: "https://instagram.com"},
]}
imageSrc="http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg"
imageAlt="Warm lively izakaya atmosphere in Hachioji"
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/diverse-group-friends-their-20s-sitting-outdoor-bar-together-while-checking-social-media-texting-their-smartphones_662251-855.jpg",
alt: "Group of friends 1",
},
src: "http://img.b2bpic.net/free-photo/diverse-group-friends-their-20s-sitting-outdoor-bar-together-while-checking-social-media-texting-their-smartphones_662251-855.jpg", alt: "Group of friends 1"},
{
src: "http://img.b2bpic.net/free-photo/happy-friends-with-pizza-side-view_23-2149872391.jpg",
alt: "Group of friends 2",
},
src: "http://img.b2bpic.net/free-photo/happy-friends-with-pizza-side-view_23-2149872391.jpg", alt: "Group of friends 2"},
{
src: "http://img.b2bpic.net/free-photo/osaka-japan-september-1-unidentified-chefs-prepare-takoyaki_1258-87.jpg",
alt: "Chefs preparing food",
},
src: "http://img.b2bpic.net/free-photo/osaka-japan-september-1-unidentified-chefs-prepare-takoyaki_1258-87.jpg", alt: "Chefs preparing food"},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
alt: "Restaurant atmosphere",
},
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Restaurant atmosphere"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg",
alt: "Dining scene",
},
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg", alt: "Dining scene"},
]}
avatarText="Join our local community"
marqueeItems={[
{
type: "text",
text: "Seasonal Specials",
},
type: "text", text: "Seasonal Specials"},
{
type: "text",
text: "Fresh Wagyu",
},
type: "text", text: "Fresh Wagyu"},
{
type: "text",
text: "Warm Atmosphere",
},
type: "text", text: "Warm Atmosphere"},
{
type: "text",
text: "Hachioji Local",
},
type: "text", text: "Hachioji Local"},
{
type: "text",
text: "Hand-crafted Cocktails",
},
type: "text", text: "Hand-crafted Cocktails"},
]}
/>
</div>
@@ -126,13 +93,9 @@ export default function LandingPage() {
description="More than just a dining spot, Ran Cyon is a home for your nights out. Whether it's a date or a lively group gathering, our cozy Hachioji local atmosphere welcomes you."
metrics={[
{
value: "95%",
title: "Repeat Customers",
},
value: "95%", title: "Repeat Customers"},
{
value: "100+",
title: "Creative Dishes",
},
value: "100+", title: "Creative Dishes"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244689.jpg"
mediaAnimation="slide-up"
@@ -148,41 +111,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Charcoal Wagyu Hamburg",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-top-view_141793-4514.jpg",
},
id: "1", name: "Charcoal Wagyu Hamburg", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-top-view_141793-4514.jpg"},
{
id: "2",
name: "Rare Cheese Tofu",
price: "Original",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-vegetables-cheese_93675-132401.jpg",
},
id: "2", name: "Rare Cheese Tofu", price: "Original", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-vegetables-cheese_93675-132401.jpg"},
{
id: "3",
name: "Fresh Seasonal Sashimi",
price: "Daily Catch",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-garlic-bowl-oil-white-notebook-fork-knife-spruce-branches-with-cones_140725-111637.jpg",
},
id: "3", name: "Fresh Seasonal Sashimi", price: "Daily Catch", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-garlic-bowl-oil-white-notebook-fork-knife-spruce-branches-with-cones_140725-111637.jpg"},
{
id: "4",
name: "Signature Flame Pudding",
price: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/omelette-eggs-wrap-rice-with-sauce_1203-9248.jpg",
},
id: "4", name: "Signature Flame Pudding", price: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/omelette-eggs-wrap-rice-with-sauce_1203-9248.jpg"},
{
id: "5",
name: "Crispy Fried Corn",
price: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bread_23-2149250097.jpg",
},
id: "5", name: "Crispy Fried Corn", price: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bread_23-2149250097.jpg"},
{
id: "6",
name: "Chef's Seasonal Plate",
price: "Seasonal",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-baked-sushi-rolls-with-wasabi-ginger-plate_141793-12010.jpg",
},
id: "6", name: "Chef's Seasonal Plate", price: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-baked-sushi-rolls-with-wasabi-ginger-plate_141793-12010.jpg"},
]}
title="Signature Creations"
description="Original recipes crafted for the season, blending classic izakaya spirit with modern creativity."
@@ -191,44 +130,20 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Haruka S.",
handle: "@hachioji_foodie",
testimonial: "The staff are so friendly, and every single dish feels like a work of art. My favorite local spot!",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149149694.jpg",
},
id: "1", name: "Haruka S.", handle: "@hachioji_foodie", testimonial: "The staff are so friendly, and every single dish feels like a work of art. My favorite local spot!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149149694.jpg"},
{
id: "2",
name: "Kenji T.",
handle: "@kt_eats",
testimonial: "Rare Cheese Tofu is a must-try. The atmosphere is cozy, lively, and perfect for dates.",
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg",
},
id: "2", name: "Kenji T.", handle: "@kt_eats", testimonial: "Rare Cheese Tofu is a must-try. The atmosphere is cozy, lively, and perfect for dates.", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg"},
{
id: "3",
name: "Ayumi N.",
handle: "@ayu_night",
testimonial: "Women's groups love this place because the menu is unique and drink service is super fast!",
imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cups-high-angle_23-2149706096.jpg",
},
id: "3", name: "Ayumi N.", handle: "@ayu_night", testimonial: "Women's groups love this place because the menu is unique and drink service is super fast!", imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cups-high-angle_23-2149706096.jpg"},
{
id: "4",
name: "Taro M.",
handle: "@t-m-official",
testimonial: "Hidden gem in Hachioji. Been coming for two years and the energy never disappoints.",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244681.jpg",
},
id: "4", name: "Taro M.", handle: "@t-m-official", testimonial: "Hidden gem in Hachioji. Been coming for two years and the energy never disappoints.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244681.jpg"},
{
id: "5",
name: "Mina K.",
handle: "@mina_cafe",
testimonial: "The staff truly remember their guests, making every visit feel incredibly welcoming.",
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-653.jpg",
},
id: "5", name: "Mina K.", handle: "@mina_cafe", testimonial: "The staff truly remember their guests, making every visit feel incredibly welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-653.jpg"},
]}
title="Loved by Locals"
description="From birthday dinners to spontaneous midweek drinks, hear why our guests keep coming back."
@@ -240,14 +155,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
names={[
"@RanCyon_Hachioji",
"@RanCyon_Hachioji",
"@RanCyon_Hachioji",
"@RanCyon_Hachioji",
"@RanCyon_Hachioji",
"@RanCyon_Hachioji",
"@RanCyon_Hachioji",
]}
"@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji"]}
title="Follow Our Nights"
description="Catch our seasonal dishes and daily atmosphere updates on our feed."
/>
@@ -262,35 +170,11 @@ export default function LandingPage() {
description="Limited dishes and event information from our kitchen."
blogs={[
{
id: "b1",
category: "Seasonal",
title: "Spring Sake Pairing Night",
excerpt: "Join us for our curated sake and fresh seasonal sashimi event.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg",
authorName: "Kitchen Team",
authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg",
date: "March 2024",
},
id: "b1", category: "Seasonal", title: "Spring Sake Pairing Night", excerpt: "Join us for our curated sake and fresh seasonal sashimi event.", imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg", authorName: "Kitchen Team", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg", date: "March 2024"},
{
id: "b2",
category: "News",
title: "Limited Wagyu Special",
excerpt: "Try our new seasonal wagyu hamburg recipe this month only.",
imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetarian-balls-served-bowl_1220-7582.jpg",
authorName: "Chef Yuji",
authorAvatar: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100629.jpg",
date: "April 2024",
},
id: "b2", category: "News", title: "Limited Wagyu Special", excerpt: "Try our new seasonal wagyu hamburg recipe this month only.", imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetarian-balls-served-bowl_1220-7582.jpg", authorName: "Chef Yuji", authorAvatar: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100629.jpg", date: "April 2024"},
{
id: "b3",
category: "Event",
title: "Early Bird Discount",
excerpt: "Check our weekday early bird specials for group gatherings.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-esquites-cup-top-view_23-2149891172.jpg",
authorName: "Manager",
authorAvatar: "http://img.b2bpic.net/free-photo/candlelight-dinner-glass-juice_140725-9361.jpg",
date: "May 2024",
},
id: "b3", category: "Event", title: "Early Bird Discount", excerpt: "Check our weekday early bird specials for group gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-esquites-cup-top-view_23-2149891172.jpg", authorName: "Manager", authorAvatar: "http://img.b2bpic.net/free-photo/candlelight-dinner-glass-juice_140725-9361.jpg", date: "May 2024"},
]}
/>
</div>
@@ -302,22 +186,14 @@ export default function LandingPage() {
description="Recommended for weekend visits. Please reach out via DM or call to secure your spot."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "date",
type: "date",
placeholder: "Desired Date",
required: true,
name: "date", type: "date", placeholder: "Desired Date", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Number of guests & special requests",
required: true,
name: "message", placeholder: "Number of guests & special requests", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/dark-wooden-background-with-diagonal-window-shadows_84443-82424.jpg"
buttonText="Send Reservation Request"
@@ -328,13 +204,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Ran Cyon"
leftLink={{
text: "Hachioji Station Access",
href: "#",
}}
text: "Hachioji Station Access", href: "#"}}
rightLink={{
text: "Instagram Feed",
href: "https://instagram.com",
}}
text: "Instagram Feed", href: "https://instagram.com"}}
/>
</div>
</ReactLenis>