bender/961580ed-6c0a-4199-b60c-6e18aacc6ebf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 10:07:58 +00:00
parent 17923dae9a
commit fc1917b6ce
1 changed files with 55 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

223
src/app/page.tsx
View File

@@ -30,25 +30,15 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "トップ", name: "トップ", id: "/"},
id: "/",
},
{ {
name: "メニュー", name: "メニュー", id: "/menu"},
id: "/menu",
},
{ {
name: "店舗情報", name: "店舗情報", id: "/access"},
id: "/access",
},
{ {
name: "ギャラリー", name: "ギャラリー", id: "/gallery"},
id: "/gallery",
},
{ {
name: "お問い合わせ", name: "お問い合わせ", id: "/contact"},
id: "/contact",
},
]} ]}
brandName="ココミル" brandName="ココミル"
/> />
@@ -57,104 +47,58 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="至福のふわふわスフレパンケーキ" title="至福のふわふわスフレパンケーキ"
description="東京都大田区西六郷の隠れ家パンケーキカフェ『ココミル』。一口食べれば笑顔がこぼれる、至福のふわふわスフレパンケーキをご堪能ください。" description="東京都大田区西六郷の隠れ家パンケーキカフェ『ココミル』。一口食べれば笑顔がこぼれる、至福のふわふわスフレパンケーキをご堪能ください。"
testimonials={[ testimonials={[
{ {
name: "山田 花子", name: "山田 花子", handle: "@hanako_yama", testimonial: "ふわふわ感と口の中で消える軽さ、卵の風味とナチュラルな甘みが絶妙！味変ソースや軽やかなホイップで最後まで飽きずに楽しめました。", rating: 5,
handle: "@hanako_yama", imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling-street_1149-346.jpg", imageAlt: "山田 花子さんの写真"},
testimonial: "ふわふわ感と口の中で消える軽さ、卵の風味とナチュラルな甘みが絶妙！味変ソースや軽やかなホイップで最後まで飽きずに楽しめました。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling-street_1149-346.jpg",
imageAlt: "山田 花子さんの写真",
},
{ {
name: "佐藤 健太", name: "佐藤 健太", handle: "@kenta_sato", testimonial: "コスパが良く、居心地の良い店内で長居してしまいます。予約の電話がひっきりなしに鳴るのも納得の人気店です。", rating: 5,
handle: "@kenta_sato", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg", imageAlt: "佐藤 健太さんの写真"},
testimonial: "コスパが良く、居心地の良い店内で長居してしまいます。予約の電話がひっきりなしに鳴るのも納得の人気店です。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg",
imageAlt: "佐藤 健太さんの写真",
},
{ {
name: "鈴木 綾香", name: "鈴木 綾香", handle: "@ayaka_s", testimonial: "シンプルながらもこだわりを感じるスフレパンケーキは、何度でも食べたくなる美味しさです。一人でゆっくり過ごせるのも嬉しい。", rating: 5,
handle: "@ayaka_s", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-tablet-smoothie-table_1157-2116.jpg", imageAlt: "鈴木 綾香さんの写真"},
testimonial: "シンプルながらもこだわりを感じるスフレパンケーキは、何度でも食べたくなる美味しさです。一人でゆっくり過ごせるのも嬉しい。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-tablet-smoothie-table_1157-2116.jpg",
imageAlt: "鈴木 綾香さんの写真",
},
{ {
name: "田中 宏", name: "田中 宏", handle: "@hiro_t", testimonial: "朝食に利用しましたが、ふわふわパンケーキと美味しいコーヒーで最高のスタートを切れました。またすぐに来たいです！", rating: 5,
handle: "@hiro_t", imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-using-sign-language-work-while-having-coffee_23-2148740364.jpg", imageAlt: "田中 宏さんの写真"},
testimonial: "朝食に利用しましたが、ふわふわパンケーキと美味しいコーヒーで最高のスタートを切れました。またすぐに来たいです！",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-using-sign-language-work-while-having-coffee_23-2148740364.jpg",
imageAlt: "田中 宏さんの写真",
},
{ {
name: "小林 優子", name: "小林 優子", handle: "@yuko_k", testimonial: "季節のスフレパンケーキは毎回楽しみ！見た目も華やかで、旬の味覚を堪能できます。友人にもおすすめしています。", rating: 5,
handle: "@yuko_k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491912.jpg", imageAlt: "小林 優子さんの写真"},
testimonial: "季節のスフレパンケーキは毎回楽しみ！見た目も華やかで、旬の味覚を堪能できます。友人にもおすすめしています。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491912.jpg",
imageAlt: "小林 優子さんの写真",
},
]} ]}
testimonialRotationInterval={5000} testimonialRotationInterval={5000}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-waiter-serving-delicious-millefeuille-cake-with-powdered-sugar_181624-57695.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-waiter-serving-delicious-millefeuille-cake-with-powdered-sugar_181624-57695.jpg"
imageAlt="ふわふわのスフレパンケーキとココミルの外観" imageAlt="ふわふわのスフレパンケーキとココミルの外観"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/people-concept-smiling-asian-girl-looking-camera-with-happy-joyful-emotion-posing-green-park-o_1258-127508.jpg", src: "http://img.b2bpic.net/free-photo/people-concept-smiling-asian-girl-looking-camera-with-happy-joyful-emotion-posing-green-park-o_1258-127508.jpg", alt: "笑顔のアジア人女性のポートレート"},
alt: "笑顔のアジア人女性のポートレート",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-smiling-asian-woman-natural-authentic-soft-portrait-beautiful-woman_482257-44739.jpg", src: "http://img.b2bpic.net/free-photo/happy-smiling-asian-woman-natural-authentic-soft-portrait-beautiful-woman_482257-44739.jpg", alt: "幸せそうな笑顔のアジア人女性"},
alt: "幸せそうな笑顔のアジア人女性",
},
{ {
src: "http://img.b2bpic.net/free-photo/cheerful-young-asia-lady-feeling-happy-smile-look-camera-using-phone-make-live-video-call-living-room-home-night_7861-3092.jpg", src: "http://img.b2bpic.net/free-photo/cheerful-young-asia-lady-feeling-happy-smile-look-camera-using-phone-make-live-video-call-living-room-home-night_7861-3092.jpg", alt: "ビデオ通話中の若いアジア人女性"},
alt: "ビデオ通話中の若いアジア人女性",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-korean-girl-cafe-drinking-coffee-using-mobile-phone-reading-book-cozy-place_1258-199135.jpg", src: "http://img.b2bpic.net/free-photo/portrait-korean-girl-cafe-drinking-coffee-using-mobile-phone-reading-book-cozy-place_1258-199135.jpg", alt: "カフェで本を読む韓国人女性"},
alt: "カフェで本を読む韓国人女性",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", alt: "ホットチョコレートを持つ女性"},
alt: "ホットチョコレートを持つ女性",
},
]} ]}
avatarText="お客様に愛されています" avatarText="お客様に愛されています"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "ふわふわパンケーキ", icon: CakeSlice,
text: "ふわふわパンケーキ",
icon: CakeSlice,
}, },
{ {
type: "text-icon", type: "text-icon", text: "こだわりのコーヒー", icon: Coffee,
text: "こだわりのコーヒー",
icon: Coffee,
}, },
{ {
type: "text-icon", type: "text-icon", text: "居心地の良い空間", icon: Star,
text: "居心地の良い空間",
icon: Star,
}, },
{ {
type: "text-icon", type: "text-icon", text: "季節限定メニュー", icon: Leaf,
text: "季節限定メニュー",
icon: Leaf,
}, },
{ {
type: "text-icon", type: "text-icon", text: "ランチにも最適", icon: Utensils,
text: "ランチにも最適",
icon: Utensils,
}, },
]} ]}
/> />
@@ -168,17 +112,11 @@ export default function LandingPage() {
description="東京都大田区西六郷に佇む、心温まる個人経営のパンケーキカフェ「ココミル」。\nシンプルながらも、卵感が絶妙なふわふわのスフレパンケーキが自慢です。一人でも気軽に立ち寄れる、落ち着いた居心地の良い空間で、日々の喧騒を忘れ、特別なひとときをお過ごしください。" description="東京都大田区西六郷に佇む、心温まる個人経営のパンケーキカフェ「ココミル」。\nシンプルながらも、卵感が絶妙なふわふわのスフレパンケーキが自慢です。一人でも気軽に立ち寄れる、落ち着いた居心地の良い空間で、日々の喧騒を忘れ、特別なひとときをお過ごしください。"
bulletPoints={[ bulletPoints={[
{ {
title: "こだわりのスフレパンケーキ", title: "こだわりのスフレパンケーキ", description: "口の中でとろけるようなふわふわ食感と、厳選された卵の優しい風味をお楽しみいただけます。"},
description: "口の中でとろけるようなふわふわ食感と、厳選された卵の優しい風味をお楽しみいただけます。",
},
{ {
title: "落ち着いた空間", title: "落ち着いた空間", description: "一人でもグループでも、ゆったりと過ごせる居心地の良いカフェ空間をご提供しています。"},
description: "一人でもグループでも、ゆったりと過ごせる居心地の良いカフェ空間をご提供しています。",
},
{ {
title: "地元に愛される隠れ家", title: "地元に愛される隠れ家", description: "地域の方々に支えられ、日常の中に溶け込む特別な場所を目指しています。"},
description: "地域の方々に支えられ、日常の中に溶け込む特別な場所を目指しています。",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg" imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg"
imageAlt="ココミル店内の様子" imageAlt="ココミル店内の様子"
@@ -193,40 +131,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "スフレパンケーキ", subtitle: "ふわふわ、口の中でとろける食感、卵の風味、軽やかな甘さ", category: "パンケーキ", value: "¥1,200〜"},
title: "スフレパンケーキ",
subtitle: "ふわふわ、口の中でとろける食感、卵の風味、軽やかな甘さ",
category: "パンケーキ",
value: "¥1,200〜",
},
{ {
id: "f2", id: "f2", title: "季節のスフレパンケーキ", subtitle: "旬のフルーツを使った、期間限定の特別な一皿", category: "パンケーキ", value: "時価"},
title: "季節のスフレパンケーキ",
subtitle: "旬のフルーツを使った、期間限定の特別な一皿",
category: "パンケーキ",
value: "時価",
},
{ {
id: "f3", id: "f3", title: "ミニタコライス", subtitle: "カフェで楽しめる、ちょっとしたお食事にぴったり", category: "軽食", value: "¥800"},
title: "ミニタコライス",
subtitle: "カフェで楽しめる、ちょっとしたお食事にぴったり",
category: "軽食",
value: "¥800",
},
{ {
id: "f4", id: "f4", title: "キャラメルラテ", subtitle: "甘く香ばしい、至福の一杯", category: "ドリンク", value: "¥650"},
title: "キャラメルラテ",
subtitle: "甘く香ばしい、至福の一杯",
category: "ドリンク",
value: "¥650",
},
{ {
id: "f5", id: "f5", title: "こだわりのコーヒー", subtitle: "厳選された豆を使用した、芳醇な香りの一杯", category: "ドリンク", value: "¥550"},
title: "こだわりのコーヒー",
subtitle: "厳選された豆を使用した、芳醇な香りの一杯",
category: "ドリンク",
value: "¥550",
},
]} ]}
title="人気のメニュー" title="人気のメニュー"
description="ココミル自慢のふわふわスフレパンケーキをはじめ、軽食やこだわりのドリンクもご用意しております。" description="ココミル自慢のふわふわスフレパンケーキをはじめ、軽食やこだわりのドリンクもご用意しております。"
@@ -239,50 +152,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", title: "ふわふわ食感に感動！", quote: "ふわふわ感と口の中で消える軽さ、卵の風味とナチュラルな甘みが絶妙！味変ソースや軽やかなホイップで最後まで飽きずに楽しめました。", name: "山田 花子", role: "会社員", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg", imageAlt: "山田 花子さんの写真"},
title: "ふわふわ食感に感動！",
quote: "ふわふわ感と口の中で消える軽さ、卵の風味とナチュラルな甘みが絶妙！味変ソースや軽やかなホイップで最後まで飽きずに楽しめました。",
name: "山田 花子",
role: "会社員",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg",
imageAlt: "山田 花子さんの写真",
},
{ {
id: "t2", id: "t2", title: "居心地の良さも抜群", quote: "コスパが良く、居心地の良い店内で長居してしまいます。予約の電話がひっきりなしに鳴るのも納得の人気店です。", name: "佐藤 健太", role: "フリーランス", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg", imageAlt: "佐藤 健太さんの写真"},
title: "居心地の良さも抜群",
quote: "コスパが良く、居心地の良い店内で長居してしまいます。予約の電話がひっきりなしに鳴るのも納得の人気店です。",
name: "佐藤 健太",
role: "フリーランス",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
imageAlt: "佐藤 健太さんの写真",
},
{ {
id: "t3", id: "t3", title: "何度でも食べたくなる味", quote: "シンプルながらもこだわりを感じるスフレパンケーキは、何度でも食べたくなる美味しさです。一人でゆっくり過ごせるのも嬉しい。", name: "鈴木 綾香", role: "主婦", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-chinese-woman-portrait-with-bobbed-hairstyle-poses-cozy-room_273609-2661.jpg", imageAlt: "鈴木 綾香さんの写真"},
title: "何度でも食べたくなる味",
quote: "シンプルながらもこだわりを感じるスフレパンケーキは、何度でも食べたくなる美味しさです。一人でゆっくり過ごせるのも嬉しい。",
name: "鈴木 綾香",
role: "主婦",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-chinese-woman-portrait-with-bobbed-hairstyle-poses-cozy-room_273609-2661.jpg",
imageAlt: "鈴木 綾香さんの写真",
},
{ {
id: "t4", id: "t4", title: "最高の朝食体験", quote: "朝食に利用しましたが、ふわふわパンケーキと美味しいコーヒーで最高のスタートを切れました。またすぐに来たいです！", name: "田中 宏", role: "経営者", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1373.jpg", imageAlt: "田中 宏さんの写真"},
title: "最高の朝食体験",
quote: "朝食に利用しましたが、ふわふわパンケーキと美味しいコーヒーで最高のスタートを切れました。またすぐに来たいです！",
name: "田中 宏",
role: "経営者",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1373.jpg",
imageAlt: "田中 宏さんの写真",
},
{ {
id: "t5", id: "t5", title: "季節ごとの楽しみ", quote: "季節のスフレパンケーキは毎回楽しみ！見た目も華やかで、旬の味覚を堪能できます。友人にもおすすめしています。", name: "小林 優子", role: "デザイナー", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg", imageAlt: "小林 優子さんの写真"},
title: "季節ごとの楽しみ",
quote: "季節のスフレパンケーキは毎回楽しみ！見た目も華やかで、旬の味覚を堪能できます。友人にもおすすめしています。",
name: "小林 優子",
role: "デザイナー",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg",
imageAlt: "小林 優子さんの写真",
},
]} ]}
title="お客様の声" title="お客様の声"
description="ココミルをご利用いただいたお客様からの温かいお言葉をご紹介します。" description="ココミルをご利用いただいたお客様からの温かいお言葉をご紹介します。"
@@ -295,6 +173,19 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
title="デザート"
description="ココミル自慢のデザートメニュー。ふわふわのパンケーキをぜひお試しください。"
products={[
{
id: "p1", name: "スフレパンケーキ", price: "¥1,200", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinks-coffee-with-cream-eats-christmas-macarons-cafe-outside_169016-49098.jpg", imageAlt: "ふわふわのスフレパンケーキ"
},
{
id: "p2", name: "季節のスフレパンケーキ", price: "時価", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pancakes-with-syrup_23-2151998772.jpg", imageAlt: "季節のフルーツを使ったスフレパンケーキ"
},
{
id: "p3", name: "ミルクパンケーキ", price: "¥1,000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pancakes-with-condensed-milk_114579-18909.jpg", imageAlt: "シンプルなミルクパンケーキ"
}
]}
/> />
</div> </div>
@@ -302,13 +193,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="ココミル" logoText="ココミル"
leftLink={{ leftLink={{
text: "プライバシーポリシー", text: "プライバシーポリシー", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "利用規約", text: "利用規約", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>