Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "ホーム", id: "hero" },
|
||||
{ name: "メリット", id: "features" },
|
||||
{ name: "ご利用の流れ", id: "process" },
|
||||
{ name: "よくある質問", id: "faq" },
|
||||
]}
|
||||
brandName="Rakuten Mobile"
|
||||
/>
|
||||
@@ -54,43 +42,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Refer Talent, Earn Rewards, Grow Together"
|
||||
description="Help us find exceptional team members and unlock exclusive benefits. Your network is our greatest resource."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Referral",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="才能を推薦し、報酬を得て、共に成長しよう"
|
||||
description="優れたチームメンバーを見つけるお手伝いを。あなたのネットワークは私たちの最大の財産です。"
|
||||
buttons={[{ text: "紹介を始める", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-engaging-planning-session-with-realtor-contractor_482257-91033.jpg",
|
||||
imageAlt: "Professional collaboration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg",
|
||||
imageAlt: "Futuristic workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg",
|
||||
imageAlt: "Digital connectivity",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/succesful-businesswomen-giving-high-five_53876-15136.jpg",
|
||||
imageAlt: "Team celebration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-tablet_23-2148236835.jpg",
|
||||
imageAlt: "Designer workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333691.jpg",
|
||||
imageAlt: "Professional networking",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-engaging-planning-session-with-realtor-contractor_482257-91033.jpg", imageAlt: "プロフェッショナルな協力" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg", imageAlt: "未来的なワークスペース" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg", imageAlt: "デジタルの接続" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/succesful-businesswomen-giving-high-five_53876-15136.jpg", imageAlt: "チームの祝賀" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-tablet_23-2148236835.jpg", imageAlt: "デザイナーのワークスペース" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333691.jpg", imageAlt: "ビジネスネットワーキング" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,36 +64,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Generous Bonuses",
|
||||
tags: [
|
||||
"Financial",
|
||||
"Rewards",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/winning-awards-tromphies-badges-set_23-2147494033.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Talent Network",
|
||||
tags: [
|
||||
"Networking",
|
||||
"Connection",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-community-paper-hand-craft-element_53876-128925.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Career Growth",
|
||||
tags: [
|
||||
"Professional",
|
||||
"Development",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/risk-protection-eliminating-risk-top-view_185193-110227.jpg",
|
||||
},
|
||||
{ id: "f1", title: "豪華なボーナス", tags: ["金融", "報酬"], imageSrc: "http://img.b2bpic.net/free-vector/winning-awards-tromphies-badges-set_23-2147494033.jpg" },
|
||||
{ id: "f2", title: "人材ネットワーク", tags: ["ネットワーキング", "コネクション"], imageSrc: "http://img.b2bpic.net/free-photo/happy-community-paper-hand-craft-element_53876-128925.jpg" },
|
||||
{ id: "f3", title: "キャリアの成長", tags: ["プロフェッショナル", "成長"], imageSrc: "http://img.b2bpic.net/free-photo/risk-protection-eliminating-risk-top-view_185193-110227.jpg" },
|
||||
]}
|
||||
title="Why Refer?"
|
||||
description="Unlock significant benefits while helping your peers join our mission-driven team."
|
||||
title="紹介する理由は？"
|
||||
description="あなたの仲間が私たちのミッション主導型チームに参加する手助けをしながら、大きな特典を受け取りましょう。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,30 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
title: "Submit Form",
|
||||
description: "Quickly enter candidate details.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "HR Review",
|
||||
description: "Our team reviews your referral.",
|
||||
icon: Search,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Earn Reward",
|
||||
description: "Get bonus upon hire success.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "1", title: "フォーム送信", description: "候補者の詳細を簡単に入力。", icon: CheckCircle },
|
||||
{ id: "m2", value: "2", title: "HRによる選考", description: "チームが紹介内容を確認。", icon: Search },
|
||||
{ id: "m3", value: "3", title: "報酬獲得", description: "採用成功でボーナスを支給。", icon: Award },
|
||||
]}
|
||||
title="Simple Referral Path"
|
||||
description="Get started in 3 quick steps."
|
||||
title="シンプルな紹介ルート"
|
||||
description="3つのステップで簡単に開始。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,34 +93,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg" },
|
||||
{ id: "5", name: "Anna Smith", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
|
||||
]}
|
||||
cardTitle="Success Stories"
|
||||
cardTag="Employee Experience"
|
||||
cardTitle="成功事例"
|
||||
cardTag="従業員体験"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -209,24 +110,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Who can I refer?",
|
||||
content: "You can refer any qualified candidate who fits our open roles.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How much is the bonus?",
|
||||
content: "Bonuses vary by role level and are paid after the candidate's probationary period.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I refer multiple people?",
|
||||
content: "Absolutely! We encourage multiple referrals.",
|
||||
},
|
||||
{ id: "q1", title: "誰を紹介できますか？", content: "募集中の職種に適合する資格のある候補者なら誰でも紹介可能です。" },
|
||||
{ id: "q2", title: "ボーナスはいくらですか？", content: "職種レベルによって異なり、候補者の試用期間終了後に支給されます。" },
|
||||
{ id: "q3", title: "複数人紹介できますか？", content: "もちろん！複数の紹介を歓迎しています。" },
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions about the referral program."
|
||||
title="ヘルプが必要ですか？"
|
||||
description="紹介プログラムに関するよくある質問。"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -235,67 +124,28 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Rakuten Tech",
|
||||
"Mobile Innovations",
|
||||
"Network Solutions",
|
||||
"Digital Future",
|
||||
"Data Systems",
|
||||
"Strategic Partners",
|
||||
"Cloud Dynamics",
|
||||
]}
|
||||
title="Join Our Partner Network"
|
||||
description="Connecting talent across our global ecosystem."
|
||||
names={["Rakuten Tech", "Mobile Innovations", "Network Solutions", "Digital Future", "Data Systems", "Strategic Partners", "Cloud Dynamics"]}
|
||||
title="パートナーネットワークに参加"
|
||||
description="グローバルなエコシステム全体で人材を繋ぎます。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Refer Today"
|
||||
title="Ready to Start?"
|
||||
description="Help us grow our team and be rewarded today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Submit Referral Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="今すぐ紹介"
|
||||
title="始める準備はできましたか？"
|
||||
description="チームの成長を支援し、今日報酬を受け取りましょう。"
|
||||
buttons={[{ text: "紹介を送信", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Guidelines",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reward Tiers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "リソース", items: [{ label: "ガイドライン", href: "#" }, { label: "報酬ティア", href: "#" }] },
|
||||
{ title: "会社情報", items: [{ label: "採用情報", href: "#" }, { label: "プライバシーポリシー", href: "#" }] },
|
||||
]}
|
||||
logoText="Rakuten Mobile"
|
||||
copyrightText="© 2025 Rakuten Mobile"
|
||||
@@ -304,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user