Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user