Update src/app/page.tsx
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -12,7 +12,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Cloud, Gauge, Globe, Headphones, ShieldCheck } from "lucide-react";
|
||||
import { Cloud, Gauge, Globe, Headphones, ShieldCheck, Wifi, Shield, Server } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,77 +33,48 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "#home",
|
||||
},
|
||||
name: "ホーム", id: "#home"},
|
||||
{
|
||||
name: "サービス",
|
||||
id: "#services",
|
||||
},
|
||||
name: "サービス", id: "#services"},
|
||||
{
|
||||
name: "会社概要",
|
||||
id: "#about",
|
||||
},
|
||||
name: "会社概要", id: "#about"},
|
||||
{
|
||||
name: "実績",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "実績", id: "#testimonials"},
|
||||
{
|
||||
name: "チーム",
|
||||
id: "#team",
|
||||
},
|
||||
name: "チーム", id: "#team"},
|
||||
{
|
||||
name: "お問い合わせ",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "#contact"},
|
||||
]}
|
||||
brandName="ポラリス通信株式会社"
|
||||
button={{
|
||||
text: "お問い合わせ",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "お問い合わせ", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
imagePosition="right"
|
||||
title="未来を繋ぐ、ポラリス通信の革新的なソリューション"
|
||||
description="ポラリス通信は、信頼性の高い通信技術と革新的なサービスで、お客様のビジネスと生活をより豊かにします。シームレスな接続で、新たな可能性を創造します。"
|
||||
buttons={[
|
||||
{
|
||||
text: "詳細を見る",
|
||||
href: "#services",
|
||||
},
|
||||
text: "詳細を見る", href: "#services"},
|
||||
{
|
||||
text: "お問い合わせ",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "お問い合わせ", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg",
|
||||
alt: "山田太郎",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg", alt: "山田太郎"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg",
|
||||
alt: "佐藤花子",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", alt: "佐藤花子"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",
|
||||
alt: "鈴木健太",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", alt: "鈴木健太"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
|
||||
alt: "田中美香",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "田中美香"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "ポラリス通信の顧客アバター",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "ポラリス通信の顧客アバター"},
|
||||
]}
|
||||
avatarText="5,000社以上の企業に選ばれています"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-123822.jpg"
|
||||
@@ -112,29 +83,19 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "高速安定接続",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "高速安定接続", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7サポート",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7サポート", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "クラウド連携",
|
||||
icon: Cloud,
|
||||
type: "text-icon", text: "クラウド連携", icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "セキュリティ強化",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "セキュリティ強化", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "全国対応",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "全国対応", icon: Globe,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -146,15 +107,10 @@ export default function LandingPage() {
|
||||
title="ポラリス通信が描く未来のコミュニケーション"
|
||||
buttons={[
|
||||
{
|
||||
text: "会社概要",
|
||||
href: "#company-info",
|
||||
},
|
||||
text: "会社概要", href: "#company-info"},
|
||||
{
|
||||
text: "私たちの理念",
|
||||
href: "#philosophy",
|
||||
},
|
||||
text: "私たちの理念", href: "#philosophy"},
|
||||
]}
|
||||
description="ポラリス通信株式会社は、先進的な通信インフラとデジタルソリューションを提供し、社会の発展に貢献しています。お客様のニーズに応じた最適なサービスを提案し、持続可能な成長をサポートします。私たちは常に最新技術を追求し、安全で効率的な情報伝達を実現します。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,32 +120,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "高速インターネット接続",
|
||||
description: "ギガビット級の超高速インターネットで、ビジネスの生産性を最大化します。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg",
|
||||
imageAlt: "高速インターネット接続アイコン",
|
||||
buttonIcon: "Wifi",
|
||||
title: "高速インターネット接続", description: "ギガビット級の超高速インターネットで、ビジネスの生産性を最大化します。", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg", imageAlt: "高速インターネット接続アイコン", buttonIcon: Wifi,
|
||||
},
|
||||
{
|
||||
title: "セキュアなVPNソリューション",
|
||||
description: "高度な暗号化技術を用いたVPNで、安全なリモートアクセス環境を構築します。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841659.jpg",
|
||||
imageAlt: "セキュアなVPNアイコン",
|
||||
buttonIcon: "Shield",
|
||||
title: "セキュアなVPNソリューション", description: "高度な暗号化技術を用いたVPNで、安全なリモートアクセス環境を構築します。", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841659.jpg", imageAlt: "セキュアなVPNアイコン", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "クラウドPBXシステム",
|
||||
description: "柔軟性と拡張性に優れたクラウドPBXで、通信コストを削減し業務効率を向上させます。",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/electronic-systems-security-convenience_98292-2533.jpg",
|
||||
imageAlt: "クラウドPBXアイコン",
|
||||
buttonIcon: "Cloud",
|
||||
title: "クラウドPBXシステム", description: "柔軟性と拡張性に優れたクラウドPBXで、通信コストを削減し業務効率を向上させます。", imageSrc: "http://img.b2bpic.net/free-vector/electronic-systems-security-convenience_98292-2533.jpg", imageAlt: "クラウドPBXアイコン", buttonIcon: Cloud,
|
||||
},
|
||||
{
|
||||
title: "データセンターサービス",
|
||||
description: "堅牢なセキュリティと安定した電源供給を誇るデータセンターで、大切なデータを保護します。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corridor-server-room-data-center_181624-61663.jpg",
|
||||
imageAlt: "データセンターアイコン",
|
||||
buttonIcon: "Server",
|
||||
title: "データセンターサービス", description: "堅牢なセキュリティと安定した電源供給を誇るデータセンターで、大切なデータを保護します。", imageSrc: "http://img.b2bpic.net/free-photo/corridor-server-room-data-center_181624-61663.jpg", imageAlt: "データセンターアイコン", buttonIcon: Server,
|
||||
},
|
||||
]}
|
||||
title="ポラリス通信の強みと提供サービス"
|
||||
@@ -202,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"テクノロジーソリューションズ",
|
||||
"グローバルネット",
|
||||
"デジタルイノベーション",
|
||||
"フューチャーテック",
|
||||
"コネクトビジョン",
|
||||
"情報システム",
|
||||
"クラウドエース",
|
||||
]}
|
||||
"テクノロジーソリューションズ", "グローバルネット", "デジタルイノベーション", "フューチャーテック", "コネクトビジョン", "情報システム", "クラウドエース"]}
|
||||
title="信頼されるパートナーシップ"
|
||||
description="ポラリス通信は、業界をリードする企業との強固なパートナーシップにより、お客様に最高のサービスを提供しています。"
|
||||
/>
|
||||
@@ -220,35 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "株式会社ABC 社長 山田太郎",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
imageAlt: "株式会社ABC 社長 山田太郎氏のポートレート",
|
||||
},
|
||||
id: "1", name: "株式会社ABC 社長 山田太郎", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", imageAlt: "株式会社ABC 社長 山田太郎氏のポートレート"},
|
||||
{
|
||||
id: "2",
|
||||
name: "合同会社DEF サービス部長 佐藤花子",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
|
||||
imageAlt: "合同会社DEF サービス部長 佐藤花子氏のポートレート",
|
||||
},
|
||||
id: "2", name: "合同会社DEF サービス部長 佐藤花子", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", imageAlt: "合同会社DEF サービス部長 佐藤花子氏のポートレート"},
|
||||
{
|
||||
id: "3",
|
||||
name: "有限会社GHI 経理担当 鈴木健太",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg",
|
||||
imageAlt: "有限会社GHI 経理担当 鈴木健太氏のポートレート",
|
||||
},
|
||||
id: "3", name: "有限会社GHI 経理担当 鈴木健太", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg", imageAlt: "有限会社GHI 経理担当 鈴木健太氏のポートレート"},
|
||||
{
|
||||
id: "4",
|
||||
name: "J&Kコンサルティング IT責任者 田中美香",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-smiling-posing-holding-folder-office_176420-963.jpg",
|
||||
imageAlt: "J&Kコンサルティング IT責任者 田中美香氏のポートレート",
|
||||
},
|
||||
id: "4", name: "J&Kコンサルティング IT責任者 田中美香", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-smiling-posing-holding-folder-office_176420-963.jpg", imageAlt: "J&Kコンサルティング IT責任者 田中美香氏のポートレート"},
|
||||
{
|
||||
id: "5",
|
||||
name: "LMNエージェンシー 広報担当 小林悟",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg",
|
||||
imageAlt: "LMNエージェンシー 広報担当 小林悟氏のポートレート",
|
||||
},
|
||||
id: "5", name: "LMNエージェンシー 広報担当 小林悟", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg", imageAlt: "LMNエージェンシー 広報担当 小林悟氏のポートレート"},
|
||||
]}
|
||||
cardTitle="お客様の声"
|
||||
cardTag="信頼と実績"
|
||||
@@ -264,33 +177,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "中村 悠真",
|
||||
role: "代表取締役社長",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-executive-with-businessmen-background_1098-3560.jpg",
|
||||
imageAlt: "中村 悠真氏のポートレート",
|
||||
},
|
||||
id: "1", name: "中村 悠真", role: "代表取締役社長", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-executive-with-businessmen-background_1098-3560.jpg", imageAlt: "中村 悠真氏のポートレート"},
|
||||
{
|
||||
id: "2",
|
||||
name: "田中 陽菜",
|
||||
role: "技術開発部長",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
imageAlt: "田中 陽菜氏のポートレート",
|
||||
},
|
||||
id: "2", name: "田中 陽菜", role: "技術開発部長", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "田中 陽菜氏のポートレート"},
|
||||
{
|
||||
id: "3",
|
||||
name: "小林 大輔",
|
||||
role: "営業統括部長",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-ipad-side-view_23-2150103627.jpg",
|
||||
imageAlt: "小林 大輔氏のポートレート",
|
||||
},
|
||||
id: "3", name: "小林 大輔", role: "営業統括部長", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-ipad-side-view_23-2150103627.jpg", imageAlt: "小林 大輔氏のポートレート"},
|
||||
{
|
||||
id: "4",
|
||||
name: "佐藤 美咲",
|
||||
role: "カスタマーサポート責任者",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097942.jpg",
|
||||
imageAlt: "佐藤 美咲氏のポートレート",
|
||||
},
|
||||
id: "4", name: "佐藤 美咲", role: "カスタマーサポート責任者", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097942.jpg", imageAlt: "佐藤 美咲氏のポートレート"},
|
||||
]}
|
||||
title="私たちのプロフェッショナルチーム"
|
||||
description="ポラリス通信の成功は、各分野の専門家からなる献身的なチームによって支えられています。お客様の課題解決に情熱を傾け、最高の成果を提供します。"
|
||||
@@ -303,35 +196,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "サービス導入までの流れを教えてください。",
|
||||
content: "まずはお客様のニーズをヒアリングし、最適なプランをご提案します。その後、詳細な見積もりと契約、導入作業へと進みます。",
|
||||
},
|
||||
id: "1", title: "サービス導入までの流れを教えてください。", content: "まずはお客様のニーズをヒアリングし、最適なプランをご提案します。その後、詳細な見積もりと契約、導入作業へと進みます。"},
|
||||
{
|
||||
id: "2",
|
||||
title: "料金体系はどのようになっていますか？",
|
||||
content: "サービス内容やご利用規模に応じて柔軟な料金プランをご用意しております。詳細はお見積もり時にご説明いたします。",
|
||||
},
|
||||
id: "2", title: "料金体系はどのようになっていますか？", content: "サービス内容やご利用規模に応じて柔軟な料金プランをご用意しております。詳細はお見積もり時にご説明いたします。"},
|
||||
{
|
||||
id: "3",
|
||||
title: "サポート体制はどのようになっていますか？",
|
||||
content: "専門のサポートチームが、24時間365日体制でお客様のビジネスを強力にバックアップします。",
|
||||
},
|
||||
id: "3", title: "サポート体制はどのようになっていますか？", content: "専門のサポートチームが、24時間365日体制でお客様のビジネスを強力にバックアップします。"},
|
||||
{
|
||||
id: "4",
|
||||
title: "現在の通信環境からの移行は可能ですか？",
|
||||
content: "はい、現在の環境を詳細に分析し、スムーズな移行計画をご提案させていただきます。",
|
||||
},
|
||||
id: "4", title: "現在の通信環境からの移行は可能ですか？", content: "はい、現在の環境を詳細に分析し、スムーズな移行計画をご提案させていただきます。"},
|
||||
{
|
||||
id: "5",
|
||||
title: "カスタマイズされたソリューションは提供可能ですか？",
|
||||
content: "はい、お客様の特定の要件に合わせて、柔軟なカスタマイズが可能です。まずはお気軽にご相談ください。",
|
||||
},
|
||||
id: "5", title: "カスタマイズされたソリューションは提供可能ですか？", content: "はい、お客様の特定の要件に合わせて、柔軟なカスタマイズが可能です。まずはお気軽にご相談ください。"},
|
||||
{
|
||||
id: "6",
|
||||
title: "セキュリティ対策は万全ですか？",
|
||||
content: "最新のセキュリティ技術と厳格な運用体制により、お客様の情報を最高のレベルで保護しています。",
|
||||
},
|
||||
id: "6", title: "セキュリティ対策は万全ですか？", content: "最新のセキュリティ技術と厳格な運用体制により、お客様の情報を最高のレベルで保護しています。"},
|
||||
]}
|
||||
title="よくあるご質問"
|
||||
description="ポラリス通信のサービスに関する一般的なご質問とその回答をご紹介します。ご不明な点がございましたら、お気軽にお問い合わせください。"
|
||||
@@ -343,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="お問い合わせ"
|
||||
title="未来の通信を今すぐ体験"
|
||||
description="ポラリス通信のサービスにご興味をお持ちいただけましたでしょうか。ご質問やご相談がございましたら、お気軽にお問い合わせください。専門スタッフが丁寧に対応いたします。"
|
||||
buttons={[
|
||||
{
|
||||
text: "お問い合わせフォームへ",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "お問い合わせフォームへ", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -361,58 +233,35 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "ナビゲーション",
|
||||
items: [
|
||||
title: "ナビゲーション", items: [
|
||||
{
|
||||
label: "ホーム",
|
||||
href: "#home",
|
||||
},
|
||||
label: "ホーム", href: "#home"},
|
||||
{
|
||||
label: "サービス",
|
||||
href: "#services",
|
||||
},
|
||||
label: "サービス", href: "#services"},
|
||||
{
|
||||
label: "会社概要",
|
||||
href: "#about",
|
||||
},
|
||||
label: "会社概要", href: "#about"},
|
||||
{
|
||||
label: "お問い合わせ",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "お問い合わせ", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "サービス",
|
||||
items: [
|
||||
title: "サービス", items: [
|
||||
{
|
||||
label: "高速インターネット",
|
||||
href: "#services",
|
||||
},
|
||||
label: "高速インターネット", href: "#services"},
|
||||
{
|
||||
label: "VPNソリューション",
|
||||
href: "#services",
|
||||
},
|
||||
label: "VPNソリューション", href: "#services"},
|
||||
{
|
||||
label: "クラウドPBX",
|
||||
href: "#services",
|
||||
},
|
||||
label: "クラウドPBX", href: "#services"},
|
||||
{
|
||||
label: "データセンター",
|
||||
href: "#services",
|
||||
},
|
||||
label: "データセンター", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "法務",
|
||||
items: [
|
||||
title: "法務", items: [
|
||||
{
|
||||
label: "プライバシーポリシー",
|
||||
href: "#privacy",
|
||||
},
|
||||
label: "プライバシーポリシー", href: "#privacy"},
|
||||
{
|
||||
label: "利用規約",
|
||||
href: "#terms",
|
||||
},
|
||||
label: "利用規約", href: "#terms"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user