Update src/app/page.tsx

This commit is contained in:
2026-06-03 02:02:11 +00:00
parent af2d6464cc
commit fc0e3194d5

View File

@@ -33,152 +33,89 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "私たちについて",
id: "about",
},
name: "私たちについて", id: "about"},
{
name: "選ばれる理由",
id: "reasons",
},
name: "選ばれる理由", id: "reasons"},
{
name: "事業内容",
id: "services",
},
name: "事業内容", id: "services"},
{
name: "対応素材",
id: "materials",
},
name: "対応素材", id: "materials"},
{
name: "品質管理",
id: "quality",
},
name: "品質管理", id: "quality"},
{
name: "加工実績",
id: "achievements",
},
name: "加工実績", id: "achievements"},
{
name: "お問い合わせ",
id: "contact",
},
name: "お問い合わせ", id: "contact"},
]}
brandName="東和精工株式会社"
button={{
text: "お問い合わせはこちら",
href: "#contact",
}}
text: "お問い合わせはこちら", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="精密加工で、ものづくりの可能性を広げる"
description="試作から量産まで、確かな技術と品質管理でお客様の製品づくりを支えます。"
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-working-with-wood-medium-shot_23-2148966898.jpg",
imageAlt: "現代的な日本の精密機械加工工場の内部",
},
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-working-with-wood-medium-shot_23-2148966898.jpg", imageAlt: "現代的な日本の精密機械加工工場の内部"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-controlling-machines-hangar-daytime-buildings-architecture-construction_140725-16222.jpg",
imageAlt: "多軸CNCマシンで加工される複雑な金属部品",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-controlling-machines-hangar-daytime-buildings-architecture-construction_140725-16222.jpg", imageAlt: "多軸CNCマシンで加工される複雑な金属部品"},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-steel-worker-analyzing-finished-products-while-working-factory_637285-4742.jpg",
imageAlt: "デジタルノギスで金属部品を検査する技術者",
},
imageSrc: "http://img.b2bpic.net/free-photo/african-american-steel-worker-analyzing-finished-products-while-working-factory_637285-4742.jpg", imageAlt: "デジタルノギスで金属部品を検査する技術者"},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-asian-caucasian-engineer-professional-having-discussion-standing-consult-machine-factory-two-expert-coworker-brainstorm-explaining-solves-process-cnc-operate-machine_609648-683.jpg",
imageAlt: "広角で撮影された整然とした工場のフロア",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-asian-caucasian-engineer-professional-having-discussion-standing-consult-machine-factory-two-expert-coworker-brainstorm-explaining-solves-process-cnc-operate-machine_609648-683.jpg", imageAlt: "広角で撮影された整然とした工場のフロア"},
{
imageSrc: "http://img.b2bpic.net/free-photo/various-used-batteries-recycling_23-2148115691.jpg",
imageAlt: "美しく配置された精密な金属・樹脂部品",
},
imageSrc: "http://img.b2bpic.net/free-photo/various-used-batteries-recycling_23-2148115691.jpg", imageAlt: "美しく配置された精密な金属・樹脂部品"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329471.jpg",
imageAlt: "金属および樹脂部品を扱うロボットアーム",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329471.jpg", imageAlt: "金属および樹脂部品を扱うロボットアーム"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22927.jpg",
imageAlt: "精密研削盤を操作する熟練した技術者",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22927.jpg", imageAlt: "精密研削盤を操作する熟練した技術者"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-record-studio-wearing-mask_1303-26357.jpg",
imageAlt: "3D測定機で金属部品をスキャンする様子",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-record-studio-wearing-mask_1303-26357.jpg", imageAlt: "3D測定機で金属部品をスキャンする様子"},
{
imageSrc: "http://img.b2bpic.net/free-photo/yellow-abstract-light-reflection-background_53876-64696.jpg",
imageAlt: "樹脂成形エリアのモダンな工場",
},
imageSrc: "http://img.b2bpic.net/free-photo/yellow-abstract-light-reflection-background_53876-64696.jpg", imageAlt: "樹脂成形エリアのモダンな工場"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg",
imageAlt: "様々な仕上げの小さな金属部品のマクロ撮影",
},
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg", imageAlt: "様々な仕上げの小さな金属部品のマクロ撮影"},
{
imageSrc: "http://img.b2bpic.net/free-photo/flame-oven_140725-7699.jpg",
imageAlt: "金属部品を製造する強力なスタンピングマシン",
},
imageSrc: "http://img.b2bpic.net/free-photo/flame-oven_140725-7699.jpg", imageAlt: "金属部品を製造する強力なスタンピングマシン"},
{
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-125944.jpg",
imageAlt: "デジタル画面で技術図面をレビューするエンジニアチーム",
},
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-125944.jpg", imageAlt: "デジタル画面で技術図面をレビューするエンジニアチーム"},
]}
buttons={[
{
text: "お問い合わせはこちら",
href: "#contact",
},
text: "お問い合わせはこちら", href: "#contact"},
]}
buttonAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smart-asian-male-professional-civil-engineer-hand-hold-laptop-site-construction-check-with-infastrcture-building-background_609648-979.jpg",
alt: "笑顔の日本人男性エンジニア",
},
src: "http://img.b2bpic.net/free-photo/smart-asian-male-professional-civil-engineer-hand-hold-laptop-site-construction-check-with-infastrcture-building-background_609648-979.jpg", alt: "笑顔の日本人男性エンジニア"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-measuring-wood_23-2148966929.jpg",
alt: "検査を行う日本人女性技術者",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-measuring-wood_23-2148966929.jpg", alt: "検査を行う日本人女性技術者"},
{
src: "http://img.b2bpic.net/free-photo/side-view-woman-practicing-tai-chi-outside_23-2149893718.jpg",
alt: "自信に満ちた日本人工場長",
},
src: "http://img.b2bpic.net/free-photo/side-view-woman-practicing-tai-chi-outside_23-2149893718.jpg", alt: "自信に満ちた日本人工場長"},
{
src: "http://img.b2bpic.net/free-photo/young-blogger-girl-is-posing-tablet-camera-by-putting-hand-chin-blue-background_176474-118918.jpg",
alt: "熟考する日本人R&Dスペシャリスト",
},
src: "http://img.b2bpic.net/free-photo/young-blogger-girl-is-posing-tablet-camera-by-putting-hand-chin-blue-background_176474-118918.jpg", alt: "熟考する日本人R&Dスペシャリスト"},
{
src: "http://img.b2bpic.net/free-photo/man-crafting-instrument-his-workshop_23-2149018554.jpg",
alt: "精密作業に集中する日本人熟練工",
},
src: "http://img.b2bpic.net/free-photo/man-crafting-instrument-his-workshop_23-2149018554.jpg", alt: "精密作業に集中する日本人熟練工"},
]}
avatarText="お客様に選ばれる東和精工"
marqueeItems={[
{
type: "text",
text: "ISO9001取得",
},
type: "text", text: "ISO9001取得"},
{
type: "text",
text: "徹底した品質保証",
},
type: "text", text: "徹底した品質保証"},
{
type: "text",
text: "環境配慮型製造",
},
type: "text", text: "環境配慮型製造"},
{
type: "text",
text: "柔軟な短納期対応",
},
type: "text", text: "柔軟な短納期対応"},
{
type: "text",
text: "最適なコスト提案",
},
type: "text", text: "最適なコスト提案"},
]}
/>
</div>
@@ -191,7 +128,7 @@ export default function LandingPage() {
description="東和精工株式会社は、精密部品加工を中心に、金属・樹脂など多様な素材の加工に対応する製造会社です。長年培ってきた加工技術と柔軟な対応力を活かし、試作、少量生産、量産まで幅広いご要望にお応えします。"
subdescription="神奈川県横浜市を拠点に全国対応しており、精密加工、金属加工、樹脂加工、試作加工、量産加工を通じて、ものづくりの未来を創造し、お客様の製品づくりを強力にサポートします。"
icon={Building2}
imageSrc="http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-glimpse-into-bangkok-urban-landscape_482257-123944.jpg"
videoSrc="https://framerusercontent.com/modules/K52oB8a032E8jWwGjX8k/i69XwQ2X0l0n1z0hR1X1/video-placeholder.mp4"
videoAriaLabel="東和精工株式会社の工場外観"
mediaAnimation="slide-up"
/>
@@ -205,37 +142,19 @@ export default function LandingPage() {
tag="選ばれる理由"
accordionItems={[
{
id: "reason-1",
title: "高精度な加工技術",
content: "業界最高水準の技術で、ミクロン単位の精密な加工を実現。複雑な形状や難削材にも対応し、お客様の設計意図を忠実に具現化します。",
},
id: "reason-1", title: "高精度な加工技術", content: "業界最高水準の技術で、ミクロン単位の精密な加工を実現。複雑な形状や難削材にも対応し、お客様の設計意図を忠実に具現化します。"},
{
id: "reason-2",
title: "試作から量産まで対応",
content: "開発段階の試作品から少量生産、安定供給が必要な量産品まで、お客様のフェーズに合わせた柔軟な生産体制で対応いたします。",
},
id: "reason-2", title: "試作から量産まで対応", content: "開発段階の試作品から少量生産、安定供給が必要な量産品まで、お客様のフェーズに合わせた柔軟な生産体制で対応いたします。"},
{
id: "reason-3",
title: "多様な素材に対応",
content: "アルミ、ステンレス、鉄、真鍮、銅などの金属加工に加え、樹脂加工やその他特殊素材にも幅広く対応可能です。",
},
id: "reason-3", title: "多様な素材に対応", content: "アルミ、ステンレス、鉄、真鍮、銅などの金属加工に加え、樹脂加工やその他特殊素材にも幅広く対応可能です。"},
{
id: "reason-4",
title: "徹底した品質管理",
content: "寸法検査、外観検査、工程管理、最新の検査機器を用いた厳格な品質チェック体制で、不良品ゼロを目指し信頼性の高い製品を提供します。",
},
id: "reason-4", title: "徹底した品質管理", content: "寸法検査、外観検査、工程管理、最新の検査機器を用いた厳格な品質チェック体制で、不良品ゼロを目指し信頼性の高い製品を提供します。"},
{
id: "reason-5",
title: "短納期の相談も可能",
content: "急なご要望や短納期での部品加工が必要な場合でも、まずはお気軽にご相談ください。迅速な対応でプロジェクトの進行をサポートします。",
},
id: "reason-5", title: "短納期の相談も可能", content: "急なご要望や短納期での部品加工が必要な場合でも、まずはお気軽にご相談ください。迅速な対応でプロジェクトの進行をサポートします。"},
{
id: "reason-6",
title: "図面段階からの相談に対応",
content: "経験豊富な技術者が、図面段階からお客様と共に最適な加工方法や素材選定を検討。コスト削減や品質向上に貢献します。",
},
id: "reason-6", title: "図面段階からの相談に対応", content: "経験豊富な技術者が、図面段階からお客様と共に最適な加工方法や素材選定を検討。コスト削減や品質向上に貢献します。"},
]}
imageSrc="http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg"
videoSrc="https://framerusercontent.com/modules/K52oB8a032E8jWwGjX8k/i69XwQ2X0l0n1z0hR1X1/video-placeholder.mp4"
videoAriaLabel="精密加工機械"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -250,26 +169,11 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "service-1",
name: "精密部品加工",
price: "品質重視",
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132701.jpg",
imageAlt: "高精度な金属部品の集合",
},
id: "service-1", name: "精密部品加工", price: "品質重視", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132701.jpg", imageAlt: "高精度な金属部品の集合"},
{
id: "service-2",
name: "試作・小ロット加工",
price: "柔軟対応",
imageSrc: "http://img.b2bpic.net/free-photo/lots-small-candles-catholic-church_169016-21662.jpg",
imageAlt: "エンジニアが持つ試作部品",
},
id: "service-2", name: "試作・小ロット加工", price: "柔軟対応", imageSrc: "http://img.b2bpic.net/free-photo/lots-small-candles-catholic-church_169016-21662.jpg", imageAlt: "エンジニアが持つ試作部品"},
{
id: "service-3",
name: "量産加工",
price: "安定供給",
imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-363.jpg",
imageAlt: "効率的な量産ライン",
},
id: "service-3", name: "量産加工", price: "安定供給", imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-363.jpg", imageAlt: "効率的な量産ライン"},
]}
title="事業内容"
description="東和精工は、長年培ってきた精密加工技術を核に、お客様のあらゆるニーズにお応えする多様なサービスを提供しています。金属加工から樹脂加工、試作加工、量産加工まで、一貫して高品質な製品をお届けします。"
@@ -284,35 +188,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "material-1",
value: "アルミ",
description: "軽くて強度が高く、優れた加工性を持つ汎用性の高い素材。自動車部品や精密機器に広く利用されます。",
},
id: "material-1", value: "アルミ", description: "軽くて強度が高く、優れた加工性を持つ汎用性の高い素材。自動車部品や精密機器に広く利用されます。"},
{
id: "material-2",
value: "ステンレス",
description: "耐食性・耐熱性に優れ、医療機器や食品関連、建築分野で重宝。美しい仕上がりも特徴です。",
},
id: "material-2", value: "ステンレス", description: "耐食性・耐熱性に優れ、医療機器や食品関連、建築分野で重宝。美しい仕上がりも特徴です。"},
{
id: "material-3",
value: "鉄",
description: "強度とコストパフォーマンスに優れ、幅広い産業機械部品や構造部材に使用。表面処理でさらに耐久性が向上します。",
},
id: "material-3", value: "鉄", description: "強度とコストパフォーマンスに優れ、幅広い産業機械部品や構造部材に使用。表面処理でさらに耐久性が向上します。"},
{
id: "material-4",
value: "真鍮・銅",
description: "優れた導電性・熱伝導性を持つため、電子部品や配管部品に不可欠。美しい光沢も魅力です。",
},
id: "material-4", value: "真鍮・銅", description: "優れた導電性・熱伝導性を持つため、電子部品や配管部品に不可欠。美しい光沢も魅力です。"},
{
id: "material-5",
value: "樹脂",
description: "軽量で加工しやすく、電気的特性や耐薬品性に優れるため、絶縁部品や医療、自動車内装部品などに活用されます。",
},
id: "material-5", value: "樹脂", description: "軽量で加工しやすく、電気的特性や耐薬品性に優れるため、絶縁部品や医療、自動車内装部品などに活用されます。"},
{
id: "material-6",
value: "特殊素材",
description: "チタンや特殊合金など、高い機能性や耐環境性が求められる特殊素材の加工にも対応可能です。",
},
id: "material-6", value: "特殊素材", description: "チタンや特殊合金など、高い機能性や耐環境性が求められる特殊素材の加工にも対応可能です。"},
]}
title="対応素材"
description="東和精工では、多種多様な素材の特性を熟知し、それぞれの素材に最適な加工方法で高品質な製品を提供します。難削材や特殊素材についてもご相談ください。"
@@ -325,25 +211,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "qc-1",
title: "徹底した寸法検査",
content: "最新の3D測定器やマイクロメーターを使用し、図面通りの寸法精度をミクロン単位で厳しくチェックします。お客様の求める公差を確実にクリアします。",
},
id: "qc-1", title: "徹底した寸法検査", content: "最新の3D測定器やマイクロメーターを使用し、図面通りの寸法精度をミクロン単位で厳しくチェックします。お客様の求める公差を確実にクリアします。"},
{
id: "qc-2",
title: "厳格な外観検査",
content: "目視だけでなく、高解像度カメラなどを用いて表面の傷、バリ、異物混入などを徹底的に検査し、美しい仕上がりと機能性を保証します。",
},
id: "qc-2", title: "厳格な外観検査", content: "目視だけでなく、高解像度カメラなどを用いて表面の傷、バリ、異物混入などを徹底的に検査し、美しい仕上がりと機能性を保証します。"},
{
id: "qc-3",
title: "リアルタイム工程管理",
content: "製造工程の各段階で品質基準を設け、進捗状況と品質データをリアルタイムで管理。問題発生時には迅速に対応し、不良品の発生を未然に防ぎます。",
},
id: "qc-3", title: "リアルタイム工程管理", content: "製造工程の各段階で品質基準を設け、進捗状況と品質データをリアルタイムで管理。問題発生時には迅速に対応し、不良品の発生を未然に防ぎます。"},
{
id: "qc-4",
title: "高度な検査機器による確認",
content: "三次元測定機、形状測定機、画像測定機など高度な検査機器を駆使し、複雑な形状の部品も精密に検査。データに基づいた確実な品質保証を行います。",
},
id: "qc-4", title: "高度な検査機器による確認", content: "三次元測定機、形状測定機、画像測定機など高度な検査機器を駆使し、複雑な形状の部品も精密に検査。データに基づいた確実な品質保証を行います。"},
]}
title="品質は信頼の証"
description="東和精工では、お客様に安心して製品をお使いいただくため、多段階にわたる厳格な品質管理体制を構築しています。精密加工品に求められる最高の品質を保証します。"
@@ -356,14 +230,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"産業機械部品",
"半導体関連部品",
"医療機器関連部品",
"自動車関連部品",
"航空宇宙部品",
"ロボット部品",
"試作開発部品",
]}
"産業機械部品", "半導体関連部品", "医療機器関連部品", "自動車関連部品", "航空宇宙部品", "ロボット部品", "試作開発部品"]}
title="東和精工の豊富な加工実績"
description="長年にわたり培ってきた精密加工技術と柔軟な対応力で、多岐にわたる産業分野のお客様のニーズに応えてきました。様々な実績が、私たちの技術力の証です。"
speed={40}
@@ -375,14 +242,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="加工のご相談・お見積りはお気軽にお問い合わせください。東和精工では、精密加工、金属加工、樹脂加工、試作加工、量産加工のご依頼を承っております。図面をお持ちの場合は、材質・数量・納期などをお知らせいただくことで、よりスムーズなご提案が可能です。神奈川県横浜市を拠点に全国対応いたします。"
buttons={[
{
text: "お問い合わせはこちら",
href: "#",
},
text: "お問い合わせはこちら", href: "#"},
]}
/>
</div>