Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "#home",
|
||||
},
|
||||
name: "ホーム", id: "#home"},
|
||||
{
|
||||
name: "ゴマ屋について",
|
||||
id: "#about",
|
||||
},
|
||||
name: "ゴマ屋について", id: "#about"},
|
||||
{
|
||||
name: "メニュー",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "メニュー", id: "#menu"},
|
||||
{
|
||||
name: "こだわり",
|
||||
id: "#features",
|
||||
},
|
||||
name: "こだわり", id: "#features"},
|
||||
{
|
||||
name: "お客様の声",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "お客様の声", id: "#reviews"},
|
||||
{
|
||||
name: "よくある質問",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "よくある質問", id: "#faq"},
|
||||
{
|
||||
name: "お問い合わせ",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/sushi-rolls-with-chopsticks-soya-sauce-red-background_23-2148138923.jpg"
|
||||
logoAlt="東京担担麺本舗 ゴマ屋 ロゴ"
|
||||
@@ -69,47 +55,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="本格担担麺の味を東京で"
|
||||
description="ゴマの香りと旨味が織りなす至福の一杯をどうぞ。心温まる一杯があなたを待っています。"
|
||||
buttons={[
|
||||
{
|
||||
text: "メニューを見る",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "メニューを見る", href: "#menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ramen-noodles-soups-bowls_23-2148368744.jpg",
|
||||
imageAlt: "特製担担麺の俯瞰写真",
|
||||
},
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ramen-noodles-soups-bowls_23-2148368744.jpg", imageAlt: "特製担担麺の俯瞰写真"},
|
||||
{
|
||||
id: "carousel-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-noodles_23-2149734579.jpg",
|
||||
imageAlt: "賑わう日本のラーメン店内",
|
||||
},
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-noodles_23-2149734579.jpg", imageAlt: "賑わう日本のラーメン店内"},
|
||||
{
|
||||
id: "carousel-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-japanese-food-grill_23-2148759564.jpg",
|
||||
imageAlt: "厨房で担担麺を調理するシェフ",
|
||||
},
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-japanese-food-grill_23-2148759564.jpg", imageAlt: "厨房で担担麺を調理するシェフ"},
|
||||
{
|
||||
id: "carousel-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-oil-with-wooden-bowls-peppers_114579-62963.jpg",
|
||||
imageAlt: "担担麺のゴマとラー油のクローズアップ",
|
||||
},
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/bottle-oil-with-wooden-bowls-peppers_114579-62963.jpg", imageAlt: "担担麺のゴマとラー油のクローズアップ"},
|
||||
{
|
||||
id: "carousel-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-christmas-dish-spices-lemon-spruce-branches-with-cones-dish-with-pomegranates_140725-117109.jpg",
|
||||
imageAlt: "湯気が立ち上る担担麺の丼",
|
||||
},
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-christmas-dish-spices-lemon-spruce-branches-with-cones-dish-with-pomegranates_140725-117109.jpg", imageAlt: "湯気が立ち上る担担麺の丼"},
|
||||
{
|
||||
id: "carousel-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-friends-reunion_23-2149244680.jpg",
|
||||
imageAlt: "温かい雰囲気の日本のレストラン",
|
||||
},
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-friends-reunion_23-2149244680.jpg", imageAlt: "温かい雰囲気の日本のレストラン"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -134,29 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "風味豊か",
|
||||
title: "濃厚自家製ゴマペースト",
|
||||
subtitle: "香ばしいゴマの秘密",
|
||||
description: "毎日丁寧にすり潰した新鮮なゴマから作る自家製ペーストは、担担麺の風味の決め手です。深いコクと香りが食欲をそそります。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-sesame-paste-with-sesame-seeds_114579-30695.jpg",
|
||||
imageAlt: "新鮮なゴマペースト",
|
||||
},
|
||||
tag: "風味豊か", title: "濃厚自家製ゴマペースト", subtitle: "香ばしいゴマの秘密", description: "毎日丁寧にすり潰した新鮮なゴマから作る自家製ペーストは、担担麺の風味の決め手です。深いコクと香りが食欲をそそります。", imageSrc: "http://img.b2bpic.net/free-photo/homemade-sesame-paste-with-sesame-seeds_114579-30695.jpg", imageAlt: "新鮮なゴマペースト"},
|
||||
{
|
||||
tag: "奥深い辛さ",
|
||||
title: "秘伝の自家製ラー油",
|
||||
subtitle: "旨辛の絶妙なバランス",
|
||||
description: "数種類の唐辛子と香辛料を独自にブレンドし、じっくりと時間をかけて作る秘伝のラー油。辛さの中にも深い旨味が感じられます。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-tomatoes-with-olive-oil_114579-11724.jpg",
|
||||
imageAlt: "自家製ラー油",
|
||||
},
|
||||
tag: "奥深い辛さ", title: "秘伝の自家製ラー油", subtitle: "旨辛の絶妙なバランス", description: "数種類の唐辛子と香辛料を独自にブレンドし、じっくりと時間をかけて作る秘伝のラー油。辛さの中にも深い旨味が感じられます。", imageSrc: "http://img.b2bpic.net/free-photo/dry-tomatoes-with-olive-oil_114579-11724.jpg", imageAlt: "自家製ラー油"},
|
||||
{
|
||||
tag: "もちもち食感",
|
||||
title: "特製もちもち麺",
|
||||
subtitle: "スープによく絡む",
|
||||
description: "担担麺のスープに負けない存在感を持つ、特製の太麺を使用しています。もちもちとした食感がスープと絡み合い、最高のハーモニーを生み出します。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-wooden-tray-with-ingredients-black-cement-surface_1150-19781.jpg",
|
||||
imageAlt: "特製もちもち麺",
|
||||
},
|
||||
tag: "もちもち食感", title: "特製もちもち麺", subtitle: "スープによく絡む", description: "担担麺のスープに負けない存在感を持つ、特製の太麺を使用しています。もちもちとした食感がスープと絡み合い、最高のハーモニーを生み出します。", imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-wooden-tray-with-ingredients-black-cement-surface_1150-19781.jpg", imageAlt: "特製もちもち麺"},
|
||||
]}
|
||||
title="ゴマ屋の三つのこだわり"
|
||||
description="私たちが心を込めて作り上げる担担麺は、以下の3つの要素によって最高の味を生み出します。"
|
||||
@@ -171,53 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "classic-tantanmen",
|
||||
name: "特製担担麺",
|
||||
price: "¥1,200",
|
||||
variant: "定番の濃厚スープ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adding-broth-into-chicken-soup-blue-authentic-bowl_114579-1758.jpg",
|
||||
imageAlt: "特製担担麺",
|
||||
},
|
||||
id: "classic-tantanmen", name: "特製担担麺", price: "¥1,200", variant: "定番の濃厚スープ", imageSrc: "http://img.b2bpic.net/free-photo/adding-broth-into-chicken-soup-blue-authentic-bowl_114579-1758.jpg", imageAlt: "特製担担麺"},
|
||||
{
|
||||
id: "spicy-tantanmen",
|
||||
name: "激辛担担麺",
|
||||
price: "¥1,300",
|
||||
variant: "辛さの中に旨味",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg",
|
||||
imageAlt: "激辛担担麺",
|
||||
},
|
||||
id: "spicy-tantanmen", name: "激辛担担麺", price: "¥1,300", variant: "辛さの中に旨味", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg", imageAlt: "激辛担担麺"},
|
||||
{
|
||||
id: "rich-tantanmen",
|
||||
name: "濃厚担担麺",
|
||||
price: "¥1,350",
|
||||
variant: "ゴマの風味MAX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-soup-white-bowl-with-carrots-celery_123827-37423.jpg",
|
||||
imageAlt: "濃厚担担麺",
|
||||
},
|
||||
id: "rich-tantanmen", name: "濃厚担担麺", price: "¥1,350", variant: "ゴマの風味MAX", imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-soup-white-bowl-with-carrots-celery_123827-37423.jpg", imageAlt: "濃厚担担麺"},
|
||||
{
|
||||
id: "sour-tantanmen",
|
||||
name: "酸辣担担麺",
|
||||
price: "¥1,250",
|
||||
variant: "さっぱりピリ辛",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9950.jpg",
|
||||
imageAlt: "酸辣担担麺",
|
||||
},
|
||||
id: "sour-tantanmen", name: "酸辣担担麺", price: "¥1,250", variant: "さっぱりピリ辛", imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9950.jpg", imageAlt: "酸辣担担麺"},
|
||||
{
|
||||
id: "char-siu",
|
||||
name: "炙りチャーシュー丼",
|
||||
price: "¥450",
|
||||
variant: "サイドメニュー",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbecued-red-pork-sauce-with-rice_1339-3679.jpg",
|
||||
imageAlt: "炙りチャーシュー丼",
|
||||
},
|
||||
id: "char-siu", name: "炙りチャーシュー丼", price: "¥450", variant: "サイドメニュー", imageSrc: "http://img.b2bpic.net/free-photo/barbecued-red-pork-sauce-with-rice_1339-3679.jpg", imageAlt: "炙りチャーシュー丼"},
|
||||
{
|
||||
id: "gyoza",
|
||||
name: "自家製水餃子 (3個)",
|
||||
price: "¥380",
|
||||
variant: "サイドメニュー",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-asian-meal-with-herbs_23-2148694374.jpg",
|
||||
imageAlt: "自家製水餃子",
|
||||
},
|
||||
id: "gyoza", name: "自家製水餃子 (3個)", price: "¥380", variant: "サイドメニュー", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-asian-meal-with-herbs_23-2148694374.jpg", imageAlt: "自家製水餃子"},
|
||||
]}
|
||||
title="ゴマ屋自慢のメニュー"
|
||||
description="定番の担担麺から、季節限定の特別な一杯まで、バラエティ豊かなメニューをご用意しております。"
|
||||
@@ -229,41 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
name: "田中 裕美",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-female-cafe-staff-wear-uniform-apron-smiling-cheerful-welcome-cafe-restaurant-with-confident-happiness-with-positive-service-mind-after-lockdown-is-shopfront-entrance_609648-2109.jpg",
|
||||
imageAlt: "田中裕美の笑顔",
|
||||
},
|
||||
id: "testimonial-1", name: "田中 裕美", imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-female-cafe-staff-wear-uniform-apron-smiling-cheerful-welcome-cafe-restaurant-with-confident-happiness-with-positive-service-mind-after-lockdown-is-shopfront-entrance_609648-2109.jpg", imageAlt: "田中裕美の笑顔"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
name: "佐藤 健太",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
imageAlt: "佐藤健太の笑顔",
|
||||
},
|
||||
id: "testimonial-2", name: "佐藤 健太", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageAlt: "佐藤健太の笑顔"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
name: "鈴木 麗子",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-asian-appearance-strict-classic-suit_185193-163455.jpg",
|
||||
imageAlt: "鈴木麗子の笑顔",
|
||||
},
|
||||
id: "testimonial-3", name: "鈴木 麗子", imageSrc: "http://img.b2bpic.net/free-photo/girl-asian-appearance-strict-classic-suit_185193-163455.jpg", imageAlt: "鈴木麗子の笑顔"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
name: "高橋 誠",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman_1098-16854.jpg",
|
||||
imageAlt: "高橋誠の笑顔",
|
||||
},
|
||||
id: "testimonial-4", name: "高橋 誠", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman_1098-16854.jpg", imageAlt: "高橋誠の笑顔"},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
name: "小林 美穂",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-with-african-hairstyle-posing-emotionally-surprised-mulatto-lady-wears-vintage-yellow-shirt-blue-jeans-chilling_197531-4093.jpg",
|
||||
imageAlt: "小林美穂の笑顔",
|
||||
},
|
||||
id: "testimonial-5", name: "小林 美穂", imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-with-african-hairstyle-posing-emotionally-surprised-mulatto-lady-wears-vintage-yellow-shirt-blue-jeans-chilling_197531-4093.jpg", imageAlt: "小林美穂の笑顔"},
|
||||
{
|
||||
id: "testimonial-6",
|
||||
name: "中村 大輔",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-asian-male-student-eyeglasses-dreamily-studying-library-university_574295-2904.jpg",
|
||||
imageAlt: "中村大輔の笑顔",
|
||||
},
|
||||
id: "testimonial-6", name: "中村 大輔", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-asian-male-student-eyeglasses-dreamily-studying-library-university_574295-2904.jpg", imageAlt: "中村大輔の笑顔"},
|
||||
]}
|
||||
cardTitle="お客様の声"
|
||||
cardTag="感動の一杯"
|
||||
@@ -277,30 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "予約はできますか？",
|
||||
content: "大変申し訳ございませんが、現在ご予約は承っておりません。ご来店いただいたお客様から順にご案内しております。",
|
||||
},
|
||||
id: "faq-1", title: "予約はできますか？", content: "大変申し訳ございませんが、現在ご予約は承っておりません。ご来店いただいたお客様から順にご案内しております。"},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "辛さの調整はできますか？",
|
||||
content: "はい、ご注文時に辛さのレベルをお選びいただけます。初めてのお客様は「普通」からお試しいただくことをお勧めします。",
|
||||
},
|
||||
id: "faq-2", title: "辛さの調整はできますか？", content: "はい、ご注文時に辛さのレベルをお選びいただけます。初めてのお客様は「普通」からお試しいただくことをお勧めします。"},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "テイクアウトは可能ですか？",
|
||||
content: "はい、一部メニューでテイクアウトが可能です。詳しくはお気軽にお問い合わせください。",
|
||||
},
|
||||
id: "faq-3", title: "テイクアウトは可能ですか？", content: "はい、一部メニューでテイクアウトが可能です。詳しくはお気軽にお問い合わせください。"},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "アレルギー対応について",
|
||||
content: "特定のアレルギーをお持ちのお客様は、ご注文前にスタッフまでお申し付けください。可能な範囲で対応させていただきます。",
|
||||
},
|
||||
id: "faq-4", title: "アレルギー対応について", content: "特定のアレルギーをお持ちのお客様は、ご注文前にスタッフまでお申し付けください。可能な範囲で対応させていただきます。"},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "駐車場はありますか？",
|
||||
content: "専用駐車場はございませんが、近隣にコインパーキングがございますのでそちらをご利用ください。",
|
||||
},
|
||||
id: "faq-5", title: "駐車場はありますか？", content: "専用駐車場はございませんが、近隣にコインパーキングがございますのでそちらをご利用ください。"},
|
||||
]}
|
||||
title="よくあるご質問"
|
||||
description="ゴマ屋に関するお客様からのよくある質問とその回答です。"
|
||||
@@ -312,11 +184,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="アクセス"
|
||||
title="店舗情報・お問い合わせ"
|
||||
description="東京担担麺本舗 ゴマ屋は、皆様のお越しを心よりお待ちしております。ご不明な点がございましたら、お気軽にお問い合わせください。"
|
||||
description="東京担担麺本舗 ゴマ屋は、皆様のお越しを心よりお待ちしております。ご不明な点がございましたら、お気軽にお問い合わせください。\n\n所在地: 東京都千代田区神田駿河台3-11-1\nGoogle マップ: https://maps.app.goo.gl/GPKHbXZwT95rRMkJ9"
|
||||
inputPlaceholder="メールアドレスを入力してください"
|
||||
buttonText="最新情報を受け取る"
|
||||
termsText="ご登録いただくことで、ゴマ屋の最新情報や特別プロモーションを受け取ることに同意したものとみなされます。"
|
||||
@@ -330,50 +201,31 @@ export default function LandingPage() {
|
||||
logoText="東京担担麺本舗 ゴマ屋"
|
||||
columns={[
|
||||
{
|
||||
title: "クイックリンク",
|
||||
items: [
|
||||
title: "クイックリンク", items: [
|
||||
{
|
||||
label: "ホーム",
|
||||
href: "#home",
|
||||
},
|
||||
label: "ホーム", href: "#home"},
|
||||
{
|
||||
label: "ゴマ屋について",
|
||||
href: "#about",
|
||||
},
|
||||
label: "ゴマ屋について", href: "#about"},
|
||||
{
|
||||
label: "メニュー",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "メニュー", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "情報",
|
||||
items: [
|
||||
title: "情報", items: [
|
||||
{
|
||||
label: "よくある質問",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "よくある質問", href: "#faq"},
|
||||
{
|
||||
label: "プライバシーポリシー",
|
||||
href: "#",
|
||||
},
|
||||
label: "プライバシーポリシー", href: "#"},
|
||||
{
|
||||
label: "利用規約",
|
||||
href: "#",
|
||||
},
|
||||
label: "利用規約", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "お問い合わせ",
|
||||
items: [
|
||||
title: "お問い合わせ", items: [
|
||||
{
|
||||
label: "店舗",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "店舗", href: "#contact"},
|
||||
{
|
||||
label: "電話",
|
||||
href: "tel:03-1234-5678",
|
||||
},
|
||||
label: "電話", href: "tel:03-1234-5678"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user