Update src/app/page.tsx
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "こだわり",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "メニュー",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "アクセス",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "ホーム", id: "hero" },
|
||||
{ name: "こだわり", id: "about" },
|
||||
{ name: "メニュー", id: "products" },
|
||||
{ name: "アクセス", id: "contact" },
|
||||
]}
|
||||
brandName="花のや"
|
||||
/>
|
||||
@@ -53,69 +41,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="新潟大学近く。揚げたて天ぷらと、丁寧な和食。"
|
||||
description="「ボリューム」と「質」の両立。学生のランチから、落ち着いた夜の一杯まで。心温まるひとときをお届けします。"
|
||||
buttons={[
|
||||
{
|
||||
text: "ランチを見る",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "ご予約",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "ランチを見る", href: "#products" },
|
||||
{ text: "ご予約", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-roll-steak_74190-3801.jpg"
|
||||
imageAlt="花のやの自慢の天丼"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg"
|
||||
imageAlt="自慢の揚げたて天丼"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crispy-chicken-nugget-garnished-with-fresh-herbs_140725-1327.jpg",
|
||||
alt: "Satisfied regular diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9484.jpg",
|
||||
alt: "Happy student customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg",
|
||||
alt: "Local resident diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9906.jpg",
|
||||
alt: "Evening dinner patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chinese-old-house_1127-3658.jpg",
|
||||
alt: "Visiting friend",
|
||||
},
|
||||
]}
|
||||
avatarText="地域の皆様に愛されて10年"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "揚げたて天ぷら",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "こだわりの出汁",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "学生歓迎",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ボリューム満点",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "新潟大学近く",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,14 +60,8 @@ export default function LandingPage() {
|
||||
title="花のやが選ばれる理由"
|
||||
description="私たちは「値段より質」を大切にしています。一品一品丁寧に仕上げる和食は、多くの学生様や地域のお客様に愛されています。"
|
||||
metrics={[
|
||||
{
|
||||
value: "4.4",
|
||||
title: "Google口コミ高評価",
|
||||
},
|
||||
{
|
||||
value: "手作り",
|
||||
title: "丁寧な和食",
|
||||
},
|
||||
{ value: "4.4", title: "Google口コミ高評価 (味と品質)" },
|
||||
{ value: "厳選素材", title: "プレミアム天丼（エビ、イカ、旬魚、野菜）" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -147,27 +76,17 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "上天丼",
|
||||
description: "エビ2本、大ぶりイカ、季節の魚、野菜天が入った大満足の定番メニュー。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-fried-shrimps-with-sauce_141793-1315.jpg",
|
||||
imageAlt: "上天丼",
|
||||
},
|
||||
{
|
||||
title: "手作り冷奴",
|
||||
description: "天丼には大きな冷奴付き。さっぱりとした味わいで満足感を高めます。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cabbage-dolma-consists-ground-meat-with-greens-white-background-meat-dinner-calorie-oil-dish-food_140725-96159.jpg",
|
||||
imageAlt: "冷奴",
|
||||
},
|
||||
{
|
||||
title: "こだわり味噌汁",
|
||||
description: "丁寧にダシをとった味噌汁は、揚げたて天ぷらとの相性抜群です。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-japanese-meal_23-2148809871.jpg",
|
||||
imageAlt: "味噌汁",
|
||||
{
|
||||
title: "上天丼",
|
||||
description: "エビ、イカ、旬の魚に野菜。学生さんに一番人気のボリューム満点メニュー。", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg"
|
||||
},
|
||||
{
|
||||
title: "こだわりセット",
|
||||
description: "揚げたて天ぷらに、さっぱり冷奴と丁寧な出汁の味噌汁が付いた人気セット。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-japanese-meal_23-2148809871.jpg"
|
||||
}
|
||||
]}
|
||||
title="人気の天丼メニュー"
|
||||
description="迷ったらまずは『上天丼』を。ボリューム満点で満足いただける一品をご用意しています。"
|
||||
description="ボリュームと質を両立させた、花のやの看板メニューです。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,49 +97,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "佐藤 健",
|
||||
handle: "学生",
|
||||
testimonial: "新潟大生にとっての聖地です！天丼のボリュームがすごくて、いつも大満足。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
||||
id: "1", name: "学生のお客様", handle: "@student", testimonial: "このボリュームでこの味は他にはない！天ぷらが最高です。", rating: 4.4,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "高橋 美咲",
|
||||
handle: "会社員",
|
||||
testimonial: "丁寧な和食が食べたくなるとここに来ます。口コミ通り4.4の味は本物でした。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-holding-salad-bowl_23-2147893486.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "田中 誠",
|
||||
handle: "常連客",
|
||||
testimonial: "夜の一杯にも最高。天ぷらだけでなく、一品料理もすべてが丁寧。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "鈴木 恵",
|
||||
handle: "近隣住人",
|
||||
testimonial: "揚げたての天ぷらはサクサクで重たくない。毎週通っています。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-kitchen_23-2148651212.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "伊藤 悟",
|
||||
handle: "学生",
|
||||
testimonial: "値段以上のクオリティ。この価格でこのボリュームは他にはない。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
||||
id: "2", name: "地域のお客様", handle: "@local", testimonial: "丁寧な仕事ぶりが感じられる美味しい和食です。いつも癒やされています。", rating: 4.4,
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="お客様の声"
|
||||
description="味で選ばれる和食店として、多くのお客様から嬉しいお声をいただいております。"
|
||||
title="お客様からの高評価"
|
||||
description="品質と味にこだわり、多くのお客様から4.4の評価をいただいております。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,50 +115,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "上天丼",
|
||||
price: "980円",
|
||||
variant: "定番人気",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimps-noodle-glass-dish-chopsticks-marble-background_114579-46308.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "イカ天ぷら",
|
||||
price: "450円",
|
||||
variant: "サイドメニュー",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35481.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "季節の天ぷら",
|
||||
price: "600円",
|
||||
variant: "期間限定",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9483.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "こだわり冷奴",
|
||||
price: "200円",
|
||||
variant: "定番",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-big-white-plate-served-with-cottage-vegetable-mix-decorated-with-lettuce-leaves-good-appetizer-light-alcohol-restaurant-catering_7502-5838.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "自家製味噌汁",
|
||||
price: "150円",
|
||||
variant: "定番",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mushroom-soup-green-onions-plate_141793-11370.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "花のや和食定食",
|
||||
price: "1200円",
|
||||
variant: "おすすめ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fish-selection-it_140725-4418.jpg",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="おすすめメニュー"
|
||||
description="旬の素材を活かしたこだわりのメニューラインナップです。"
|
||||
/>
|
||||
@@ -283,23 +125,7 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "予約は可能ですか？",
|
||||
content: "はい、夜のお時間帯のご予約を承っております。お電話にてご連絡ください。",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "駐車場はありますか？",
|
||||
content: "店舗付近に専用駐車場がございます。お車でも安心してお越しください。",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "テイクアウトはできますか？",
|
||||
content: "はい、天丼などのテイクアウトにも対応しております。事前に電話注文いただくとスムーズです。",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
title="よくあるご質問"
|
||||
description="花のやについて、よくいただく質問をまとめました。"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -309,12 +135,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="アクセス・ご予約"
|
||||
title="皆様のお越しをお待ちしております"
|
||||
description="新潟大学近く、アットホームな空間で揚げたて天ぷらをお楽しみください。お問い合わせはこちらから。"
|
||||
description="新潟大学近く、アットホームな空間で揚げたて天ぷらをお楽しみください。"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-rusty-house-entrance-japan-building_23-2149301083.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -323,35 +147,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="花のや"
|
||||
columns={[
|
||||
{
|
||||
title: "店舗情報",
|
||||
items: [
|
||||
{
|
||||
label: "営業時間",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "メニュー",
|
||||
items: [
|
||||
{
|
||||
label: "ランチ",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "季節の天ぷら",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 花のや All rights reserved."
|
||||
columns={[]}
|
||||
copyrightText="© 2025 花のや All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user