bender/cc3fd615-182b-4c5d-8386-3f4f619468af
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-05-09 09:04:33 +00:00
parent 85bd4a79e2
commit 3a9e17fe84
1 changed files with 45 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, CheckCircle, Users } from "lucide-react";
import { Award, CheckCircle, Users, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "ホーム",
id: "hero",
},
name: "ホーム", id: "hero"},
{
name: "こだわり",
id: "about",
},
name: "こだわり", id: "about"},
{
name: "サービス",
id: "features",
},
name: "サービス", id: "features"},
{
name: "お問い合わせ",
id: "contact",
},
name: "お問い合わせ", id: "contact"},
]}
brandName="株式会社そらの庭"
/>
@@ -55,105 +47,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="理想のお庭を、デザインから施工まで。"
description="株式会社そらの庭は、平塚を拠点に神奈川・東京エリアで理想の外構空間を創造します。デザインから直属職人による施工まで、スムーズかつ丁寧な対応をお約束します。"
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",
imageAlt: "Modern landscaping",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748223.jpg",
imageAlt: "Minimalist porch",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg",
imageAlt: "Elegant lawn",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-948.jpg",
imageAlt: "Backyard oasis",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-umbrellas-seen-from-tree_1203-297.jpg",
imageAlt: "Residential garden",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg", imageAlt: "Modern landscaping" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748223.jpg", imageAlt: "Minimalist porch" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg", imageAlt: "Elegant lawn" },
{ imageSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-948.jpg", imageAlt: "Backyard oasis" },
{ imageSrc: "http://img.b2bpic.net/free-photo/white-umbrellas-seen-from-tree_1203-297.jpg", imageAlt: "Residential garden" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg",
imageAlt: "Modern garden",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/town-park-with-benches-fireplace_114579-13022.jpg",
imageAlt: "Landscaped exterior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445336.jpg",
imageAlt: "Green garden space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg",
imageAlt: "Exterior design view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg",
imageAlt: "Landscaped porch",
},
]}
buttons={[
{
text: "お問い合わせ",
href: "#contact",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg", imageAlt: "Modern garden" },
{ imageSrc: "http://img.b2bpic.net/free-photo/town-park-with-benches-fireplace_114579-13022.jpg", imageAlt: "Landscaped exterior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445336.jpg", imageAlt: "Green garden space" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg", imageAlt: "Exterior design view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg", imageAlt: "Landscaped porch" },
]}
buttons={[{ text: "お問い合わせ", href: "#contact" }]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-african-american-woman-street-wearing-black-sexy-fashion-outfit_627829-6738.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/front-door-house_181624-8916.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-african-american-woman-street-wearing-black-sexy-fashion-outfit_627829-6738.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/front-door-house_181624-8916.jpg", alt: "Client 5" },
]}
avatarText="施工実績500件以上"
marqueeItems={[
{
type: "text",
text: "Design",
},
{
type: "text",
text: "Construction",
},
{
type: "text",
text: "Landscaping",
},
{
type: "text",
text: "Lighting",
},
{
type: "text",
text: "Paving",
},
]}
marqueeItems={[{ type: "text", text: "Design" }, { type: "text", text: "Construction" }, { type: "text", text: "Landscaping" }, { type: "text", text: "Lighting" }, { type: "text", text: "Paving" }]}
/>
</div>
@@ -162,21 +82,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="そらの庭のこだわり"
metrics={[
{
icon: CheckCircle,
label: "完結型の施工体制",
value: "Direct",
},
{
icon: Award,
label: "地域密着対応",
value: "10+",
},
{
icon: Users,
label: "専門職人直属",
value: "Pro",
},
{ icon: CheckCircle, label: "完結型の施工体制", value: "Direct" },
{ icon: Award, label: "地域密着対応", value: "10+" },
{ icon: Users, label: "専門職人直属", value: "Pro" },
]}
metricsAnimation="slide-up"
/>
@@ -187,30 +95,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "舗装デザイン",
description: "耐久性と意匠性を兼ね備えた舗装。",
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg",
buttonIcon: "ArrowRight",
},
{
title: "植栽コーディネート",
description: "季節の移ろいを感じる空間。",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-pitcher-near-flowers-garden-equipment-wooden-box_23-2148028813.jpg",
buttonIcon: "ArrowRight",
},
{
title: "ガーデンライト",
description: "夜の表情も楽しめる照明計画。",
imageSrc: "http://img.b2bpic.net/free-photo/calm-place-prepared-desk-waiting-food-visitors-evening-time_146671-14404.jpg",
buttonIcon: "ArrowRight",
},
{
title: "ウッドデッキ・テラス",
description: "暮らしに彩りを添えるテラス。",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-dinner-table-vintage-house_1150-11079.jpg",
buttonIcon: "ArrowRight",
},
{ title: "舗装デザイン", description: "耐久性と意匠性を兼ね備えた舗装。", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg", buttonIcon: ArrowRight },
{ title: "植栽コーディネート", description: "季節の移ろいを感じる空間。", imageSrc: "http://img.b2bpic.net/free-photo/metallic-pitcher-near-flowers-garden-equipment-wooden-box_23-2148028813.jpg", buttonIcon: ArrowRight },
{ title: "ガーデンライト", description: "夜の表情も楽しめる照明計画。", imageSrc: "http://img.b2bpic.net/free-photo/calm-place-prepared-desk-waiting-food-visitors-evening-time_146671-14404.jpg", buttonIcon: ArrowRight },
{ title: "ウッドデッキ・テラス", description: "暮らしに彩りを添えるテラス。", imageSrc: "http://img.b2bpic.net/free-photo/vintage-dinner-table-vintage-house_1150-11079.jpg", buttonIcon: ArrowRight },
]}
title="私たちのサービス"
description="モダンデザインから植物を活かしたナチュラルスタイルまで、お客様の理想を形にします。"
@@ -223,27 +111,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "98%",
title: "お客様満足度",
description: "高い施工品質へのご評価。",
imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg",
},
{
id: "2",
value: "500+",
title: "施工実績",
description: "地域に根ざした庭づくり。",
imageSrc: "http://img.b2bpic.net/free-photo/autumn-forest-with-river-filtered-image-processed-vintage-effe_1232-2819.jpg",
},
{
id: "3",
value: "15年",
title: "経験年数",
description: "職人の技術が光る確かな設計。",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477068.jpg",
},
{ id: "1", value: "98%", title: "お客様満足度", description: "高い施工品質へのご評価。", imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg" },
{ id: "2", value: "500+", title: "施工実績", description: "地域に根ざした庭づくり。", imageSrc: "http://img.b2bpic.net/free-photo/autumn-forest-with-river-filtered-image-processed-vintage-effe_1232-2819.jpg" },
{ id: "3", value: "15年", title: "経験年数", description: "職人の技術が光る確かな設計。", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477068.jpg" },
]}
title="実績と安心"
description="多くのお客様に選ばれる理由があります。"
@@ -257,26 +127,11 @@ export default function LandingPage() {
rating={5}
author="平塚市 M様"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg",
alt: "M",
},
{
src: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg",
alt: "A",
},
{
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",
alt: "B",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-mature-attractive-bearded-caucasian-young-man-blue-t-shirt-sports-pants-smiling-sitting-grass-relaxing_176420-19941.jpg",
alt: "C",
},
{
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg",
alt: "D",
},
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg", alt: "M" },
{ src: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg", alt: "A" },
{ src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg", alt: "B" },
{ src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-mature-attractive-bearded-caucasian-young-man-blue-t-shirt-sports-pants-smiling-sitting-grass-relaxing_176420-19941.jpg", alt: "C" },
{ src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg", alt: "D" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -288,21 +143,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "対応エリアは？",
content: "平塚を中心に神奈川県内および東京全域に対応しております。",
},
{
id: "2",
title: "植物選びは相談できる？",
content: "はい、ご要望やご予算に合わせて最適な樹種をご提案します。",
},
{
id: "3",
title: "見積もりは無料ですか？",
content: "もちろんです。現地調査とお見積もりは無料です。",
},
{ id: "1", title: "対応エリアは？", content: "平塚を中心に神奈川県内および東京全域に対応しております。" },
{ id: "2", title: "植物選びは相談できる？", content: "はい、ご要望やご予算に合わせて最適な樹種をご提案します。" },
{ id: "3", title: "見積もりは無料ですか？", content: "もちろんです。現地調査とお見積もりは無料です。" },
]}
title="よくあるご質問"
description="ご不明な点は、お気軽にお問い合わせください。"
@@ -313,16 +156,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="理想のお庭づくり、まずはご相談ください。"
buttons={[
{
text: "無料相談を予約",
href: "#",
},
]}
buttons={[{ text: "無料相談を予約", href: "#" }]}
/>
</div>
@@ -331,36 +167,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-vector/flat-cactus-logo-template_23-2149450206.jpg"
logoText="株式会社そらの庭"
columns={[
{
title: "メニュー",
items: [
{
label: "ホーム",
href: "/",
},
{
label: "サービス",
href: "#features",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "会社情報",
items: [
{
label: "平塚市について",
href: "#",
},
{
label: "お問い合わせ",
href: "#contact",
},
],
},
{ title: "メニュー", items: [{ label: "ホーム", href: "/" }, { label: "サービス", href: "#features" }, { label: "FAQ", href: "#faq" }] },
{ title: "会社情報", items: [{ label: "平塚市について", href: "#" }, { label: "お問い合わせ", href: "#contact" }] },
]}
/>
</div>