Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Globe, Smartphone, UserCheck } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="大和証券"
|
||||
/>
|
||||
@@ -60,14 +46,8 @@ export default function LandingPage() {
|
||||
logoText="大和証券"
|
||||
description="信頼と実績で、あなたの未来を豊かに。大和証券は、お客様一人ひとりに最適な資産運用をご提案します。"
|
||||
buttons={[
|
||||
{
|
||||
text: "口座開設",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "商品詳細",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "口座開設", href: "#contact" },
|
||||
{ text: "商品詳細", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-469.jpg"
|
||||
imageAlt="Daiwa Securities Hero Background"
|
||||
@@ -80,36 +60,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120年",
|
||||
title: "創業の歴史",
|
||||
items: [
|
||||
"長年の信頼",
|
||||
"安定の経営",
|
||||
"確かな実績",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200万人",
|
||||
title: "口座開設数",
|
||||
items: [
|
||||
"多くのお客様",
|
||||
"選ばれる理由",
|
||||
"全国展開",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "業界トップ級",
|
||||
title: "資産管理残高",
|
||||
items: [
|
||||
"安心の資産運用",
|
||||
"プロの分析",
|
||||
"多様な選択肢",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "120年", title: "創業の歴史", items: ["長年の信頼", "安定の経営", "確かな実績"] },
|
||||
{ id: "m2", value: "200万人", title: "口座開設数", items: ["多くのお客様", "選ばれる理由", "全国展開"] },
|
||||
{ id: "m3", value: "業界トップ級", title: "資産管理残高", items: ["安心の資産運用", "プロの分析", "多様な選択肢"] },
|
||||
]}
|
||||
title="信頼の数字"
|
||||
description="創業以来積み重ねてきた実績と信頼の証。"
|
||||
@@ -121,30 +74,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "強固なセキュリティ",
|
||||
description: "高度な暗号化技術で、お客様の資産と個人情報を厳重に守ります。",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-employed-man-shopping-clothes-online-home_482257-75330.jpg",
|
||||
},
|
||||
{
|
||||
title: "グローバルな知見",
|
||||
description: "世界中の市場情報を分析し、最適な投資戦略をアドバイスいたします。",
|
||||
buttonIcon: "Globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-economic-growth-business-success_84443-83789.jpg",
|
||||
},
|
||||
{
|
||||
title: "デジタルサポート",
|
||||
description: "アプリやWebツールで、いつでもどこでもスムーズな運用体験を提供。",
|
||||
buttonIcon: "Smartphone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-asia-businessman-businesswoman-using-computer-presentation-communication-meeting-brainstorming-ideas_7861-3141.jpg",
|
||||
},
|
||||
{
|
||||
title: "専門家のサポート",
|
||||
description: "専任のコンサルタントが、長期的な資産形成を親身にサポート。",
|
||||
buttonIcon: "UserCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-13959.jpg",
|
||||
},
|
||||
{ title: "強固なセキュリティ", description: "高度な暗号化技術で、お客様の資産と個人情報を厳重に守ります。", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/self-employed-man-shopping-clothes-online-home_482257-75330.jpg" },
|
||||
{ title: "グローバルな知見", description: "世界中の市場情報を分析し、最適な投資戦略をアドバイスいたします。", buttonIcon: Globe, imageSrc: "http://img.b2bpic.net/free-photo/global-economic-growth-business-success_84443-83789.jpg" },
|
||||
{ title: "デジタルサポート", description: "アプリやWebツールで、いつでもどこでもスムーズな運用体験を提供。", buttonIcon: Smartphone, imageSrc: "http://img.b2bpic.net/free-photo/group-asia-businessman-businesswoman-using-computer-presentation-communication-meeting-brainstorming-ideas_7861-3141.jpg" },
|
||||
{ title: "専門家のサポート", description: "専任のコンサルタントが、長期的な資産形成を親身にサポート。", buttonIcon: UserCheck, imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-13959.jpg" },
|
||||
]}
|
||||
title="大和証券の強み"
|
||||
description="お客様の多様なニーズに応える、充実したサービスとサポート体制。"
|
||||
@@ -158,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "国内株式",
|
||||
price: "手数料0円〜",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-coffee-copy-space-laptop-desktop-paper_1418-50.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "外国債券",
|
||||
price: "安定の運用",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-saving-jar-counting_23-2148294855.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "投資信託",
|
||||
price: "100円から",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-information-board-graphic_53876-121140.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "個人年金",
|
||||
price: "将来への備え",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piggybank-near-retirement-glass-container-full-coins_23-2147919365.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "不動産投資",
|
||||
price: "安定資産",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-coins-house_23-2148773932.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "ETF",
|
||||
price: "効率的運用",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-multi-colored-graph-surrounding-finance-word-white-background_23-2147892179.jpg",
|
||||
},
|
||||
{ id: "p1", name: "国内株式", price: "手数料0円〜", imageSrc: "http://img.b2bpic.net/free-photo/office-coffee-copy-space-laptop-desktop-paper_1418-50.jpg" },
|
||||
{ id: "p2", name: "外国債券", price: "安定の運用", imageSrc: "http://img.b2bpic.net/free-photo/man-with-saving-jar-counting_23-2148294855.jpg" },
|
||||
{ id: "p3", name: "投資信託", price: "100円から", imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-information-board-graphic_53876-121140.jpg" },
|
||||
{ id: "p4", name: "個人年金", price: "将来への備え", imageSrc: "http://img.b2bpic.net/free-photo/piggybank-near-retirement-glass-container-full-coins_23-2147919365.jpg" },
|
||||
{ id: "p5", name: "不動産投資", price: "安定資産", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-coins-house_23-2148773932.jpg" },
|
||||
{ id: "p6", name: "ETF", price: "効率的運用", imageSrc: "http://img.b2bpic.net/free-photo/various-multi-colored-graph-surrounding-finance-word-white-background_23-2147892179.jpg" },
|
||||
]}
|
||||
title="多彩な商品ラインナップ"
|
||||
description="お客様のライフプランに合わせた最適な商品をご提案します。"
|
||||
@@ -205,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "安心感がありました",
|
||||
quote: "担当の方が親身になって相談に乗ってくれたので、安心して投資を始められました。",
|
||||
name: "佐藤 健一",
|
||||
role: "会社員",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "資産管理がスムーズ",
|
||||
quote: "Webサイトが使いやすく、日々の運用状況を確認するのが楽しみです。",
|
||||
name: "鈴木 美咲",
|
||||
role: "起業家",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "老後の備えとして",
|
||||
quote: "丁寧な説明のおかげで、将来への見通しが明確になり安心しました。",
|
||||
name: "田中 誠",
|
||||
role: "退職者",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-middle-aged-woman_169016-26993.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "情報が充実している",
|
||||
quote: "市場動向レポートが非常に役に立ち、運用に活かせています。",
|
||||
name: "高橋 智子",
|
||||
role: "個人事業主",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "サポートが手厚い",
|
||||
quote: "初めての証券投資でしたが、細かい質問にも答えてくれて助かりました。",
|
||||
name: "伊藤 裕",
|
||||
role: "公務員",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-boss-congratulating-woman-with-promotion_1262-5006.jpg",
|
||||
},
|
||||
{ id: "t1", title: "安心感がありました", quote: "担当の方が親身になって相談に乗ってくれたので、安心して投資を始められました。", name: "佐藤 健一", role: "会社員", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg" },
|
||||
{ id: "t2", title: "資産管理がスムーズ", quote: "Webサイトが使いやすく、日々の運用状況を確認するのが楽しみです。", name: "鈴木 美咲", role: "起業家", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg" },
|
||||
{ id: "t3", title: "老後の備えとして", quote: "丁寧な説明のおかげで、将来への見通しが明確になり安心しました。", name: "田中 誠", role: "退職者", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-middle-aged-woman_169016-26993.jpg" },
|
||||
{ id: "t4", title: "情報が充実している", quote: "市場動向レポートが非常に役に立ち、運用に活かせています。", name: "高橋 智子", role: "個人事業主", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
{ id: "t5", title: "サポートが手厚い", quote: "初めての証券投資でしたが、細かい質問にも答えてくれて助かりました。", name: "伊藤 裕", role: "公務員", imageSrc: "http://img.b2bpic.net/free-photo/excited-boss-congratulating-woman-with-promotion_1262-5006.jpg" },
|
||||
]}
|
||||
title="お客様の声"
|
||||
description="多くのお客様から選ばれ続けています。"
|
||||
@@ -256,26 +124,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "口座開設には何が必要ですか？",
|
||||
content: "本人確認書類とマイナンバーカードがあれば、オンラインで簡単にお申し込みいただけます。",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "最低投資金額はいくらからですか？",
|
||||
content: "投資信託であれば100円からスタート可能です。お客様のご予算に合わせてお選びいただけます。",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "手数料はどれくらいかかりますか？",
|
||||
content: "商品やサービスによって異なります。詳細はWebサイトの料金表をご覧ください。",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "専任担当者は付きますか？",
|
||||
content: "お客様の運用状況や目標に合わせて、適切なサポート体制をご案内いたします。",
|
||||
},
|
||||
{ id: "q1", title: "口座開設には何が必要ですか？", content: "本人確認書類とマイナンバーカードがあれば、オンラインで簡単にお申し込みいただけます。" },
|
||||
{ id: "q2", title: "最低投資金額はいくらからですか？", content: "投資信託であれば100円からスタート可能です。お客様のご予算に合わせてお選びいただけます。" },
|
||||
{ id: "q3", title: "手数料はどれくらいかかりますか？", content: "商品やサービスによって異なります。詳細はWebサイトの料金表をご覧ください。" },
|
||||
{ id: "q4", title: "専任担当者は付きますか？", content: "お客様の運用状況や目標に合わせて、適切なサポート体制をご案内いたします。" },
|
||||
]}
|
||||
title="よくある質問"
|
||||
description="初めての方から経験者の方まで、よく寄せられる疑問にお答えします。"
|
||||
@@ -286,73 +138,18 @@ 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>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "サービス",
|
||||
items: [
|
||||
{
|
||||
label: "国内株式",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "投資信託",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "債券",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "サポート",
|
||||
items: [
|
||||
{
|
||||
label: "口座開設",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "お問い合わせ",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "よくある質問",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "企業情報",
|
||||
items: [
|
||||
{
|
||||
label: "会社概要",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "採用情報",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "プライバシー",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "サービス", items: [{ label: "国内株式", href: "#products" }, { label: "投資信託", href: "#products" }, { label: "債券", href: "#products" }] },
|
||||
{ title: "サポート", items: [{ label: "口座開設", href: "#contact" }, { label: "お問い合わせ", href: "#contact" }, { label: "よくある質問", href: "#faq" }] },
|
||||
{ title: "企業情報", items: [{ label: "会社概要", href: "#" }, { label: "採用情報", href: "#" }, { label: "プライバシー", href: "#" }] },
|
||||
]}
|
||||
logoText="大和証券"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user