Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 295c60eb58 | |||
| 98fbf3be11 | |||
| efcdb6974b | |||
| 7c6bc91939 |
261
src/app/page.tsx
261
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "ホーム", id: "hero" },
|
||||||
name: "ホーム",
|
{ name: "こだわり", id: "about" },
|
||||||
id: "hero",
|
{ name: "メニュー", id: "products" },
|
||||||
},
|
{ name: "アクセス", id: "contact" },
|
||||||
{
|
|
||||||
name: "こだわり",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "メニュー",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "アクセス",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="花のや"
|
brandName="花のや"
|
||||||
/>
|
/>
|
||||||
@@ -53,69 +41,16 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="新潟大学近く。揚げたて天ぷらと、丁寧な和食。"
|
title="新潟大学近く。揚げたて天ぷらと、丁寧な和食。"
|
||||||
description="「ボリューム」と「質」の両立。学生のランチから、落ち着いた夜の一杯まで。心温まるひとときをお届けします。"
|
description="「ボリューム」と「質」の両立。学生のランチから、落ち着いた夜の一杯まで。心温まるひとときをお届けします。"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "ランチを見る", href: "#products" },
|
||||||
text: "ランチを見る",
|
{ text: "ご予約", href: "#contact" },
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "ご予約",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-roll-steak_74190-3801.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg?_wi=1"
|
||||||
imageAlt="花のやの自慢の天丼"
|
imageAlt="自慢の揚げたて天丼"
|
||||||
mediaAnimation="slide-up"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -125,14 +60,8 @@ export default function LandingPage() {
|
|||||||
title="花のやが選ばれる理由"
|
title="花のやが選ばれる理由"
|
||||||
description="私たちは「値段より質」を大切にしています。一品一品丁寧に仕上げる和食は、多くの学生様や地域のお客様に愛されています。"
|
description="私たちは「値段より質」を大切にしています。一品一品丁寧に仕上げる和食は、多くの学生様や地域のお客様に愛されています。"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "4.4", title: "Google口コミ高評価 (味と品質)" },
|
||||||
value: "4.4",
|
{ value: "厳選素材", title: "プレミアム天丼(エビ、イカ、旬魚、野菜)" },
|
||||||
title: "Google口コミ高評価",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "手作り",
|
|
||||||
title: "丁寧な和食",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -147,27 +76,17 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "上天丼",
|
title: "上天丼",
|
||||||
description: "エビ2本、大ぶりイカ、季節の魚、野菜天が入った大満足の定番メニュー。",
|
description: "エビ、イカ、旬の魚に野菜。学生さんに一番人気のボリューム満点メニュー。", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg?_wi=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/top-view-japanese-meal_23-2148809871.jpg"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
title="人気の天丼メニュー"
|
title="人気の天丼メニュー"
|
||||||
description="迷ったらまずは『上天丼』を。ボリューム満点で満足いただける一品をご用意しています。"
|
description="ボリュームと質を両立させた、花のやの看板メニューです。"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -178,49 +97,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "学生のお客様", handle: "@student", testimonial: "このボリュームでこの味は他にはない!天ぷらが最高です。", rating: 4.4,
|
||||||
name: "佐藤 健",
|
|
||||||
handle: "学生",
|
|
||||||
testimonial: "新潟大生にとっての聖地です!天丼のボリュームがすごくて、いつも大満足。",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "地域のお客様", handle: "@local", testimonial: "丁寧な仕事ぶりが感じられる美味しい和食です。いつも癒やされています。", rating: 4.4,
|
||||||
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",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="お客様の声"
|
title="お客様からの高評価"
|
||||||
description="味で選ばれる和食店として、多くのお客様から嬉しいお声をいただいております。"
|
description="品質と味にこだわり、多くのお客様から4.4の評価をいただいております。"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -230,50 +115,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="one-large-left-three-stacked-right"
|
gridVariant="one-large-left-three-stacked-right"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="おすすめメニュー"
|
title="おすすめメニュー"
|
||||||
description="旬の素材を活かしたこだわりのメニューラインナップです。"
|
description="旬の素材を活かしたこだわりのメニューラインナップです。"
|
||||||
/>
|
/>
|
||||||
@@ -283,23 +125,7 @@ export default function LandingPage() {
|
|||||||
<FaqBase
|
<FaqBase
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "f1",
|
|
||||||
title: "予約は可能ですか?",
|
|
||||||
content: "はい、夜のお時間帯のご予約を承っております。お電話にてご連絡ください。",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "駐車場はありますか?",
|
|
||||||
content: "店舗付近に専用駐車場がございます。お車でも安心してお越しください。",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "テイクアウトはできますか?",
|
|
||||||
content: "はい、天丼などのテイクアウトにも対応しております。事前に電話注文いただくとスムーズです。",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="よくあるご質問"
|
title="よくあるご質問"
|
||||||
description="花のやについて、よくいただく質問をまとめました。"
|
description="花のやについて、よくいただく質問をまとめました。"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -309,12 +135,10 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="アクセス・ご予約"
|
tag="アクセス・ご予約"
|
||||||
title="皆様のお越しをお待ちしております"
|
title="皆様のお越しをお待ちしております"
|
||||||
description="新潟大学近く、アットホームな空間で揚げたて天ぷらをお楽しみください。お問い合わせはこちらから。"
|
description="新潟大学近く、アットホームな空間で揚げたて天ぷらをお楽しみください。"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/old-rusty-house-entrance-japan-building_23-2149301083.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/old-rusty-house-entrance-japan-building_23-2149301083.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -323,35 +147,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="花のや"
|
logoText="花のや"
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
copyrightText="© 2025 花のや All rights reserved."
|
||||||
title: "店舗情報",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "営業時間",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "アクセス",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "メニュー",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "ランチ",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "季節の天ぷら",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
copyrightText="© 2024 花のや All rights reserved."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user