Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,53 +32,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "ホーム", id: "#hero"},
|
||||
{
|
||||
name: "サービス",
|
||||
id: "#services",
|
||||
},
|
||||
name: "サービス", id: "#services"},
|
||||
{
|
||||
name: "特徴",
|
||||
id: "#features",
|
||||
},
|
||||
name: "特徴", id: "#features"},
|
||||
{
|
||||
name: "お客様の声",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "お客様の声", id: "#testimonials"},
|
||||
{
|
||||
name: "お問い合わせ",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/gradient-oasis-logo-template_23-2149404918.jpg"
|
||||
logoAlt="知多草刈りサービス ロゴ"
|
||||
brandName="知多草刈りサービス"
|
||||
button={{
|
||||
text: "お問い合わせ",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "お問い合わせ", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="草刈りで、地域に恩返し。\n知多半島の草刈り、お任せください。"
|
||||
description="知多半島を中心に、60歳以上の方、空き家所有者、遠方にお住まいの土地所有者様へ。大切な土地や空き地の管理、草刈りでお困りではありませんか？安心・丁寧・迅速なサービスで、地域の皆様をサポートします。"
|
||||
buttons={[
|
||||
{
|
||||
text: "無料見積もり",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "無料見積もり", href: "#contact"},
|
||||
{
|
||||
text: "LINEで相談",
|
||||
href: "https://line.me/ti/p/@yourlineid",
|
||||
},
|
||||
text: "LINEで相談", href: "https://line.me/ti/p/@yourlineid"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-carrying-wicker-basket-walking-together-park_23-2147922852.jpg"
|
||||
imageAlt="知多半島の広々とした草刈り済みの土地"
|
||||
@@ -86,52 +69,32 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-woman-smiling-having-good-time_23-2149218574.jpg",
|
||||
alt: "笑顔の女性",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-woman-smiling-having-good-time_23-2149218574.jpg", alt: "笑顔の女性"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-holding-ukulele_23-2149222098.jpg",
|
||||
alt: "ウクレレを持つ女性",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-holding-ukulele_23-2149222098.jpg", alt: "ウクレレを持つ女性"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-flowers_23-2149222054.jpg",
|
||||
alt: "花とポーズをとる女性",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-flowers_23-2149222054.jpg", alt: "花とポーズをとる女性"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
alt: "笑顔の男性",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", alt: "笑顔の男性"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
alt: "ヒーターの前の男性",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", alt: "ヒーターの前の男性"},
|
||||
]}
|
||||
avatarText="地域の皆様から信頼"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "無料見積もり",
|
||||
icon: Wallet,
|
||||
type: "text-icon", text: "無料見積もり", icon: Wallet,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "地域密着",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "地域密着", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "迅速対応",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "迅速対応", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "安心サポート",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "安心サポート", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "写真報告",
|
||||
icon: Camera,
|
||||
type: "text-icon", text: "写真報告", icon: Camera,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -144,26 +107,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "地域に根ざした",
|
||||
},
|
||||
type: "text", content: "地域に根ざした"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/colored-background-with-pirate-treasure_23-2147629717.jpg",
|
||||
alt: "知多半島地図ロゴ",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/colored-background-with-pirate-treasure_23-2147629717.jpg", alt: "知多半島地図ロゴ"},
|
||||
{
|
||||
type: "text",
|
||||
content: "信頼のサービス",
|
||||
},
|
||||
type: "text", content: "信頼のサービス"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "私たちの理念を見る",
|
||||
href: "#",
|
||||
},
|
||||
text: "私たちの理念を見る", href: "#"},
|
||||
]}
|
||||
description="知多半島に特化し、地域の皆様に寄り添った草刈り・空き地管理サービスを提供しています。きめ細やかな対応と、長年の経験から培った技術で、どんな小さなお困りごとにも誠実に対応いたします。"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359721.jpg"
|
||||
imageAlt="知多半島の自然豊かな風景"
|
||||
/>
|
||||
@@ -176,47 +129,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "草刈り・空き地管理",
|
||||
description: "広範囲からピンポイントまで、あらゆる場所の草刈り・空き地管理に対応します。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",
|
||||
imageAlt: "草刈り作業の様子",
|
||||
},
|
||||
title: "草刈り・空き地管理", description: "広範囲からピンポイントまで、あらゆる場所の草刈り・空き地管理に対応します。", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg", imageAlt: "草刈り作業の様子"},
|
||||
{
|
||||
title: "空き家周辺の除草・庭の手入れ",
|
||||
description: "空き家周辺の美観維持はもちろん、ご自宅の庭のお手入れも承ります。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-female-gardener-uniform-wearing-gardening-hat-holds-clippers_141793-116196.jpg",
|
||||
imageAlt: "庭の手入れの様子",
|
||||
},
|
||||
title: "空き家周辺の除草・庭の手入れ", description: "空き家周辺の美観維持はもちろん、ご自宅の庭のお手入れも承ります。", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-female-gardener-uniform-wearing-gardening-hat-holds-clippers_141793-116196.jpg", imageAlt: "庭の手入れの様子"},
|
||||
{
|
||||
title: "定期管理",
|
||||
description: "忙しい方や遠方の方も安心。年間を通して美しい状態を保つ定期管理プランもご用意。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plants-wooden-surface_23-2148200450.jpg",
|
||||
imageAlt: "定期管理のイメージ",
|
||||
},
|
||||
title: "定期管理", description: "忙しい方や遠方の方も安心。年間を通して美しい状態を保つ定期管理プランもご用意。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plants-wooden-surface_23-2148200450.jpg", imageAlt: "定期管理のイメージ"},
|
||||
{
|
||||
title: "地域密着・迅速対応",
|
||||
description: "知多半島専門だからこその迅速な駆けつけと、きめ細やかな対応が可能です。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/canadian-french-map-with-pinpoints_23-2148232395.jpg",
|
||||
imageAlt: "知多半島の地図",
|
||||
},
|
||||
title: "地域密着・迅速対応", description: "知多半島専門だからこその迅速な駆けつけと、きめ細やかな対応が可能です。", imageSrc: "http://img.b2bpic.net/free-photo/canadian-french-map-with-pinpoints_23-2148232395.jpg", imageAlt: "知多半島の地図"},
|
||||
{
|
||||
title: "見積無料・立会い不要",
|
||||
description: "まずはお気軽にご相談ください。お見積もりは無料で、作業の立ち会いも不要です。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-have-nice-day-written-yellow-sticky-note-pen-ruler-lupa-calculator-notepad-dark_140725-144406.jpg",
|
||||
imageAlt: "無料見積もりのアイコン",
|
||||
},
|
||||
title: "見積無料・立会い不要", description: "まずはお気軽にご相談ください。お見積もりは無料で、作業の立ち会いも不要です。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-have-nice-day-written-yellow-sticky-note-pen-ruler-lupa-calculator-notepad-dark_140725-144406.jpg", imageAlt: "無料見積もりのアイコン"},
|
||||
{
|
||||
title: "写真で作業前後を報告",
|
||||
description: "作業前後の写真を丁寧にご報告。遠方にお住まいの方でも安心して状況を把握できます。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-espresso-with-good-book-photo-camera_114579-10970.jpg",
|
||||
imageAlt: "作業前後の写真報告",
|
||||
},
|
||||
title: "写真で作業前後を報告", description: "作業前後の写真を丁寧にご報告。遠方にお住まいの方でも安心して状況を把握できます。", imageSrc: "http://img.b2bpic.net/free-photo/cup-espresso-with-good-book-photo-camera_114579-10970.jpg", imageAlt: "作業前後の写真報告"},
|
||||
{
|
||||
title: "剪定業者のご紹介",
|
||||
description: "草刈り以外の専門的な庭木剪定も、信頼できる提携業者をご紹介いたします。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-man-planting_23-2148127860.jpg",
|
||||
imageAlt: "剪定作業のイメージ",
|
||||
},
|
||||
title: "剪定業者のご紹介", description: "草刈り以外の専門的な庭木剪定も、信頼できる提携業者をご紹介いたします。", imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-man-planting_23-2148127860.jpg", imageAlt: "剪定作業のイメージ"},
|
||||
]}
|
||||
title="当社のサービスと特徴"
|
||||
description="お客様のニーズに応える幅広いサービスと、安心をお届けする私たちの強みをご紹介します。"
|
||||
@@ -231,30 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "10年以上",
|
||||
description: "地域に根ざした経験",
|
||||
},
|
||||
id: "metric-1", value: "10年以上", description: "地域に根ざした経験"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "100%",
|
||||
description: "地域密着対応",
|
||||
},
|
||||
id: "metric-2", value: "100%", description: "地域密着対応"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "98%",
|
||||
description: "お客様満足度",
|
||||
},
|
||||
id: "metric-3", value: "98%", description: "お客様満足度"},
|
||||
{
|
||||
id: "metric-4",
|
||||
value: "即日対応",
|
||||
description: "最短で当日対応可能",
|
||||
},
|
||||
id: "metric-4", value: "即日対応", description: "最短で当日対応可能"},
|
||||
{
|
||||
id: "metric-5",
|
||||
value: "豊富な実績",
|
||||
description: "多様な現場に対応",
|
||||
},
|
||||
id: "metric-5", value: "豊富な実績", description: "多様な現場に対応"},
|
||||
]}
|
||||
title="安心と信頼の実績"
|
||||
description="地域の皆様に支えられ、多くの実績を積み重ねてきました。"
|
||||
@@ -266,39 +176,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-item-1",
|
||||
name: "山田様 (60代)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-asian-woman_23-2149222057.jpg",
|
||||
imageAlt: "お客様の顔写真",
|
||||
text: "遠方で管理が難しかった実家の庭が、見違えるように綺麗になりました。定期管理をお願いしているので安心です。",
|
||||
id: "testimonial-item-1", name: "山田様 (60代)", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-asian-woman_23-2149222057.jpg", imageAlt: "お客様の顔写真", quote: "遠方で管理が難しかった実家の庭が、見違えるように綺麗になりました。定期管理をお願いしているので安心です。"
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-2",
|
||||
name: "田中様 (空き家所有者)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
imageAlt: "お客様の顔写真",
|
||||
text: "迅速な対応で、急な草刈りも快く引き受けてくださり助かりました。写真報告も丁寧で、安心して任せられます。",
|
||||
id: "testimonial-item-2", name: "田中様 (空き家所有者)", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "お客様の顔写真", quote: "迅速な対応で、急な草刈りも快く引き受けてくださり助かりました。写真報告も丁寧で、安心して任せられます。"
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-3",
|
||||
name: "鈴木様 (70代)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-tourists-holding-map-female-tourists-holding-their-bags-leaning-back-towards-each-other_1150-24537.jpg",
|
||||
imageAlt: "お客様の顔写真",
|
||||
text: "毎年大変だった草刈りが、今年はとても楽になりました。丁寧に作業していただき、ご近所にも褒められました。",
|
||||
id: "testimonial-item-3", name: "鈴木様 (70代)", imageSrc: "http://img.b2bpic.net/free-photo/male-tourists-holding-map-female-tourists-holding-their-bags-leaning-back-towards-each-other_1150-24537.jpg", imageAlt: "お客様の顔写真", quote: "毎年大変だった草刈りが、今年はとても楽になりました。丁寧に作業していただき、ご近所にも褒められました。"
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-4",
|
||||
name: "佐藤様 (遠方在住)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg",
|
||||
imageAlt: "お客様の顔写真",
|
||||
text: "なかなか帰省できない中、空き地の管理をお願いできて本当に助かっています。定期報告があるので状況も分かります。",
|
||||
id: "testimonial-item-4", name: "佐藤様 (遠方在住)", imageSrc: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg", imageAlt: "お客様の顔写真", quote: "なかなか帰省できない中、空き地の管理をお願いできて本当に助かっています。定期報告があるので状況も分かります。"
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-5",
|
||||
name: "高橋様 (60代)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg",
|
||||
imageAlt: "お客様の顔写真",
|
||||
text: "庭木の剪定業者まで紹介していただき、一括でお庭の手入れが完了しました。親身な対応に感謝しています。",
|
||||
id: "testimonial-item-5", name: "高橋様 (60代)", imageSrc: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg", imageAlt: "お客様の顔写真", quote: "庭木の剪定業者まで紹介していただき、一括でお庭の手入れが完了しました。親身な対応に感謝しています。"
|
||||
},
|
||||
]}
|
||||
cardTitle="お客様からの喜びの声"
|
||||
@@ -313,30 +203,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "見積もりは本当に無料ですか？",
|
||||
content: "はい、お見積もりは無料です。現地調査を行った上で、具体的な費用をご提示いたします。まずはお気軽にお問い合わせください。",
|
||||
},
|
||||
id: "faq-1", title: "見積もりは本当に無料ですか？", content: "はい、お見積もりは無料です。現地調査を行った上で、具体的な費用をご提示いたします。まずはお気軽にお問い合わせください。"},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "立会いなしで作業をお願いできますか？",
|
||||
content: "はい、可能です。事前に作業内容や範囲を詳しく打ち合わせ、作業前後の写真を送付してご報告いたしますので、遠方の方でもご安心いただけます。",
|
||||
},
|
||||
id: "faq-2", title: "立会いなしで作業をお願いできますか？", content: "はい、可能です。事前に作業内容や範囲を詳しく打ち合わせ、作業前後の写真を送付してご報告いたしますので、遠方の方でもご安心いただけます。"},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "支払いの方法は？",
|
||||
content: "現金、銀行振込、LINE Payに対応しております。ご希望の方法をお選びいただけます。",
|
||||
},
|
||||
id: "faq-3", title: "支払いの方法は？", content: "現金、銀行振込、LINE Payに対応しております。ご希望の方法をお選びいただけます。"},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "知多半島以外でも対応可能ですか？",
|
||||
content: "基本的に知多半島内での対応となりますが、エリアによっては対応可能な場合もございますので、まずはご相談ください。",
|
||||
},
|
||||
id: "faq-4", title: "知多半島以外でも対応可能ですか？", content: "基本的に知多半島内での対応となりますが、エリアによっては対応可能な場合もございますので、まずはご相談ください。"},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "剪定もお願いできますか？",
|
||||
content: "剪定作業は専門の知識と技術が必要なため、信頼できる提携業者をご紹介しております。お気軽にご相談ください。",
|
||||
},
|
||||
id: "faq-5", title: "剪定もお願いできますか？", content: "剪定作業は専門の知識と技術が必要なため、信頼できる提携業者をご紹介しております。お気軽にご相談ください。"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg"
|
||||
imageAlt="顧客対応の担当者"
|
||||
@@ -352,18 +227,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="草刈り・空き地管理のお悩みは、私たちにお任せください！電話またはLINEで、お気軽にご相談ください。"
|
||||
buttons={[
|
||||
{
|
||||
text: "お電話はこちら",
|
||||
href: "tel:000-0000-0000",
|
||||
},
|
||||
text: "お電話はこちら", href: "tel:000-0000-0000"},
|
||||
{
|
||||
text: "LINEで無料相談",
|
||||
href: "https://line.me/ti/p/@yourlineid",
|
||||
},
|
||||
text: "LINEで無料相談", href: "https://line.me/ti/p/@yourlineid"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -377,14 +247,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:000-0000-0000",
|
||||
ariaLabel: "電話でお問い合わせ",
|
||||
},
|
||||
href: "tel:000-0000-0000", ariaLabel: "電話でお問い合わせ"},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
href: "https://line.me/ti/p/@yourlineid",
|
||||
ariaLabel: "LINEでお問い合わせ",
|
||||
},
|
||||
href: "https://line.me/ti/p/@yourlineid", ariaLabel: "LINEでお問い合わせ"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user