Update src/app/page.tsx
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Concept",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Concept", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Voice",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Voice", id: "#testimonials"},
|
||||
]}
|
||||
brandName="MUNCHIES DINER"
|
||||
/>
|
||||
@@ -57,51 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="一口で、アメリカ。"
|
||||
description="肉汁あふれるバーガー、本場スパイスのタコス、心まで明るくなるダイナー空間。ここは、千葉のアメリカ。"
|
||||
buttons={[
|
||||
{
|
||||
text: "MENU",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "MENU", href: "#menu"},
|
||||
{
|
||||
text: "RESERVE",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "RESERVE", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg",
|
||||
imageAlt: "Juicy burger断面",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg", imageAlt: "Juicy burger断面"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg",
|
||||
imageAlt: "Authentic tacos plate",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg", imageAlt: "Authentic tacos plate"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg",
|
||||
imageAlt: "Neon interior diner",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg", imageAlt: "Neon interior diner"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-woman-working-coffee-shop_23-2148366638.jpg",
|
||||
imageAlt: "Staff smiling",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-woman-working-coffee-shop_23-2148366638.jpg", imageAlt: "Staff smiling"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898532.jpg",
|
||||
imageAlt: "Diner decor",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898532.jpg", imageAlt: "Diner decor"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dogs-us-labor-day_23-2150378735.jpg",
|
||||
imageAlt: "Signature dishes",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dogs-us-labor-day_23-2150378735.jpg", imageAlt: "Signature dishes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,18 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "アメリカ旅行気分を味わえる",
|
||||
},
|
||||
type: "text", content: "アメリカ旅行気分を味わえる"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-cupcake-red-plate_23-2148815862.jpg",
|
||||
alt: "Diner vibes",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-cupcake-red-plate_23-2148815862.jpg", alt: "Diner vibes"},
|
||||
{
|
||||
type: "text",
|
||||
content: "体験型ダイナー",
|
||||
},
|
||||
type: "text", content: "体験型ダイナー"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,35 +96,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "本場TEX-MEX",
|
||||
description: "スパイス感やケイジャンなど、アメリカ在住経験者も納得の味。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aromatic-spices-near-containes_23-2147894676.jpg",
|
||||
imageAlt: "Tacos",
|
||||
},
|
||||
title: "本場TEX-MEX", description: "スパイス感やケイジャンなど、アメリカ在住経験者も納得の味。", imageSrc: "http://img.b2bpic.net/free-photo/aromatic-spices-near-containes_23-2147894676.jpg", imageAlt: "Tacos"},
|
||||
{
|
||||
title: "圧倒的ボリューム",
|
||||
description: "ガツンと響く肉感。満腹感MAXのダブルパティバーガー。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-american-hamburgers_23-2147783567.jpg",
|
||||
imageAlt: "Double Burger",
|
||||
},
|
||||
title: "圧倒的ボリューム", description: "ガツンと響く肉感。満腹感MAXのダブルパティバーガー。", imageSrc: "http://img.b2bpic.net/free-photo/two-american-hamburgers_23-2147783567.jpg", imageAlt: "Double Burger"},
|
||||
{
|
||||
title: "非日常体験",
|
||||
description: "ネオンが輝く店内で、アメリカ映画の中に入り込んだような気分を。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg",
|
||||
imageAlt: "Diner Neon",
|
||||
},
|
||||
title: "非日常体験", description: "ネオンが輝く店内で、アメリカ映画の中に入り込んだような気分を。", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg", imageAlt: "Diner Neon"},
|
||||
{
|
||||
title: "厳選食材",
|
||||
description: "地元千葉の新鮮野菜とこだわりのバンズを使用。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-powdered-spices_23-2148426110.jpg",
|
||||
imageAlt: "Fresh spices and ingredients",
|
||||
},
|
||||
title: "厳選食材", description: "地元千葉の新鮮野菜とこだわりのバンズを使用。", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-powdered-spices_23-2148426110.jpg", imageAlt: "Fresh spices and ingredients"},
|
||||
{
|
||||
title: "居心地の良い空間",
|
||||
description: "家族や友人と過ごす特別なダイナータイム。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood_285396-10734.jpg",
|
||||
imageAlt: "Cozy diner interior",
|
||||
},
|
||||
title: "居心地の良い空間", description: "家族や友人と過ごす特別なダイナータイム。", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood_285396-10734.jpg", imageAlt: "Cozy diner interior"},
|
||||
]}
|
||||
title="WHY PEOPLE LOVE US"
|
||||
description="圧倒的なボリュームと本場の空気感。当店が選ばれる理由。"
|
||||
@@ -174,49 +116,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "ムンチーズバーガー",
|
||||
price: "¥1,580",
|
||||
variant: "定番",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burgers-with-buns-cheese_23-2150887913.jpg",
|
||||
},
|
||||
id: "m1", name: "ムンチーズバーガー", price: "¥1,580", variant: "定番", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burgers-with-buns-cheese_23-2150887913.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "TEX-MEXタコスプレート",
|
||||
price: "¥1,200",
|
||||
variant: "人気",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-plate_23-2149362776.jpg",
|
||||
},
|
||||
id: "m2", name: "TEX-MEXタコスプレート", price: "¥1,200", variant: "人気", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-plate_23-2149362776.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "チキンオーバーライス",
|
||||
price: "¥1,100",
|
||||
variant: "スパイシー",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pieces-chicken-fillet-with-mushrooms-stewed-tomato-sauce-with-boiled-broccoli-rice-proper-nutrition-healthy-lifestyle-dietetic-menu-top-view_2829-20015.jpg",
|
||||
},
|
||||
id: "m3", name: "チキンオーバーライス", price: "¥1,100", variant: "スパイシー", imageSrc: "http://img.b2bpic.net/free-photo/pieces-chicken-fillet-with-mushrooms-stewed-tomato-sauce-with-boiled-broccoli-rice-proper-nutrition-healthy-lifestyle-dietetic-menu-top-view_2829-20015.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "無水トマトチキンカレー",
|
||||
price: "¥1,050",
|
||||
variant: "独自",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086030.jpg",
|
||||
},
|
||||
id: "m4", name: "無水トマトチキンカレー", price: "¥1,050", variant: "独自", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086030.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "手作りガトーショコラ",
|
||||
price: "¥650",
|
||||
variant: "カフェ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604552.jpg",
|
||||
},
|
||||
id: "m5", name: "手作りガトーショコラ", price: "¥650", variant: "カフェ", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604552.jpg"},
|
||||
{
|
||||
id: "m6",
|
||||
name: "特製フラペーノ",
|
||||
price: "¥750",
|
||||
variant: "デザート",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-slices-berries_140725-987.jpg",
|
||||
},
|
||||
id: "m6", name: "特製フラペーノ", price: "¥750", variant: "デザート", imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-slices-berries_140725-987.jpg"},
|
||||
]}
|
||||
title="SIGNATURE MENU"
|
||||
description="当店自慢のメニュー。王道から刺激的な一皿まで。"
|
||||
@@ -230,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "サトウさん",
|
||||
handle: "@foodie_chiba",
|
||||
testimonial: "ここは千葉のアメリカです！",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-girl-enjoying-tasty-breakfast-holidays-stylish-modern-cafe_273443-1845.jpg",
|
||||
},
|
||||
id: "t1", name: "サトウさん", handle: "@foodie_chiba", testimonial: "ここは千葉のアメリカです！", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-girl-enjoying-tasty-breakfast-holidays-stylish-modern-cafe_273443-1845.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "タナカさん",
|
||||
handle: "@tacos_love",
|
||||
testimonial: "タコスが本場の味で感動した。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110825.jpg",
|
||||
},
|
||||
id: "t2", name: "タナカさん", handle: "@tacos_love", testimonial: "タコスが本場の味で感動した。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110825.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "スズキさん",
|
||||
handle: "@burger_addict",
|
||||
testimonial: "ハンバーガーが圧倒的！肉感がすごい。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||||
},
|
||||
id: "t3", name: "スズキさん", handle: "@burger_addict", testimonial: "ハンバーガーが圧倒的！肉感がすごい。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "イワタさん",
|
||||
handle: "@diner_fan",
|
||||
testimonial: "店内の雰囲気が最高。また行きます。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "t4", name: "イワタさん", handle: "@diner_fan", testimonial: "店内の雰囲気が最高。また行きます。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "オオタさん",
|
||||
handle: "@cafe_log",
|
||||
testimonial: "接客も明るくて居心地がいいです。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
id: "t5", name: "オオタさん", handle: "@cafe_log", testimonial: "接客も明るくて居心地がいいです。", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="REAL VOICE"
|
||||
@@ -284,25 +172,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
value: "100%",
|
||||
title: "ネオン空間",
|
||||
description: "映画の世界観そのままに。",
|
||||
icon: Star,
|
||||
id: "s1", value: "100%", title: "ネオン空間", description: "映画の世界観そのままに。", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
value: "50+",
|
||||
title: "メニュー数",
|
||||
description: "誰と来ても楽しめる。",
|
||||
icon: Utensils,
|
||||
id: "s2", value: "50+", title: "メニュー数", description: "誰と来ても楽しめる。", icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
value: "4.8",
|
||||
title: "Google評価",
|
||||
description: "愛されるダイナー。",
|
||||
icon: Award,
|
||||
id: "s3", value: "4.8", title: "Google評価", description: "愛されるダイナー。", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Diner Space"
|
||||
@@ -315,14 +191,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Chiba Life",
|
||||
"Local Gourmet",
|
||||
"Burger Weekly",
|
||||
"Diner Monthly",
|
||||
"TexMex Japan",
|
||||
"Cafe Lovers",
|
||||
"Chiba Walker",
|
||||
]}
|
||||
"Chiba Life", "Local Gourmet", "Burger Weekly", "Diner Monthly", "TexMex Japan", "Cafe Lovers", "Chiba Walker"]}
|
||||
title="Media Features"
|
||||
description="多くのメディアで紹介されています。"
|
||||
/>
|
||||
@@ -334,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "予約はできますか？",
|
||||
content: "はい、WEBまたはお電話から承っております。",
|
||||
},
|
||||
id: "q1", title: "予約はできますか？", content: "はい、WEBまたはお電話から承っております。"},
|
||||
{
|
||||
id: "q2",
|
||||
title: "子連れでも大丈夫？",
|
||||
content: "お子様連れ大歓迎です！ソファ席もございます。",
|
||||
},
|
||||
id: "q2", title: "子連れでも大丈夫？", content: "お子様連れ大歓迎です！ソファ席もございます。"},
|
||||
{
|
||||
id: "q3",
|
||||
title: "貸切は可能ですか？",
|
||||
content: "大人数でのパーティー利用など承ります。ご連絡ください。",
|
||||
},
|
||||
id: "q3", title: "貸切は可能ですか？", content: "大人数でのパーティー利用など承ります。ご連絡ください。"},
|
||||
]}
|
||||
title="FAQ"
|
||||
description="よくあるご質問にお答えします。"
|
||||
@@ -359,20 +219,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="TODAY'S MOOD?"
|
||||
title="さあ、今日は何を楽しむ？"
|
||||
description="肉汁バーガー？スパイスタコス？それとも美味しいスイーツ？"
|
||||
buttons={[
|
||||
{
|
||||
text: "予約する",
|
||||
href: "#",
|
||||
},
|
||||
text: "予約する", href: "#"},
|
||||
{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
text: "Instagram", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -383,29 +238,19 @@ export default function LandingPage() {
|
||||
logoText="MUNCHIES DINER"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
title: "Restaurant", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Reservation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Reservation", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user