Merge version_1 into main #1
304
src/app/page.tsx
304
src/app/page.tsx
@@ -32,77 +32,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "#home",
|
||||
},
|
||||
name: "ホーム", id: "#home"},
|
||||
{
|
||||
name: "私たちについて",
|
||||
id: "#about",
|
||||
},
|
||||
name: "私たちについて", id: "#about"},
|
||||
{
|
||||
name: "メニュー",
|
||||
id: "#features",
|
||||
},
|
||||
name: "メニュー", id: "#features"},
|
||||
{
|
||||
name: "特別料理",
|
||||
id: "#products",
|
||||
},
|
||||
name: "特別料理", id: "#products"},
|
||||
{
|
||||
name: "お客様の声",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "お客様の声", id: "#testimonials"},
|
||||
{
|
||||
name: "お問い合わせ",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "#contact"},
|
||||
]}
|
||||
brandName="居酒屋 寶珠"
|
||||
button={{
|
||||
text: "ご予約",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "ご予約", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="旬の味覚を堪能する"
|
||||
description="職人の技が光る、心温まる逸品を皆様にお届けします。和やかな空間で、至福のひとときをお過ごしください。"
|
||||
tag="居酒屋 寶珠"
|
||||
buttons={[
|
||||
{
|
||||
text: "ご予約はこちら",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "ご予約はこちら", href: "#contact"},
|
||||
{
|
||||
text: "メニューを見る",
|
||||
href: "#features",
|
||||
},
|
||||
text: "メニューを見る", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg",
|
||||
imageAlt: "居酒屋 寶珠の魅力的な店内",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg", imageAlt: "居酒屋 寶珠の魅力的な店内"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg",
|
||||
imageAlt: "美しく盛り付けられた日本料理",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-dinner-around-table-donated-with-food_114579-2165.jpg",
|
||||
imageAlt: "Woman eating dinner around the table donated with food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081512.jpg",
|
||||
imageAlt: "Top view friends having lunch in luxury restaurant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552619.jpg",
|
||||
imageAlt: "Asian people having dinner party",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg", imageAlt: "美しく盛り付けられた日本料理"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -117,17 +82,11 @@ export default function LandingPage() {
|
||||
description="「居酒屋 寶珠」は、古き良き日本の居酒屋文化を大切にしながら、現代のお客様にもご満足いただけるよう常に新しい味を追求しています。厳選された旬の食材と熟練の職人技が織りなす料理の数々を、心ゆくまでお楽しみください。"
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "創業年数",
|
||||
},
|
||||
value: "20+", title: "創業年数"},
|
||||
{
|
||||
value: "100+",
|
||||
title: "手作りメニュー",
|
||||
},
|
||||
value: "100+", title: "手作りメニュー"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "厳選地酒",
|
||||
},
|
||||
value: "50+", title: "厳選地酒"},
|
||||
]}
|
||||
tag="私たちについて"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506089.jpg"
|
||||
@@ -144,35 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "sushi",
|
||||
title: "新鮮な旬の握り",
|
||||
tags: [
|
||||
"刺身",
|
||||
"寿司",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-sushi-black-plate-yellow-background_23-2148326344.jpg",
|
||||
imageAlt: "新鮮な旬の握り寿司",
|
||||
},
|
||||
id: "sushi", title: "新鮮な旬の握り", tags: [
|
||||
"刺身", "寿司"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-sushi-black-plate-yellow-background_23-2148326344.jpg", imageAlt: "新鮮な旬の握り寿司"},
|
||||
{
|
||||
id: "yakitori",
|
||||
title: "炭火焼き鳥",
|
||||
tags: [
|
||||
"焼き鳥",
|
||||
"炭火",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honey-dry-fruit-granola-bars-black-backdrop_23-2147918984.jpg",
|
||||
imageAlt: "炭火で焼かれた香ばしい焼き鳥",
|
||||
},
|
||||
id: "yakitori", title: "炭火焼き鳥", tags: [
|
||||
"焼き鳥", "炭火"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honey-dry-fruit-granola-bars-black-backdrop_23-2147918984.jpg", imageAlt: "炭火で焼かれた香ばしい焼き鳥"},
|
||||
{
|
||||
id: "sake",
|
||||
title: "厳選地酒コレクション",
|
||||
tags: [
|
||||
"日本酒",
|
||||
"地酒",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2149869783.jpg",
|
||||
imageAlt: "様々な種類の厳選された日本酒",
|
||||
},
|
||||
id: "sake", title: "厳選地酒コレクション", tags: [
|
||||
"日本酒", "地酒"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2149869783.jpg", imageAlt: "様々な種類の厳選された日本酒"},
|
||||
]}
|
||||
title="寶珠のこだわり"
|
||||
description="当店の誇る厳選された食材と、職人の技が光る逸品をご紹介します。季節ごとに変わる旬の味覚をお楽しみください。"
|
||||
@@ -189,47 +130,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "ramen",
|
||||
name: "特製豚骨ラーメン",
|
||||
price: "1,200円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-delicious-chinese-food-dark-background_24972-2179.jpg",
|
||||
imageAlt: "特製豚骨ラーメン",
|
||||
},
|
||||
id: "ramen", name: "特製豚骨ラーメン", price: "1,200円", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-delicious-chinese-food-dark-background_24972-2179.jpg", imageAlt: "特製豚骨ラーメン"},
|
||||
{
|
||||
id: "tempura",
|
||||
name: "海鮮天ぷら盛り合わせ",
|
||||
price: "1,800円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tempura-shrimps-served-with-ginger-wasabi-platter-blue-white_140725-12505.jpg",
|
||||
imageAlt: "海鮮天ぷら盛り合わせ",
|
||||
},
|
||||
id: "tempura", name: "海鮮天ぷら盛り合わせ", price: "1,800円", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tempura-shrimps-served-with-ginger-wasabi-platter-blue-white_140725-12505.jpg", imageAlt: "海鮮天ぷら盛り合わせ"},
|
||||
{
|
||||
id: "oden",
|
||||
name: "おでん盛り合わせ",
|
||||
price: "1,500円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-rolls-sliced-along-with-fresh-vegetable-salad-bright-blue-desk-vegetable-food-meal-salad-roll_140725-31064.jpg",
|
||||
imageAlt: "おでん盛り合わせ",
|
||||
},
|
||||
id: "oden", name: "おでん盛り合わせ", price: "1,500円", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-rolls-sliced-along-with-fresh-vegetable-salad-bright-blue-desk-vegetable-food-meal-salad-roll_140725-31064.jpg", imageAlt: "おでん盛り合わせ"},
|
||||
{
|
||||
id: "karaage",
|
||||
name: "絶品鶏の唐揚げ",
|
||||
price: "850円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-chicken-croquette-into-sauce-beer-setup-with-nuts_140725-10810.jpg",
|
||||
imageAlt: "絶品鶏の唐揚げ",
|
||||
},
|
||||
id: "karaage", name: "絶品鶏の唐揚げ", price: "850円", imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-chicken-croquette-into-sauce-beer-setup-with-nuts_140725-10810.jpg", imageAlt: "絶品鶏の唐揚げ"},
|
||||
{
|
||||
id: "edamame",
|
||||
name: "枝豆",
|
||||
price: "400円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-fermented-vegetables-plate-blue-surface_114579-41106.jpg",
|
||||
imageAlt: "枝豆",
|
||||
},
|
||||
id: "edamame", name: "枝豆", price: "400円", imageSrc: "http://img.b2bpic.net/free-photo/various-fermented-vegetables-plate-blue-surface_114579-41106.jpg", imageAlt: "枝豆"},
|
||||
{
|
||||
id: "gyoza",
|
||||
name: "手作り焼き餃子",
|
||||
price: "700円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-dumplings_74190-5041.jpg",
|
||||
imageAlt: "手作り焼き餃子",
|
||||
},
|
||||
id: "gyoza", name: "手作り焼き餃子", price: "700円", imageSrc: "http://img.b2bpic.net/free-photo/fried-dumplings_74190-5041.jpg", imageAlt: "手作り焼き餃子"},
|
||||
]}
|
||||
title="旬の特別料理"
|
||||
description="季節の恵みをふんだんに使った、期間限定の特別メニュー。この機会にぜひご賞味ください。"
|
||||
@@ -245,59 +156,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "佐藤 恵美",
|
||||
handle: "@emichan",
|
||||
testimonial: "寶珠さんの料理はどれも本当に美味しくて、特に旬の刺身は絶品です。雰囲気も最高で、何度も訪れたくなります。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paper-with-japanese-handwriting_23-2149124237.jpg",
|
||||
imageAlt: "佐藤 恵美さんの顔写真",
|
||||
},
|
||||
id: "1", name: "佐藤 恵美", handle: "@emichan", testimonial: "寶珠さんの料理はどれも本当に美味しくて、特に旬の刺身は絶品です。雰囲気も最高で、何度も訪れたくなります。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paper-with-japanese-handwriting_23-2149124237.jpg", imageAlt: "佐藤 恵美さんの顔写真"},
|
||||
{
|
||||
id: "2",
|
||||
name: "田中 健一",
|
||||
handle: "@kentanaka",
|
||||
testimonial: "仕事帰りにふらっと立ち寄れるアットホームな雰囲気が好きです。店員さんの対応も素晴らしく、ついつい長居してしまいます。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-appreciating-nature-surrounding-her_23-2148956884.jpg",
|
||||
imageAlt: "田中 健一さんの顔写真",
|
||||
},
|
||||
id: "2", name: "田中 健一", handle: "@kentanaka", testimonial: "仕事帰りにふらっと立ち寄れるアットホームな雰囲気が好きです。店員さんの対応も素晴らしく、ついつい長居してしまいます。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-appreciating-nature-surrounding-her_23-2148956884.jpg", imageAlt: "田中 健一さんの顔写真"},
|
||||
{
|
||||
id: "3",
|
||||
name: "山本 綾香",
|
||||
handle: "@ayakayamamoto",
|
||||
testimonial: "友達と利用しました。豊富な地酒と美味しい料理で、とても楽しい時間を過ごせました。また近いうちに来ます!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-guys-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1234.jpg",
|
||||
imageAlt: "山本 綾香さんの顔写真",
|
||||
},
|
||||
id: "3", name: "山本 綾香", handle: "@ayakayamamoto", testimonial: "友達と利用しました。豊富な地酒と美味しい料理で、とても楽しい時間を過ごせました。また近いうちに来ます!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-guys-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1234.jpg", imageAlt: "山本 綾香さんの顔写真"},
|
||||
{
|
||||
id: "4",
|
||||
name: "中村 大輔",
|
||||
handle: "@daisuke_n",
|
||||
testimonial: "このお店の焼き鳥は、他では味わえないくらいジューシーで香ばしい。〆のラーメンまで完璧で、大満足でした。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461477.jpg",
|
||||
imageAlt: "中村 大輔さんの顔写真",
|
||||
},
|
||||
id: "4", name: "中村 大輔", handle: "@daisuke_n", testimonial: "このお店の焼き鳥は、他では味わえないくらいジューシーで香ばしい。〆のラーメンまで完璧で、大満足でした。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461477.jpg", imageAlt: "中村 大輔さんの顔写真"},
|
||||
{
|
||||
id: "5",
|
||||
name: "小林 結衣",
|
||||
handle: "@yui_kbys",
|
||||
testimonial: "家族でよく利用させてもらっています。子供向けのメニューもあり、みんなで美味しい料理を囲めるのが嬉しいです。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-clinking-glasses_23-2149061667.jpg",
|
||||
imageAlt: "小林 結衣さんの顔写真",
|
||||
},
|
||||
id: "5", name: "小林 結衣", handle: "@yui_kbys", testimonial: "家族でよく利用させてもらっています。子供向けのメニューもあり、みんなで美味しい料理を囲めるのが嬉しいです。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-clinking-glasses_23-2149061667.jpg", imageAlt: "小林 結衣さんの顔写真"},
|
||||
{
|
||||
id: "6",
|
||||
name: "加藤 雄介",
|
||||
handle: "@yusukekato",
|
||||
testimonial: "外国からの友人を連れて行きましたが、皆とても喜んでくれました。日本の居酒屋文化を体験するのに最適なお店です。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-wine-glass_23-2149335056.jpg",
|
||||
imageAlt: "加藤 雄介さんの顔写真",
|
||||
},
|
||||
id: "6", name: "加藤 雄介", handle: "@yusukekato", testimonial: "外国からの友人を連れて行きましたが、皆とても喜んでくれました。日本の居酒屋文化を体験するのに最適なお店です。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-wine-glass_23-2149335056.jpg", imageAlt: "加藤 雄介さんの顔写真"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="お客様の声"
|
||||
@@ -315,20 +190,11 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "dishes",
|
||||
value: "100+",
|
||||
description: "職人の手による料理の数々",
|
||||
},
|
||||
id: "dishes", value: "100+", description: "職人の手による料理の数々"},
|
||||
{
|
||||
id: "sakes",
|
||||
value: "50+",
|
||||
description: "全国から厳選された日本酒",
|
||||
},
|
||||
id: "sakes", value: "50+", description: "全国から厳選された日本酒"},
|
||||
{
|
||||
id: "customers",
|
||||
value: "10,000+",
|
||||
description: "累計ご来店のお客様",
|
||||
},
|
||||
id: "customers", value: "10,000+", description: "累計ご来店のお客様"},
|
||||
]}
|
||||
title="寶珠の確かな実績"
|
||||
description="長年の経験と多くのお客様に支えられ、居酒屋 寶珠は地域の皆様に愛され続けています。"
|
||||
@@ -342,25 +208,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "reservation",
|
||||
title: "予約は必要ですか?",
|
||||
content: "はい、特に週末や祝日は混み合いますので、事前のご予約をおすすめしております。お電話またはウェブサイトからご予約いただけます。",
|
||||
},
|
||||
id: "reservation", title: "予約は必要ですか?", content: "はい、特に週末や祝日は混み合いますので、事前のご予約をおすすめしております。お電話またはウェブサイトからご予約いただけます。"},
|
||||
{
|
||||
id: "allergies",
|
||||
title: "アレルギー対応は可能ですか?",
|
||||
content: "はい、可能な限り対応させていただきます。ご予約時、またはご来店時にスタッフまでお気軽にお申し付けください。",
|
||||
},
|
||||
id: "allergies", title: "アレルギー対応は可能ですか?", content: "はい、可能な限り対応させていただきます。ご予約時、またはご来店時にスタッフまでお気軽にお申し付けください。"},
|
||||
{
|
||||
id: "private_room",
|
||||
title: "個室はありますか?",
|
||||
content: "はい、少人数から大人数まで対応可能な個室をご用意しております。接待や会食などにご利用いただけますので、ご予約時にお申し付けください。",
|
||||
},
|
||||
id: "private_room", title: "個室はありますか?", content: "はい、少人数から大人数まで対応可能な個室をご用意しております。接待や会食などにご利用いただけますので、ご予約時にお申し付けください。"},
|
||||
{
|
||||
id: "takeout",
|
||||
title: "テイクアウトはできますか?",
|
||||
content: "一部メニューでテイクアウトも承っております。詳細はお電話にてお問い合わせください。",
|
||||
},
|
||||
id: "takeout", title: "テイクアウトはできますか?", content: "一部メニューでテイクアウトも承っております。詳細はお電話にてお問い合わせください。"},
|
||||
]}
|
||||
title="よくあるご質問"
|
||||
description="お客様からよくいただくご質問とその回答をまとめました。"
|
||||
@@ -373,8 +227,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="お問い合わせ"
|
||||
title="ご予約・お問い合わせ"
|
||||
description="ご予約、貸切のご相談、その他ご不明な点などございましたら、お気軽にお問い合わせください。スタッフが丁寧に対応させていただきます。"
|
||||
@@ -388,66 +241,39 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "メニュー",
|
||||
items: [
|
||||
title: "メニュー", items: [
|
||||
{
|
||||
label: "お食事",
|
||||
href: "#features",
|
||||
},
|
||||
label: "お食事", href: "#features"},
|
||||
{
|
||||
label: "お飲み物",
|
||||
href: "#products",
|
||||
},
|
||||
label: "お飲み物", href: "#products"},
|
||||
{
|
||||
label: "季節のおすすめ",
|
||||
href: "#products",
|
||||
},
|
||||
label: "季節のおすすめ", href: "#products"},
|
||||
{
|
||||
label: "テイクアウト",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "テイクアウト", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "店舗情報",
|
||||
items: [
|
||||
title: "店舗情報", items: [
|
||||
{
|
||||
label: "私たちについて",
|
||||
href: "#about",
|
||||
},
|
||||
label: "私たちについて", href: "#about"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "アクセス", href: "#contact"},
|
||||
{
|
||||
label: "営業時間",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "営業時間", href: "#contact"},
|
||||
{
|
||||
label: "よくあるご質問",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "よくあるご質問", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "お問い合わせ",
|
||||
items: [
|
||||
title: "お問い合わせ", items: [
|
||||
{
|
||||
label: "ご予約",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "ご予約", href: "#contact"},
|
||||
{
|
||||
label: "貸切について",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "貸切について", href: "#contact"},
|
||||
{
|
||||
label: "採用情報",
|
||||
href: "#",
|
||||
},
|
||||
label: "採用情報", href: "#"},
|
||||
{
|
||||
label: "プライバシーポリシー",
|
||||
href: "#",
|
||||
},
|
||||
label: "プライバシーポリシー", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user