Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
350
src/app/page.tsx
350
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "ホーム", id: "#hero"},
|
||||
{
|
||||
name: "ストーリー",
|
||||
id: "#story",
|
||||
},
|
||||
name: "ストーリー", id: "#story"},
|
||||
{
|
||||
name: "こだわり",
|
||||
id: "#features",
|
||||
},
|
||||
name: "こだわり", id: "#features"},
|
||||
{
|
||||
name: "メニュー",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "メニュー", id: "#menu"},
|
||||
{
|
||||
name: "ギャラリー",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "ギャラリー", id: "#gallery"},
|
||||
{
|
||||
name: "お客様の声",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "お客様の声", id: "#testimonials"},
|
||||
{
|
||||
name: "よくあるご質問",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "よくあるご質問", id: "#faq"},
|
||||
{
|
||||
name: "ご予約",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "ご予約", id: "#contact"},
|
||||
]}
|
||||
brandName="東京オーガニックコーヒー"
|
||||
/>
|
||||
@@ -72,44 +56,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="心と体を満たす<br/>至福のオーガニックコーヒー"
|
||||
description="東京の喧騒を忘れさせる隠れ家で、厳選されたオーガニック豆が織りなす極上の一杯を。心安らぐ空間で、特別なひとときをお過ごしください。"
|
||||
tag="東京・こだわり"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "今すぐ予約",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "今すぐ予約", href: "#contact"},
|
||||
{
|
||||
text: "メニューを見る",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "メニューを見る", href: "#menu"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-table-filtered-image-processed-vintage_1232-2210.jpg",
|
||||
imageAlt: "一杯のオーガニックコーヒー",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-table-filtered-image-processed-vintage_1232-2210.jpg", imageAlt: "一杯のオーガニックコーヒー"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg",
|
||||
imageAlt: "コーヒーを淹れるバリスタ",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-drinking-beverage-aroma-relaxation-fresh_53876-23374.jpg",
|
||||
imageAlt: "Top view of tasty cup of coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup_74190-3991.jpg",
|
||||
imageAlt: "Beautiful shot of a cup of cappuccino with a white heart pattern on a wooden table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-with-roasted-beans_23-2148251596.jpg",
|
||||
imageAlt: "Close-up cup of coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg", imageAlt: "コーヒーを淹れるバリスタ"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -138,29 +101,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "厳選されたオーガニック豆",
|
||||
description: "世界中から選び抜かれた、フェアトレード認定の有機栽培豆のみを使用。生産者の顔が見える安心安全なコーヒーをお届けします。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187566.jpg",
|
||||
imageAlt: "厳選されたオーガニックコーヒー豆",
|
||||
},
|
||||
title: "厳選されたオーガニック豆", description: "世界中から選び抜かれた、フェアトレード認定の有機栽培豆のみを使用。生産者の顔が見える安心安全なコーヒーをお届けします。", imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187566.jpg", imageAlt: "厳選されたオーガニックコーヒー豆"},
|
||||
{
|
||||
title: "熟練の焙煎技術",
|
||||
description: "豆本来の個性を最大限に引き出すため、熟練の職人が手間暇かけて丁寧に焙煎。奥深いアロマとクリアな味わいを実現します。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-glasses-jar-with-unprepared-beans-gray-table_114579-62955.jpg",
|
||||
imageAlt: "コーヒー豆を焙煎する職人",
|
||||
},
|
||||
title: "熟練の焙煎技術", description: "豆本来の個性を最大限に引き出すため、熟練の職人が手間暇かけて丁寧に焙煎。奥深いアロマとクリアな味わいを実現します。", imageSrc: "http://img.b2bpic.net/free-photo/three-glasses-jar-with-unprepared-beans-gray-table_114579-62955.jpg", imageAlt: "コーヒー豆を焙煎する職人"},
|
||||
{
|
||||
title: "心安らぐ空間デザイン",
|
||||
description: "和の要素を取り入れたミニマルな空間は、都会の喧騒を忘れさせる癒しのオアシス。五感で楽しむコーヒー体験を。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-eating-sushi-traditional-japanese-restaurant_627829-6752.jpg",
|
||||
imageAlt: "落ち着いた店内の様子",
|
||||
},
|
||||
title: "心安らぐ空間デザイン", description: "和の要素を取り入れたミニマルな空間は、都会の喧騒を忘れさせる癒しのオアシス。五感で楽しむコーヒー体験を。", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-eating-sushi-traditional-japanese-restaurant_627829-6752.jpg", imageAlt: "落ち着いた店内の様子"},
|
||||
{
|
||||
title: "季節限定のスペシャルメニュー",
|
||||
description: "旬のフルーツや素材を活かした、ここでしか味わえない限定ドリンクやスイーツをご用意。季節ごとに新しい発見を。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-chocolade-table_140725-43748.jpg",
|
||||
imageAlt: "季節限定のフルーツタルトとコーヒー",
|
||||
},
|
||||
title: "季節限定のスペシャルメニュー", description: "旬のフルーツや素材を活かした、ここでしか味わえない限定ドリンクやスイーツをご用意。季節ごとに新しい発見を。", imageSrc: "http://img.b2bpic.net/free-photo/cold-chocolade-table_140725-43748.jpg", imageAlt: "季節限定のフルーツタルトとコーヒー"},
|
||||
]}
|
||||
title="五感を満たす<br/>オーガニック体験"
|
||||
description="厳選された豆の風味から、安らぎの空間まで。東京オーガニックコーヒーが提供する、特別な価値をご紹介します。"
|
||||
@@ -177,61 +124,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "本日のオーガニックブレンド",
|
||||
price: "¥650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-sugar_93675-132197.jpg",
|
||||
imageAlt: "本日のオーガニックブレンド",
|
||||
},
|
||||
id: "p1", name: "本日のオーガニックブレンド", price: "¥650", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-sugar_93675-132197.jpg", imageAlt: "本日のオーガニックブレンド"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "シングルオリジン コロンビア",
|
||||
price: "¥780",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083710.jpg",
|
||||
imageAlt: "シングルオリジン コロンビア",
|
||||
},
|
||||
id: "p2", name: "シングルオリジン コロンビア", price: "¥780", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083710.jpg", imageAlt: "シングルオリジン コロンビア"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "ソイラテ (Hot/Ice)",
|
||||
price: "¥700",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-cup-coffee-cafe_1150-4324.jpg",
|
||||
imageAlt: "ソイラテ",
|
||||
},
|
||||
id: "p3", name: "ソイラテ (Hot/Ice)", price: "¥700", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-cup-coffee-cafe_1150-4324.jpg", imageAlt: "ソイラテ"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "抹茶ラテ (Hot/Ice)",
|
||||
price: "¥750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-matcha-latte-white-cup_74190-7637.jpg",
|
||||
imageAlt: "抹茶ラテ",
|
||||
},
|
||||
id: "p4", name: "抹茶ラテ (Hot/Ice)", price: "¥750", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-matcha-latte-white-cup_74190-7637.jpg", imageAlt: "抹茶ラテ"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "季節のフルーツタルト",
|
||||
price: "¥850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-pastry-bun-formed-sliced-with-greens-inside-dark-background_140725-49898.jpg",
|
||||
imageAlt: "季節のフルーツタルト",
|
||||
},
|
||||
id: "p5", name: "季節のフルーツタルト", price: "¥850", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-pastry-bun-formed-sliced-with-greens-inside-dark-background_140725-49898.jpg", imageAlt: "季節のフルーツタルト"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "自家製チーズケーキ",
|
||||
price: "¥700",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-white-donuts-with-white-paper-clipboard-textured-background_23-2148087096.jpg",
|
||||
imageAlt: "自家製チーズケーキ",
|
||||
},
|
||||
id: "p6", name: "自家製チーズケーキ", price: "¥700", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-white-donuts-with-white-paper-clipboard-textured-background_23-2148087096.jpg", imageAlt: "自家製チーズケーキ"},
|
||||
{
|
||||
id: "p7",
|
||||
name: "アフォガート",
|
||||
price: "¥680",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-snacks-chocolate-tea-table_114579-5813.jpg",
|
||||
imageAlt: "アフォガート",
|
||||
},
|
||||
id: "p7", name: "アフォガート", price: "¥680", imageSrc: "http://img.b2bpic.net/free-photo/sweet-snacks-chocolate-tea-table_114579-5813.jpg", imageAlt: "アフォガート"},
|
||||
{
|
||||
id: "p8",
|
||||
name: "ジンジャーエール (自家製)",
|
||||
price: "¥600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-juice-golden-spoon-small-wooden-board-pastel-colors-background_140725-160474.jpg",
|
||||
imageAlt: "自家製ジンジャーエール",
|
||||
},
|
||||
id: "p8", name: "ジンジャーエール (自家製)", price: "¥600", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-juice-golden-spoon-small-wooden-board-pastel-colors-background_140725-160474.jpg", imageAlt: "自家製ジンジャーエール"},
|
||||
]}
|
||||
title="季節のフレーバーを味わう<br/>こだわりのメニュー"
|
||||
description="ハンドドリップで丁寧に淹れたオーガニックコーヒーから、旬の素材を活かした限定ドリンク、手作りスイーツまで。心ゆくまでお楽しみください。"
|
||||
@@ -251,71 +158,17 @@ export default function LandingPage() {
|
||||
tagAnimation="blur-reveal"
|
||||
blogs={[
|
||||
{
|
||||
id: "g1",
|
||||
category: "店内風景",
|
||||
title: "落ち着いたカウンター席",
|
||||
excerpt: "一杯ずつ丁寧に淹れる様子を眺められる特等席。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cup-coffee-caf_23-2147892894.jpg",
|
||||
imageAlt: "落ち着いたカウンター席",
|
||||
authorName: "東京オーガニック",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-woman-looking-camera_23-2147774837.jpg",
|
||||
date: "2024-07-15",
|
||||
},
|
||||
id: "g1", category: "店内風景", title: "落ち着いたカウンター席", excerpt: "一杯ずつ丁寧に淹れる様子を眺められる特等席。", imageSrc: "http://img.b2bpic.net/free-photo/white-cup-coffee-caf_23-2147892894.jpg", imageAlt: "落ち着いたカウンター席", authorName: "東京オーガニック", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-woman-looking-camera_23-2147774837.jpg", date: "2024-07-15"},
|
||||
{
|
||||
id: "g2",
|
||||
category: "一杯のこだわり",
|
||||
title: "抽出されたアロマ",
|
||||
excerpt: "豆の個性を引き出すための繊細なドリップ。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",
|
||||
imageAlt: "コーヒー抽出の様子",
|
||||
authorName: "東京オーガニック",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/serious-young-asian-businessman-with-crossed-arms_1262-1587.jpg",
|
||||
date: "2024-07-15",
|
||||
},
|
||||
id: "g2", category: "一杯のこだわり", title: "抽出されたアロマ", excerpt: "豆の個性を引き出すための繊細なドリップ。", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg", imageAlt: "コーヒー抽出の様子", authorName: "東京オーガニック", authorAvatar: "http://img.b2bpic.net/free-photo/serious-young-asian-businessman-with-crossed-arms_1262-1587.jpg", date: "2024-07-15"},
|
||||
{
|
||||
id: "g3",
|
||||
category: "スイーツ",
|
||||
title: "旬のフルーツタルト",
|
||||
excerpt: "季節の彩り豊かな手作りスイーツ。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-coffee-shop_23-2148263259.jpg",
|
||||
imageAlt: "旬のフルーツタルト",
|
||||
authorName: "東京オーガニック",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-japan_23-2148665381.jpg",
|
||||
date: "2024-07-15",
|
||||
},
|
||||
id: "g3", category: "スイーツ", title: "旬のフルーツタルト", excerpt: "季節の彩り豊かな手作りスイーツ。", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-coffee-shop_23-2148263259.jpg", imageAlt: "旬のフルーツタルト", authorName: "東京オーガニック", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-japan_23-2148665381.jpg", date: "2024-07-15"},
|
||||
{
|
||||
id: "g4",
|
||||
category: "ラテアート",
|
||||
title: "ハートフルな一杯",
|
||||
excerpt: "バリスタが心を込めて描く美しいラテアート。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-grains_23-2148178346.jpg",
|
||||
imageAlt: "ラテアートが施されたコーヒー",
|
||||
authorName: "東京オーガニック",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/annoyed-young-man-making-finger-gun-gesture-head-shooting-himself-from-boredom-annoyance-tired_1258-163996.jpg",
|
||||
date: "2024-07-15",
|
||||
},
|
||||
id: "g4", category: "ラテアート", title: "ハートフルな一杯", excerpt: "バリスタが心を込めて描く美しいラテアート。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-grains_23-2148178346.jpg", imageAlt: "ラテアートが施されたコーヒー", authorName: "東京オーガニック", authorAvatar: "http://img.b2bpic.net/free-photo/annoyed-young-man-making-finger-gun-gesture-head-shooting-himself-from-boredom-annoyance-tired_1258-163996.jpg", date: "2024-07-15"},
|
||||
{
|
||||
id: "g5",
|
||||
category: "外観",
|
||||
title: "都会の隠れ家エントランス",
|
||||
excerpt: "路地裏に佇む、静かで落ち着いたお店の入り口。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-interior_181624-29966.jpg",
|
||||
imageAlt: "店舗の外観",
|
||||
authorName: "東京オーガニック",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3423.jpg",
|
||||
date: "2024-07-15",
|
||||
},
|
||||
id: "g5", category: "外観", title: "都会の隠れ家エントランス", excerpt: "路地裏に佇む、静かで落ち着いたお店の入り口。", imageSrc: "http://img.b2bpic.net/free-photo/living-room-interior_181624-29966.jpg", imageAlt: "店舗の外観", authorName: "東京オーガニック", authorAvatar: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3423.jpg", date: "2024-07-15"},
|
||||
{
|
||||
id: "g6",
|
||||
category: "読書の時間",
|
||||
title: "心地よい読書空間",
|
||||
excerpt: "柔らかな日差しが差し込む窓際で、ゆったりと。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-empty-table-chair_1339-6719.jpg",
|
||||
imageAlt: "カフェで読書する人",
|
||||
authorName: "東京オーガニック",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/glad-brunette-young-woman-smiles-happily-keeps-thumbs-up-shows-approval-sign-satisfied-with-service-good-feedback-says-its-excellent-dressed-casual-pink-t-shirt-isolated-white-background_273609-61011.jpg",
|
||||
date: "2024-07-15",
|
||||
},
|
||||
id: "g6", category: "読書の時間", title: "心地よい読書空間", excerpt: "柔らかな日差しが差し込む窓際で、ゆったりと。", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-empty-table-chair_1339-6719.jpg", imageAlt: "カフェで読書する人", authorName: "東京オーガニック", authorAvatar: "http://img.b2bpic.net/free-photo/glad-brunette-young-woman-smiles-happily-keeps-thumbs-up-shows-approval-sign-satisfied-with-service-good-feedback-says-its-excellent-dressed-casual-pink-t-shirt-isolated-white-background_273609-61011.jpg", date: "2024-07-15"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -326,65 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "佐藤 恵美",
|
||||
date: "2024-06-20",
|
||||
title: "最高の癒し空間",
|
||||
quote: "仕事の合間に立ち寄るのが日課です。ここのコーヒーは本当に美味しくて、香りに癒されます。店内の雰囲気も落ち着けて、リフレッシュできます。",
|
||||
tag: "リピーター",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/user-profile-front-side-with-white-background_187299-40009.jpg",
|
||||
avatarAlt: "佐藤 恵美さんのアバター",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-blue-stools_1203-332.jpg",
|
||||
imageAlt: "カフェの背景イメージ",
|
||||
},
|
||||
id: "t1", name: "佐藤 恵美", date: "2024-06-20", title: "最高の癒し空間", quote: "仕事の合間に立ち寄るのが日課です。ここのコーヒーは本当に美味しくて、香りに癒されます。店内の雰囲気も落ち着けて、リフレッシュできます。", tag: "リピーター", avatarSrc: "http://img.b2bpic.net/free-photo/user-profile-front-side-with-white-background_187299-40009.jpg", avatarAlt: "佐藤 恵美さんのアバター", imageSrc: "http://img.b2bpic.net/free-photo/blurred-blue-stools_1203-332.jpg", imageAlt: "カフェの背景イメージ"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "田中 健太",
|
||||
date: "2024-06-25",
|
||||
title: "深い味わいに感動",
|
||||
quote: "オーガニックコーヒーを探していましたが、こんなに美味しいお店は初めてです。豆の種類も豊富で、いつも新しい発見があります。",
|
||||
tag: "コーヒー好き",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-middle-aged-asian-businessman_1262-1564.jpg",
|
||||
avatarAlt: "田中 健太さんのアバター",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredient-spa-plate-wooden-desk_23-2147845008.jpg",
|
||||
imageAlt: "コーヒー豆の背景イメージ",
|
||||
},
|
||||
id: "t2", name: "田中 健太", date: "2024-06-25", title: "深い味わいに感動", quote: "オーガニックコーヒーを探していましたが、こんなに美味しいお店は初めてです。豆の種類も豊富で、いつも新しい発見があります。", tag: "コーヒー好き", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-middle-aged-asian-businessman_1262-1564.jpg", avatarAlt: "田中 健太さんのアバター", imageSrc: "http://img.b2bpic.net/free-photo/ingredient-spa-plate-wooden-desk_23-2147845008.jpg", imageAlt: "コーヒー豆の背景イメージ"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "鈴木 陽子",
|
||||
date: "2024-07-01",
|
||||
title: "スイーツも絶品",
|
||||
quote: "コーヒーはもちろんですが、季節のタルトが本当に美味しい！予約してでも食べたい一品です。友人にも紹介しました。",
|
||||
tag: "スイーツファン",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-showing-namaste-gesture-holding-palms-clenched-together-near-chest-standing_1258-203315.jpg",
|
||||
avatarAlt: "鈴木 陽子さんのアバター",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-apron-holding-tray-with-donuts_171337-9542.jpg",
|
||||
imageAlt: "タルトとコーヒーの背景イメージ",
|
||||
},
|
||||
id: "t3", name: "鈴木 陽子", date: "2024-07-01", title: "スイーツも絶品", quote: "コーヒーはもちろんですが、季節のタルトが本当に美味しい！予約してでも食べたい一品です。友人にも紹介しました。", tag: "スイーツファン", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-showing-namaste-gesture-holding-palms-clenched-together-near-chest-standing_1258-203315.jpg", avatarAlt: "鈴木 陽子さんのアバター", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-apron-holding-tray-with-donuts_171337-9542.jpg", imageAlt: "タルトとコーヒーの背景イメージ"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "小林 大輔",
|
||||
date: "2024-07-05",
|
||||
title: "集中できる場所",
|
||||
quote: "読書や作業をするのに最適な環境です。Wi-Fiも完備されていて、長居してしまいます。こだわりのアイスコーヒーは格別です。",
|
||||
tag: "ノマドワーカー",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-confident-man-with-beard-looking-empty-space-smiling-standing-blue-ba_1258-172109.jpg",
|
||||
avatarAlt: "小林 大輔さんのアバター",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-cafe_23-2147659115.jpg",
|
||||
imageAlt: "アイスコーヒーとPCの背景イメージ",
|
||||
},
|
||||
id: "t4", name: "小林 大輔", date: "2024-07-05", title: "集中できる場所", quote: "読書や作業をするのに最適な環境です。Wi-Fiも完備されていて、長居してしまいます。こだわりのアイスコーヒーは格別です。", tag: "ノマドワーカー", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-confident-man-with-beard-looking-empty-space-smiling-standing-blue-ba_1258-172109.jpg", avatarAlt: "小林 大輔さんのアバター", imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-cafe_23-2147659115.jpg", imageAlt: "アイスコーヒーとPCの背景イメージ"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "高橋 美咲",
|
||||
date: "2024-07-10",
|
||||
title: "心遣いが嬉しい",
|
||||
quote: "スタッフの方がいつも笑顔で迎えてくれて、とても気持ちが良いです。細やかな気遣いが感じられる、温かいお店です。",
|
||||
tag: "おもてなし",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/technology-people-smiling-asian-girl-with-mobile-phone-using-telephone-walking-city_1258-190888.jpg",
|
||||
avatarAlt: "高橋 美咲さんのアバター",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-cafe_23-2147795636.jpg",
|
||||
imageAlt: "笑顔のスタッフの背景イメージ",
|
||||
},
|
||||
id: "t5", name: "高橋 美咲", date: "2024-07-10", title: "心遣いが嬉しい", quote: "スタッフの方がいつも笑顔で迎えてくれて、とても気持ちが良いです。細やかな気遣いが感じられる、温かいお店です。", tag: "おもてなし", avatarSrc: "http://img.b2bpic.net/free-photo/technology-people-smiling-asian-girl-with-mobile-phone-using-telephone-walking-city_1258-190888.jpg", avatarAlt: "高橋 美咲さんのアバター", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-cafe_23-2147795636.jpg", imageAlt: "笑顔のスタッフの背景イメージ"},
|
||||
]}
|
||||
title="心温まる<br/>お客様のレビュー"
|
||||
description="当店をご利用いただいたお客様からの、嬉しいお言葉をご紹介します。"
|
||||
@@ -399,30 +202,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "オーガニックコーヒーとは何ですか？",
|
||||
content: "農薬や化学肥料を一切使用せず、有機栽培されたコーヒー豆のことです。自然環境と生産者の健康に配慮し、国際的な有機認証基準を満たしています。",
|
||||
},
|
||||
id: "q1", title: "オーガニックコーヒーとは何ですか？", content: "農薬や化学肥料を一切使用せず、有機栽培されたコーヒー豆のことです。自然環境と生産者の健康に配慮し、国際的な有機認証基準を満たしています。"},
|
||||
{
|
||||
id: "q2",
|
||||
title: "予約は必要ですか？",
|
||||
content: "お席のご予約は必須ではございませんが、特に週末やランチタイムは混み合うことがございますので、事前のご予約をおすすめしております。ウェブサイトの予約フォームからご希望の日時をお知らせください。",
|
||||
},
|
||||
id: "q2", title: "予約は必要ですか？", content: "お席のご予約は必須ではございませんが、特に週末やランチタイムは混み合うことがございますので、事前のご予約をおすすめしております。ウェブサイトの予約フォームからご希望の日時をお知らせください。"},
|
||||
{
|
||||
id: "q3",
|
||||
title: "テイクアウトは可能ですか？",
|
||||
content: "はい、全てのドリンクと一部のフードメニューはテイクアウト可能です。ご自宅やオフィスでも、当店の味をお楽しみいただけます。",
|
||||
},
|
||||
id: "q3", title: "テイクアウトは可能ですか？", content: "はい、全てのドリンクと一部のフードメニューはテイクアウト可能です。ご自宅やオフィスでも、当店の味をお楽しみいただけます。"},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Wi-Fiは利用できますか？",
|
||||
content: "はい、店内で無料Wi-Fiをご利用いただけます。お気軽にご利用ください。",
|
||||
},
|
||||
id: "q4", title: "Wi-Fiは利用できますか？", content: "はい、店内で無料Wi-Fiをご利用いただけます。お気軽にご利用ください。"},
|
||||
{
|
||||
id: "q5",
|
||||
title: "アレルギー対応はしていますか？",
|
||||
content: "アレルギーをお持ちのお客様は、ご注文時にスタッフまでお申し付けください。可能な範囲で対応させていただきますが、完全にアレルゲンフリーを保証するものではございません。",
|
||||
},
|
||||
id: "q5", title: "アレルギー対応はしていますか？", content: "アレルギーをお持ちのお客様は、ご注文時にスタッフまでお申し付けください。可能な範囲で対応させていただきますが、完全にアレルゲンフリーを保証するものではございません。"},
|
||||
]}
|
||||
title="お客様から寄せられる<br/>ご質問と回答"
|
||||
description="オーガニックコーヒーや店舗に関するよくあるご質問にお答えします。"
|
||||
@@ -436,22 +224,17 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="ご予約・お問い合わせ"
|
||||
tagAnimation="blur-reveal"
|
||||
title="心安らぐ空間で<br/>特別なひとときを"
|
||||
description="東京オーガニックコーヒーでは、お客様にゆったりとした時間をお過ごしいただくため、ご予約を受け付けております。イベントや貸切のご相談も承ります。"
|
||||
buttons={[
|
||||
{
|
||||
text: "今すぐ予約する",
|
||||
href: "#",
|
||||
onClick: "() => alert('予約フォームに遷移します')",
|
||||
text: "今すぐ予約する", href: "#", onClick: () => alert('予約フォームに遷移します'),
|
||||
},
|
||||
{
|
||||
text: "詳細を見る",
|
||||
href: "#",
|
||||
},
|
||||
text: "詳細を見る", href: "#"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -462,54 +245,33 @@ export default function LandingPage() {
|
||||
logoText="東京オーガニックコーヒー"
|
||||
columns={[
|
||||
{
|
||||
title: "店舗情報",
|
||||
items: [
|
||||
title: "店舗情報", items: [
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "アクセス", href: "#contact"},
|
||||
{
|
||||
label: "営業時間",
|
||||
href: "#",
|
||||
},
|
||||
label: "営業時間", href: "#"},
|
||||
{
|
||||
label: "お問い合わせ",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "お問い合わせ", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "メニュー",
|
||||
items: [
|
||||
title: "メニュー", items: [
|
||||
{
|
||||
label: "ドリンク",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "ドリンク", href: "#menu"},
|
||||
{
|
||||
label: "フード",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "フード", href: "#menu"},
|
||||
{
|
||||
label: "季節限定",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "季節限定", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "について",
|
||||
items: [
|
||||
title: "について", items: [
|
||||
{
|
||||
label: "私たちのこだわり",
|
||||
href: "#features",
|
||||
},
|
||||
label: "私たちのこだわり", href: "#features"},
|
||||
{
|
||||
label: "ブランドストーリー",
|
||||
href: "#story",
|
||||
},
|
||||
label: "ブランドストーリー", href: "#story"},
|
||||
{
|
||||
label: "ギャラリー",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "ギャラリー", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user