From 53bccf9332ecbacf44845e9f1a1e1c75f6968944 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 15:59:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 383 ++++++++++------------------------------------- 1 file changed, 83 insertions(+), 300 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 552d2f9..73849fb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,43 +33,25 @@ export default function LandingPage() { @@ -77,73 +59,37 @@ export default function LandingPage() { @@ -184,17 +120,11 @@ export default function LandingPage() { description="私たちは、新鮮で高品質なブルーベリーを皆様にお届けすることを使命としています。自然豊かな環境で、持続可能な農法を実践し、家族経営ならではの温かいおもてなしでお客様をお迎えします。" metrics={[ { - value: "20年以上", - title: "栽培の歴史", - }, + value: "20年以上", title: "栽培の歴史"}, { - value: "5品種", - title: "多様なブルーベリー", - }, + value: "5品種", title: "多様なブルーベリー"}, { - value: "100%", - title: "有機栽培", - }, + value: "100%", title: "有機栽培"}, ]} imageSrc="http://img.b2bpic.net/free-photo/top-view-blueberries-with-sparkling-water_23-2149440284.jpg" imageAlt="ブルーベリー畑" @@ -211,23 +141,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "摘み取り体験", - description: "ご家族や友人と一緒に、自分たちでブルーベリーを摘み取る楽しい時間をお過ごしいただけます。完熟したてのベリーの味は格別です。", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-berries_23-2150062808.jpg", - imageAlt: "ブルーベリーを摘む手", - }, + title: "摘み取り体験", description: "ご家族や友人と一緒に、自分たちでブルーベリーを摘み取る楽しい時間をお過ごしいただけます。完熟したてのベリーの味は格別です。", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-berries_23-2150062808.jpg", imageAlt: "ブルーベリーを摘む手"}, { - title: "豊富な品種", - description: "甘味と酸味のバランスが異なる複数の品種を栽培しており、時期によって様々な味のブルーベリーをお楽しみいただけます。", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-blueberries-surface_181624-58205.jpg", - imageAlt: "様々な種類のブルーベリー", - }, + title: "豊富な品種", description: "甘味と酸味のバランスが異なる複数の品種を栽培しており、時期によって様々な味のブルーベリーをお楽しみいただけます。", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-blueberries-surface_181624-58205.jpg", imageAlt: "様々な種類のブルーベリー"}, { - title: "家族で楽しめる", - description: "広々とした農園は、お子様連れのご家族にも最適です。自然の中で遊んだり、ピクニックを楽しんだり、思い出に残る一日をお過ごしください。", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-farmer-holding-crate-full-cherries-green-orchard_342744-856.jpg", - imageAlt: "農園で遊ぶ家族", - }, + title: "家族で楽しめる", description: "広々とした農園は、お子様連れのご家族にも最適です。自然の中で遊んだり、ピクニックを楽しんだり、思い出に残る一日をお過ごしください。", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-farmer-holding-crate-full-cherries-green-orchard_342744-856.jpg", imageAlt: "農園で遊ぶ家族"}, ]} title="農園のこだわりと体験" description="当農園では、最高のブルーベリー体験を提供するために、様々な工夫を凝らしています。" @@ -239,67 +157,26 @@ export default function LandingPage() { textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} + animationType="slide-up" products={[ { - id: "1", - brand: "フレッシュ", - name: "摘みたてブルーベリー", - price: "¥800 / 200g", - rating: 5, - reviewCount: "120件", - imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-blueberries-scattered-dark-surface_169016-24372.jpg", - imageAlt: "摘みたてのブルーベリー", - }, + id: "1", brand: "フレッシュ", name: "摘みたてブルーベリー", price: "¥800 / 200g", rating: 5, + reviewCount: "120件", imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-blueberries-scattered-dark-surface_169016-24372.jpg", imageAlt: "摘みたてのブルーベリー"}, { - id: "2", - brand: "自家製", - name: "ブルーベリージャム", - price: "¥750 / 150g", - rating: 5, - reviewCount: "85件", - imageSrc: "http://img.b2bpic.net/free-photo/seasonal-blueberry-berries-mug-table_23-2148196377.jpg", - imageAlt: "自家製ブルーベリージャム", - }, + id: "2", brand: "自家製", name: "ブルーベリージャム", price: "¥750 / 150g", rating: 5, + reviewCount: "85件", imageSrc: "http://img.b2bpic.net/free-photo/seasonal-blueberry-berries-mug-table_23-2148196377.jpg", imageAlt: "自家製ブルーベリージャム"}, { - id: "3", - brand: "人気", - name: "ブルーベリーマフィン", - price: "¥350 / 個", - rating: 4, - reviewCount: "60件", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-pastry-delicious-sweet-sliced-with-fresh-sour-cherries-inside-plates-colored-desk-biscuit-sugar-sweet-bake_140725-22184.jpg", - imageAlt: "ブルーベリーマフィン", - }, + id: "3", brand: "人気", name: "ブルーベリーマフィン", price: "¥350 / 個", rating: 4, + reviewCount: "60件", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-pastry-delicious-sweet-sliced-with-fresh-sour-cherries-inside-plates-colored-desk-biscuit-sugar-sweet-bake_140725-22184.jpg", imageAlt: "ブルーベリーマフィン"}, { - id: "4", - brand: "濃厚", - name: "ブルーベリージュース", - price: "¥1,200 / 500ml", - rating: 5, - reviewCount: "45件", - imageSrc: "http://img.b2bpic.net/free-photo/blueberry-basil-seed-drink_114579-42591.jpg", - imageAlt: "ブルーベリージュース", - }, + id: "4", brand: "濃厚", name: "ブルーベリージュース", price: "¥1,200 / 500ml", rating: 5, + reviewCount: "45件", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-basil-seed-drink_114579-42591.jpg", imageAlt: "ブルーベリージュース"}, { - id: "5", - brand: "絶品", - name: "ブルーベリーパイ", - price: "¥2,500 / ホール", - rating: 5, - reviewCount: "70件", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-blueberry-dessert-with-mint-copy-space_23-2148689841.jpg", - imageAlt: "ブルーベリーパイ", - }, + id: "5", brand: "絶品", name: "ブルーベリーパイ", price: "¥2,500 / ホール", rating: 5, + reviewCount: "70件", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-blueberry-dessert-with-mint-copy-space_23-2148689841.jpg", imageAlt: "ブルーベリーパイ"}, { - id: "6", - brand: "贅沢", - name: "ブルーベリーチーズケーキ", - price: "¥3,000 / ホール", - rating: 5, - reviewCount: "55件", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-cake-cake-with-berries-pomegranate-jam-lemon-cinnamon-berries_140725-123165.jpg", - imageAlt: "ブルーベリーチーズケーキ", - }, + id: "6", brand: "贅沢", name: "ブルーベリーチーズケーキ", price: "¥3,000 / ホール", rating: 5, + reviewCount: "55件", imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-cake-cake-with-berries-pomegranate-jam-lemon-cinnamon-berries_140725-123165.jpg", imageAlt: "ブルーベリーチーズケーキ"}, ]} title="当農園の製品" description="摘みたての新鮮なブルーベリーはもちろん、それらを使った加工品もご用意しています。お土産にもぴったりです。" @@ -313,55 +190,28 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "standard", - badge: "人気", - price: "¥1,500", - subtitle: "大人 (12歳以上) お一人様", - buttons: [ + id: "standard", badge: "人気", price: "¥1,500", subtitle: "大人 (12歳以上) お一人様", buttons: [ { - text: "予約する", - href: "#contact", - }, + text: "予約する", href: "#contact"}, ], features: [ - "60分間の摘み取り放題", - "摘み取ったベリーの持ち帰り可能 (200gまで)", - "農園内での試食", - ], + "60分間の摘み取り放題", "摘み取ったベリーの持ち帰り可能 (200gまで)", "農園内での試食"], }, { - id: "child", - badge: "お得", - price: "¥800", - subtitle: "子供 (3〜11歳) お一人様", - buttons: [ + id: "child", badge: "お得", price: "¥800", subtitle: "子供 (3〜11歳) お一人様", buttons: [ { - text: "予約する", - href: "#contact", - }, + text: "予約する", href: "#contact"}, ], features: [ - "60分間の摘み取り放題", - "摘み取ったベリーの持ち帰り可能 (100gまで)", - "農園内での試食", - ], + "60分間の摘み取り放題", "摘み取ったベリーの持ち帰り可能 (100gまで)", "農園内での試食"], }, { - id: "family", - badge: "家族向け", - price: "¥4,000", - subtitle: "ご家族 (大人2名+子供2名)", - buttons: [ + id: "family", badge: "家族向け", price: "¥4,000", subtitle: "ご家族 (大人2名+子供2名)", buttons: [ { - text: "予約する", - href: "#contact", - }, + text: "予約する", href: "#contact"}, ], features: [ - "90分間の摘み取り放題", - "摘み取ったベリーの持ち帰り可能 (合計500gまで)", - "ピクニックエリア利用", - ], + "90分間の摘み取り放題", "摘み取ったベリーの持ち帰り可能 (合計500gまで)", "ピクニックエリア利用"], }, ]} title="摘み取り料金プラン" @@ -376,45 +226,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "斉藤 恵", - handle: "主婦", - testimonial: "毎年恒例の家族イベントです！子供たちが目を輝かせながらブルーベリーを摘む姿を見るのが、私の一番の喜びです。", - imageSrc: "http://img.b2bpic.net/free-photo/woman-hat-happiness-nature_1150-9373.jpg", - imageAlt: "斉藤 恵の笑顔", - }, + id: "1", name: "斉藤 恵", handle: "主婦", testimonial: "毎年恒例の家族イベントです！子供たちが目を輝かせながらブルーベリーを摘む姿を見るのが、私の一番の喜びです。", imageSrc: "http://img.b2bpic.net/free-photo/woman-hat-happiness-nature_1150-9373.jpg", imageAlt: "斉藤 恵の笑顔"}, { - id: "2", - name: "高橋 昇", - handle: "料理研究家", - testimonial: "こちらのブルーベリーは味が濃く、香りが豊かで、私のレシピに欠かせません。プロも納得の品質です。", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-posing-lavender-field-near-table_7502-9077.jpg", - imageAlt: "高橋 昇の笑顔", - }, + id: "2", name: "高橋 昇", handle: "料理研究家", testimonial: "こちらのブルーベリーは味が濃く、香りが豊かで、私のレシピに欠かせません。プロも納得の品質です。", imageSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-posing-lavender-field-near-table_7502-9077.jpg", imageAlt: "高橋 昇の笑顔"}, { - id: "3", - name: "村田 陽子", - handle: "会社員", - testimonial: "忙しい日常を忘れさせてくれる、癒しの空間です。摘みたてのブルーベリーはそのまま食べても、スイーツにしても最高。", - imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-nature_329181-13786.jpg", - imageAlt: "村田 陽子の笑顔", - }, + id: "3", name: "村田 陽子", handle: "会社員", testimonial: "忙しい日常を忘れさせてくれる、癒しの空間です。摘みたてのブルーベリーはそのまま食べても、スイーツにしても最高。", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-nature_329181-13786.jpg", imageAlt: "村田 陽子の笑顔"}, { - id: "4", - name: "西村 大輔", - handle: "ウェブデザイナー", - testimonial: "自然の中でリフレッシュしたい時に訪れます。SNS映えする景色も多く、素敵な写真がたくさん撮れました！", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-farmer-harvests-fresh-red-strawberry-organic-strawberry-farm_658552-67.jpg", - imageAlt: "西村 大輔の笑顔", - }, + id: "4", name: "西村 大輔", handle: "ウェブデザイナー", testimonial: "自然の中でリフレッシュしたい時に訪れます。SNS映えする景色も多く、素敵な写真がたくさん撮れました！", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-farmer-harvests-fresh-red-strawberry-organic-strawberry-farm_658552-67.jpg", imageAlt: "西村 大輔の笑顔"}, { - id: "5", - name: "渡辺 薫", - handle: "シニア", - testimonial: "新鮮な空気を吸いながら、ゆっくりと時間を過ごすことができました。優しく対応してくださり感謝しています。", - imageSrc: "http://img.b2bpic.net/free-photo/old-senior-standing-summer-garden-with-harvest_1157-32572.jpg", - imageAlt: "渡辺 薫の笑顔", - }, + id: "5", name: "渡辺 薫", handle: "シニア", testimonial: "新鮮な空気を吸いながら、ゆっくりと時間を過ごすことができました。優しく対応してくださり感謝しています。", imageSrc: "http://img.b2bpic.net/free-photo/old-senior-standing-summer-garden-with-harvest_1157-32572.jpg", imageAlt: "渡辺 薫の笑顔"}, ]} title="お客様からの喜びの声" description="当農園を訪れたお客様からいただいた、心温まるご感想をご紹介します。" @@ -427,20 +247,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "ブルーベリーの摘み取りはいつまでできますか？", - content: "通常、6月下旬から8月上旬までが摘み取り期間となります。気候により変動する場合がございますので、最新情報は事前にお問い合わせください。", - }, + id: "1", title: "ブルーベリーの摘み取りはいつまでできますか？", content: "通常、6月下旬から8月上旬までが摘み取り期間となります。気候により変動する場合がございますので、最新情報は事前にお問い合わせください。"}, { - id: "2", - title: "予約は必要ですか？", - content: "はい、スムーズなご案内と混雑緩和のため、事前のご予約をお願いしております。ウェブサイトからご予約いただけます。", - }, + id: "2", title: "予約は必要ですか？", content: "はい、スムーズなご案内と混雑緩和のため、事前のご予約をお願いしております。ウェブサイトからご予約いただけます。"}, { - id: "3", - title: "持ち物は何が必要ですか？", - content: "帽子や日焼け止め、虫除け、歩きやすい靴をお勧めします。水分補給のためのお飲み物もご持参ください。摘み取り用のカゴは農園でご用意いたします。", - }, + id: "3", title: "持ち物は何が必要ですか？", content: "帽子や日焼け止め、虫除け、歩きやすい靴をお勧めします。水分補給のためのお飲み物もご持参ください。摘み取り用のカゴは農園でご用意いたします。"}, ]} imageSrc="http://img.b2bpic.net/free-photo/quality-control-inspector-worker-talking-while-going-through-list-plants-greenhouse_637285-1670.jpg" imageAlt="ブルーベリーのクローズアップ" @@ -456,18 +267,13 @@ export default function LandingPage() { @@ -479,58 +285,35 @@ export default function LandingPage() { logoText="ブルーベリー農園" columns={[ { - title: "クイックリンク", - items: [ + title: "クイックリンク", items: [ { - label: "ホーム", - href: "#hero", - }, + label: "ホーム", href: "#hero"}, { - label: "農園について", - href: "#about", - }, + label: "農園について", href: "#about"}, { - label: "製品", - href: "#products", - }, + label: "製品", href: "#products"}, { - label: "お問い合わせ", - href: "#contact", - }, + label: "お問い合わせ", href: "#contact"}, ], }, { - title: "営業時間", - items: [ + title: "営業時間", items: [ { - label: "6月下旬〜8月上旬", - href: "#", - }, + label: "6月下旬〜8月上旬", href: "#"}, { - label: "毎日 9:00 - 17:00", - href: "#", - }, + label: "毎日 9:00 - 17:00", href: "#"}, { - label: "悪天候時は休園", - href: "#", - }, + label: "悪天候時は休園", href: "#"}, ], }, { - title: "アクセス", - items: [ + title: "アクセス", items: [ { - label: "〒XXX-XXXX 〇〇県〇〇市", - href: "https://maps.app.goo.gl/YKKTUx7CLKAVuLrRA", - }, + label: "〒XXX-XXXX 〇〇県〇〇市", href: "https://maps.app.goo.gl/YKKTUx7CLKAVuLrRA"}, { - label: "電話: 000-0000-0000", - href: "tel:00000000000", - }, + label: "電話: 000-0000-0000", href: "tel:00000000000"}, { - label: "メール: info@blueberryfarm.jp", - href: "mailto:info@blueberryfarm.jp", - }, + label: "メール: info@blueberryfarm.jp", href: "mailto:info@blueberryfarm.jp"}, ], }, ]} -- 2.49.1