bender/1be606cc-4dcf-4456-941d-64f2d5fa64e4
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-11 13:19:36 +00:00
parent d1aa5a371c
commit 52643f6ee0
1 changed files with 45 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "ホーム",
id: "hero",
},
{
name: "サービス",
id: "services",
},
{
name: "実績",
id: "metrics",
},
{
name: "採用",
id: "about",
},
{
name: "お問い合わせ",
id: "contact",
},
{ name: "ホーム", id: "hero" },
{ name: "サービス", id: "services" },
{ name: "実績", id: "metrics" },
{ name: "採用", id: "about" },
{ name: "お問い合わせ", id: "contact" },
]}
brandName="NIAGE-TECH"
/>
@@ -61,74 +46,20 @@ export default function LandingPage() {
title="迅速・安全・確実な荷揚げサービス"
description="建設現場を支えるプロフェッショナル集団。重い資材も、複雑な現場も、私たちが安全かつ迅速に搬入します。"
testimonials={[
{
name: "佐藤 健一",
handle: "@satoken",
testimonial: "非常に迅速で信頼できる仕事でした。またお願いします。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg?_wi=1",
},
{
name: "田中 誠",
handle: "@tanakam",
testimonial: "若手が多く元気で、搬入も丁寧でした。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-engineer-wearing-safety-helmet-uniform-holding-pencil-note-pad-looking-camera-pointing-side-isolated-blue-background_141793-133092.jpg",
},
{
name: "鈴木 一郎",
handle: "@suzukii",
testimonial: "安全意識が非常に高く、現場のルールを遵守してくれます。",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-with-folder_1157-47547.jpg",
},
{
name: "高橋 浩",
handle: "@takahashih",
testimonial: "複雑な現場条件でも問題なく対応してくれました。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-project_23-2148751967.jpg",
},
{
name: "伊藤 悟",
handle: "@itos",
testimonial: "即日対応の柔軟性にはいつも助けられています。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/engineer-uniform-checking-tasklist-smiling_114579-18999.jpg",
},
{ name: "佐藤 健一", handle: "@satoken", testimonial: "非常に迅速で信頼できる仕事でした。またお願いします。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg" },
{ name: "田中 誠", handle: "@tanakam", testimonial: "若手が多く元気で、搬入も丁寧でした。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-engineer-wearing-safety-helmet-uniform-holding-pencil-note-pad-looking-camera-pointing-side-isolated-blue-background_141793-133092.jpg" },
{ name: "鈴木 一郎", handle: "@suzukii", testimonial: "安全意識が非常に高く、現場のルールを遵守してくれます。", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-with-folder_1157-47547.jpg" },
{ name: "高橋 浩", handle: "@takahashih", testimonial: "複雑な現場条件でも問題なく対応してくれました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-project_23-2148751967.jpg" },
{ name: "伊藤 悟", handle: "@itos", testimonial: "即日対応の柔軟性にはいつも助けられています。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineer-uniform-checking-tasklist-smiling_114579-18999.jpg" },
]}
buttons={[
{
text: "無料見積もり",
href: "#contact",
},
{
text: "お問い合わせ",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-stack-hand-teamwork_554837-414.jpg?_wi=1"
buttons={[{ text: "無料見積もり", href: "#contact" }, { text: "お問い合わせ", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-stack-hand-teamwork_554837-414.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-asian-engineers-caucasian-engineer-colleagues-site-inspector-discuss-together-using-notebook-computer-paper-blueprint-building-construction-sitehome-renovation-ideas-concept_609648-924.jpg",
alt: "Team member 1",
},
{
src: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-stack-hand-teamwork_554837-416.jpg",
alt: "Team member 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5117.jpg",
alt: "Team member 3",
},
{
src: "http://img.b2bpic.net/free-photo/colleagues-safety-equipment-working_23-2148976306.jpg",
alt: "Team member 4",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772907.jpg",
alt: "Team member 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-asian-engineers-caucasian-engineer-colleagues-site-inspector-discuss-together-using-notebook-computer-paper-blueprint-building-construction-sitehome-renovation-ideas-concept_609648-924.jpg", alt: "Team member 1" },
{ src: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-stack-hand-teamwork_554837-416.jpg", alt: "Team member 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5117.jpg", alt: "Team member 3" },
{ src: "http://img.b2bpic.net/free-photo/colleagues-safety-equipment-working_23-2148976306.jpg", alt: "Team member 4" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772907.jpg", alt: "Team member 5" },
]}
/>
</div>
@@ -137,15 +68,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "建設の未来を支える、確かな力。",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-asian-man-with-samurai-sword_52683-86690.jpg",
alt: "About Niage",
},
{ type: "text", content: "建設の未来を支える、確かな力。" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-asian-man-with-samurai-sword_52683-86690.jpg", alt: "About Niage" },
]}
/>
</div>
@@ -157,40 +81,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "荷揚げ・資材搬入",
description: "あらゆる重量物に対応。",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352579.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/cantilever-loading-decks-concrete-frame-closeup-yellow-focus_169016-69863.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-stack-hand-teamwork_554837-414.jpg?_wi=2",
imageAlt: "manual material transport",
title: "荷揚げ・資材搬入", description: "あらゆる重量物に対応。", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352579.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cantilever-loading-decks-concrete-frame-closeup-yellow-focus_169016-69863.jpg" }
},
{
title: "石膏ボード専門搬入",
description: "破損なしで丁寧に運搬。",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-construction_23-2150772910.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-safety-cap-working_23-2148976300.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-with-samurai-sword_52683-86690.jpg",
imageAlt: "manual material transport",
title: "石膏ボード専門搬入", description: "破損なしで丁寧に運搬。", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-construction_23-2150772910.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-with-safety-cap-working_23-2148976300.jpg" }
},
{
title: "内装資材運搬",
description: "内装工事の効率アップ。",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42834.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg?_wi=2",
imageAlt: "manual material transport",
title: "内装資材運搬", description: "内装工事の効率アップ。", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42834.jpg" }
},
]}
showStepNumbers={true}
@@ -205,34 +105,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "対応現場数",
items: [
"建設現場",
"リフォーム",
"内装工事",
],
},
{
id: "m2",
value: "99%",
title: "顧客満足度",
items: [
"丁寧な仕事",
"迅速な対応",
],
},
{
id: "m3",
value: "24/7",
title: "対応体制",
items: [
"即日対応",
"緊急搬入",
],
},
{ id: "m1", value: "500+", title: "対応現場数", items: ["建設現場", "リフォーム", "内装工事"] },
{ id: "m2", value: "99%", title: "顧客満足度", items: ["丁寧な仕事", "迅速な対応"] },
{ id: "m3", value: "24/7", title: "対応体制", items: ["即日対応", "緊急搬入"] },
]}
title="信頼の実績"
description="私たちは数字で結果を残します。"
@@ -246,48 +121,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "搬入風景",
price: "",
variant: "作業",
imageSrc: "http://img.b2bpic.net/free-photo/discussing-project_1098-18150.jpg",
},
{
id: "p2",
name: "チームワーク",
price: "",
variant: "結束",
imageSrc: "http://img.b2bpic.net/free-photo/architects-working-project_23-2147702515.jpg",
},
{
id: "p3",
name: "石膏ボード搬入",
price: "",
variant: "専門",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976282.jpg",
},
{
id: "p4",
name: "資材運搬",
price: "",
variant: "物流",
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-thermoses-street_23-2147765319.jpg",
},
{
id: "p5",
name: "現場整理",
price: "",
variant: "整頓",
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg",
},
{
id: "p6",
name: "最終チェック",
price: "",
variant: "品質",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680600.jpg",
},
{ id: "p1", name: "搬入風景", price: "", variant: "作業", imageSrc: "http://img.b2bpic.net/free-photo/discussing-project_1098-18150.jpg" },
{ id: "p2", name: "チームワーク", price: "", variant: "結束", imageSrc: "http://img.b2bpic.net/free-photo/architects-working-project_23-2147702515.jpg" },
{ id: "p3", name: "石膏ボード搬入", price: "", variant: "専門", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976282.jpg" },
{ id: "p4", name: "資材運搬", price: "", variant: "物流", imageSrc: "http://img.b2bpic.net/free-photo/couple-with-thermoses-street_23-2147765319.jpg" },
{ id: "p5", name: "現場整理", price: "", variant: "整頓", imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg" },
{ id: "p6", name: "最終チェック", price: "", variant: "品質", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680600.jpg" },
]}
title="私たちの仕事風景"
description="現場での真剣な仕事をご覧ください。"
@@ -299,46 +138,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "信頼の仕事",
quote: "期待以上の迅速さでした。",
name: "佐藤 健一",
role: "監督",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg",
},
{
id: "2",
title: "素晴らしいチーム",
quote: "若手が多く元気です。",
name: "田中 誠",
role: "工務店主",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-tablet_23-2148921387.jpg",
},
{
id: "3",
title: "安全第一",
quote: "安全意識が非常に高いです。",
name: "鈴木 一郎",
role: "現場管理者",
imageSrc: "http://img.b2bpic.net/free-photo/engineers-analyzing-data-digital-tablet_1098-21101.jpg",
},
{
id: "4",
title: "また頼みます",
quote: "プロ意識を感じます。",
name: "高橋 浩",
role: "建設会社経営",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg",
},
{
id: "5",
title: "技術力が高い",
quote: "複雑な現場でも安心です。",
name: "伊藤 悟",
role: "店舗改装",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2148751968.jpg",
},
{ id: "1", title: "信頼の仕事", quote: "期待以上の迅速さでした。", name: "佐藤 健一", role: "監督", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg" },
{ id: "2", title: "素晴らしいチーム", quote: "若手が多く元気です。", name: "田中 誠", role: "工務店主", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-tablet_23-2148921387.jpg" },
{ id: "3", title: "安全第一", quote: "安全意識が非常に高いです。", name: "鈴木 一郎", role: "現場管理者", imageSrc: "http://img.b2bpic.net/free-photo/engineers-analyzing-data-digital-tablet_1098-21101.jpg" },
{ id: "4", title: "また頼みます", quote: "プロ意識を感じます。", name: "高橋 浩", role: "建設会社経営", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg" },
{ id: "5", title: "技術力が高い", quote: "複雑な現場でも安心です。", name: "伊藤 悟", role: "店舗改装", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2148751968.jpg" },
]}
title="お客様の声"
description="信頼と実績の証。"
@@ -350,21 +154,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "即日対応は可能ですか？",
content: "はい、状況によりますが即日対応可能です。",
},
{
id: "f2",
title: "地方への出張は可能ですか？",
content: "はい、ご相談ください。",
},
{
id: "f3",
title: "料金はいくらからですか？",
content: "現場の規模と条件により見積もりを提示します。",
},
{ id: "f1", title: "即日対応は可能ですか？", content: "はい、状況によりますが即日対応可能です。" },
{ id: "f2", title: "地方への出張は可能ですか？", content: "はい、ご相談ください。" },
{ id: "f3", title: "料金はいくらからですか？", content: "現場の規模と条件により見積もりを提示します。" },
]}
title="よくある質問"
description="ご不明な点はこちらをご覧ください。"
@@ -375,9 +167,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
title="お見積もり・採用応募"
description="まずはお気軽にお問い合わせください。"
imageSrc="http://img.b2bpic.net/free-photo/diverse-female-factory-workers-chatting-while-drinking-coffee-eating-cookies-sitting-wooden-pallet_74855-16361.jpg"
@@ -387,12 +177,9 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="NIAGE-TECH"
copyrightText="© 2025 NIAGE-TECH Inc."
/>
<FooterCard logoText="NIAGE-TECH" copyrightText="© 2025 NIAGE-TECH Inc." />
</div>
</ReactLenis>
</ThemeProvider>
);
}
}