Merge version_2 into main #2
146
src/app/page.tsx
146
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reservations", id: "reservation"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "体験", id: "experience" },
|
||||
{ name: "メニュー", id: "menu" },
|
||||
{ name: "予約", id: "reservation" },
|
||||
]}
|
||||
brandName="Ran Cyon"
|
||||
/>
|
||||
@@ -45,43 +41,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
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."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="八王子でまた帰りたくなる、隠れ家居酒屋。"
|
||||
description="こだわりの創作料理と温かいおもてなし。喧騒を離れた隠れ家で、心に残る夜をお過ごしください。"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table", href: "#reservation"},
|
||||
{
|
||||
text: "View Instagram", href: "https://instagram.com"},
|
||||
{ text: "予約する", href: "#reservation" },
|
||||
{ text: "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"
|
||||
imageAlt="八王子の賑やかな居酒屋の雰囲気"
|
||||
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/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/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/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/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/high-angle-friends-eating-restaurant_23-2150491774.jpg", alt: "Dining scene" },
|
||||
]}
|
||||
avatarText="Join our local community"
|
||||
avatarText="地元のコミュニティに参加しましょう"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Seasonal Specials"},
|
||||
{
|
||||
type: "text", text: "Fresh Wagyu"},
|
||||
{
|
||||
type: "text", text: "Warm Atmosphere"},
|
||||
{
|
||||
type: "text", text: "Hachioji Local"},
|
||||
{
|
||||
type: "text", text: "Hand-crafted Cocktails"},
|
||||
{ type: "text", text: "季節の逸品" },
|
||||
{ type: "text", text: "新鮮な和牛" },
|
||||
{ type: "text", text: "温かい雰囲気" },
|
||||
{ type: "text", text: "八王子ローカル" },
|
||||
{ type: "text", text: "特製カクテル" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,13 +72,11 @@ export default function LandingPage() {
|
||||
<div id="experience" data-section="experience">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Warmth, Hospitality, Originality"
|
||||
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."
|
||||
title="温もりと、おもてなしと、独創性"
|
||||
description="Ran Cyonは、ただの飲食店ではありません。デートでも、賑やかなグループでも、八王子の温かい雰囲気の中で心ゆくまで楽しんでいただけます。"
|
||||
metrics={[
|
||||
{
|
||||
value: "95%", title: "Repeat Customers"},
|
||||
{
|
||||
value: "100+", title: "Creative Dishes"},
|
||||
{ value: "95%", title: "リピート率" },
|
||||
{ value: "100+", title: "独創的なメニュー" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244689.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -110,21 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "1", name: "炭火焼き和牛ハンバーグ", price: "おすすめ", imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-top-view_141793-4514.jpg" },
|
||||
{ id: "2", name: "幻のレアチーズ豆腐", price: "人気", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-vegetables-cheese_93675-132401.jpg" },
|
||||
{ id: "3", name: "旬の鮮魚お造り", price: "日替わり", 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" },
|
||||
]}
|
||||
title="Signature Creations"
|
||||
description="Original recipes crafted for the season, blending classic izakaya spirit with modern creativity."
|
||||
description="季節ごとに旬の食材を使用し、古典的な居酒屋の精神に現代的なひねりを加えた創作料理をご用意しております。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,19 +106,12 @@ export default function LandingPage() {
|
||||
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: "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: "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: "1", name: "はるか様", handle: "@hachioji_foodie", testimonial: "スタッフさんがとてもフレンドリーで、料理もアートのように美しいです。地元の大好きなお店です！", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149149694.jpg" },
|
||||
{ id: "2", name: "けんじ様", handle: "@kt_eats", testimonial: "レアチーズ豆腐は必食です。居心地が良く、デートにもぴったりです。", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg" },
|
||||
{ id: "3", name: "あゆみ様", handle: "@ayu_night", testimonial: "メニューがユニークでドリンクの提供が早いので、女子会に最適です！", imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cups-high-angle_23-2149706096.jpg" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="From birthday dinners to spontaneous midweek drinks, hear why our guests keep coming back."
|
||||
title="お客様の声"
|
||||
description="誕生日会から気軽な飲み会まで、多くの方々に愛されている理由をご紹介します。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,10 +119,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"@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."
|
||||
names={["@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji"]}
|
||||
title="Instagramで最新情報をチェック"
|
||||
description="日々の賑やかな店内の様子や、季節限定メニューをいち早くお届けしています。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,15 +130,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Seasonal Updates"
|
||||
description="Limited dishes and event information from our kitchen."
|
||||
title="お知らせ・イベント"
|
||||
description="季節の限定メニューや最新のイベント情報をお届けします。"
|
||||
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: "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: "b1", category: "イベント", title: "春の日本酒ペアリングナイト", excerpt: "旬の鮮魚と厳選された日本酒を楽しむ特別な夜をご用意しました。", imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg", authorName: "キッチンスタッフ", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg", date: "2024.03" },
|
||||
{ id: "b2", category: "告知", title: "和牛ハンバーグ月間", excerpt: "今月限定の特別レシピで仕上げた和牛ハンバーグが登場。", imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetarian-balls-served-bowl_1220-7582.jpg", authorName: "店長", authorAvatar: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100629.jpg", date: "2024.04" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,31 +142,23 @@ export default function LandingPage() {
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Seat"
|
||||
description="Recommended for weekend visits. Please reach out via DM or call to secure your spot."
|
||||
title="ご予約・お問い合わせ"
|
||||
description="週末は混み合うことがございますので、DMまたはお電話での事前予約を推奨しております。"
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Desired Date", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "お名前", required: true },
|
||||
{ name: "date", type: "date", placeholder: "希望日", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Number of guests & special requests", required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "人数と特別なご要望", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-wooden-background-with-diagonal-window-shadows_84443-82424.jpg"
|
||||
buttonText="Send Reservation Request"
|
||||
buttonText="予約リクエストを送信"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Ran Cyon"
|
||||
leftLink={{
|
||||
text: "Hachioji Station Access", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Instagram Feed", href: "https://instagram.com"}}
|
||||
leftLink={{ text: "八王子駅からのアクセス", href: "#" }}
|
||||
rightLink={{ text: "Instagram公式", href: "https://instagram.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user