Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "insights",
|
||||
},
|
||||
name: "Insights", id: "insights"},
|
||||
{
|
||||
name: "Join",
|
||||
id: "join",
|
||||
},
|
||||
name: "Join", id: "join"},
|
||||
]}
|
||||
brandName="KOPFIN"
|
||||
/>
|
||||
@@ -57,78 +47,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Where Capital Meets Intelligence"
|
||||
description="KOPFIN is Malaysia's premier fintech cooperative — uniting asset managers, distributors, and investors through sovereign-grade technology and collective financial wisdom."
|
||||
kpis={[
|
||||
{
|
||||
value: "$8B+",
|
||||
label: "Assets Under Management",
|
||||
},
|
||||
value: "$8B+", label: "Assets Under Management"},
|
||||
{
|
||||
value: "27",
|
||||
label: "AMC Members",
|
||||
},
|
||||
value: "27", label: "AMC Members"},
|
||||
{
|
||||
value: "10yr",
|
||||
label: "SEA Presence",
|
||||
},
|
||||
value: "10yr", label: "SEA Presence"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Est. 2015 · Kuala Lumpur"
|
||||
buttons={[
|
||||
{
|
||||
text: "Become a Member",
|
||||
href: "#join",
|
||||
},
|
||||
text: "Become a Member", href: "#join"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-papers-standing-isolated-blue_1303-29761.jpg",
|
||||
alt: "Executive",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-papers-standing-isolated-blue_1303-29761.jpg", alt: "Executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
alt: "Expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
alt: "Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
alt: "Consultant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", alt: "Consultant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-calculating-his-monthly-expenses_329181-20656.jpg",
|
||||
alt: "Analyst",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-calculating-his-monthly-expenses_329181-20656.jpg", alt: "Analyst"},
|
||||
]}
|
||||
avatarText="Join 500+ Financial Professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Secured Transactions",
|
||||
},
|
||||
type: "text", text: "Secured Transactions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cooperative Model",
|
||||
},
|
||||
type: "text", text: "Cooperative Model"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regulatory Compliant",
|
||||
},
|
||||
type: "text", text: "Regulatory Compliant"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Standards",
|
||||
},
|
||||
type: "text", text: "Global Standards"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,9 +99,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Collective Prosperity"
|
||||
description={[
|
||||
"KOPFIN is a cooperative intelligence network — where every member contributes to and draws from a shared pool of financial infrastructure.",
|
||||
"Regulated, trusted, and deeply rooted in Malaysia's financial ecosystem, KOPFIN serves as the backbone for asset managers and wealth firms.",
|
||||
]}
|
||||
"KOPFIN is a cooperative intelligence network — where every member contributes to and draws from a shared pool of financial infrastructure.", "Regulated, trusted, and deeply rooted in Malaysia's financial ecosystem, KOPFIN serves as the backbone for asset managers and wealth firms."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,35 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fund Registry",
|
||||
description: "Full-spectrum RTA platform supporting mutual funds and pension funds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=2",
|
||||
},
|
||||
title: "Fund Registry", description: "Full-spectrum RTA platform supporting mutual funds and pension funds.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
title: "Fund Accounting",
|
||||
description: "Multi-currency FA solutions for all asset classes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=3",
|
||||
},
|
||||
title: "Fund Accounting", description: "Multi-currency FA solutions for all asset classes.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
title: "Digital Platform",
|
||||
description: "Omnichannel investor onboarding and management system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=4",
|
||||
},
|
||||
title: "Digital Platform", description: "Omnichannel investor onboarding and management system.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
title: "AMC Incubation",
|
||||
description: "End-to-end support for new asset managers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=5",
|
||||
},
|
||||
title: "AMC Incubation", description: "End-to-end support for new asset managers.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
title: "Coop Network",
|
||||
description: "Member-exclusive market intelligence access.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=6",
|
||||
},
|
||||
title: "Coop Network", description: "Member-exclusive market intelligence access.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
title: "Compliance Tech",
|
||||
description: "Automated AML/CFT and regulatory reporting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=7",
|
||||
},
|
||||
title: "Compliance Tech", description: "Automated AML/CFT and regulatory reporting.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
]}
|
||||
title="Six Pillars of Financial Excellence"
|
||||
description="Designed as a cooperative module — you access what you need and benefit from collective intelligence."
|
||||
@@ -194,33 +135,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "$8B",
|
||||
title: "Total AUM",
|
||||
description: "Managed across all partners",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=8",
|
||||
},
|
||||
id: "1", value: "$8B", title: "Total AUM", description: "Managed across all partners", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "27",
|
||||
title: "AMCs",
|
||||
description: "Active members in network",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=9",
|
||||
},
|
||||
id: "2", value: "27", title: "AMCs", description: "Active members in network", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "130M",
|
||||
title: "Folios",
|
||||
description: "Total investor accounts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=10",
|
||||
},
|
||||
id: "3", value: "130M", title: "Folios", description: "Total investor accounts", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Platform reliability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=11",
|
||||
},
|
||||
id: "4", value: "99.9%", title: "Uptime", description: "Platform reliability", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Real-time metrics powering our cooperative growth."
|
||||
@@ -231,47 +152,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmad Rashid",
|
||||
handle: "@amanah",
|
||||
testimonial: "KOPFIN's platform reduced our processing time by 70%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-papers-standing-isolated-blue_1303-29761.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmad Rashid", handle: "@amanah", testimonial: "KOPFIN's platform reduced our processing time by 70%.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-papers-standing-isolated-blue_1303-29761.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lim",
|
||||
handle: "@horizon",
|
||||
testimonial: "The incubation programme was transformative for our launch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Lim", handle: "@horizon", testimonial: "The incubation programme was transformative for our launch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Faridah Haji",
|
||||
handle: "@waqaf",
|
||||
testimonial: "Shariah-compliant automation is truly purpose-built.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
id: "3", name: "Faridah Haji", handle: "@waqaf", testimonial: "Shariah-compliant automation is truly purpose-built.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Tan",
|
||||
handle: "@wealth",
|
||||
testimonial: "The cooperative model is a massive competitive advantage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
},
|
||||
id: "4", name: "David Tan", handle: "@wealth", testimonial: "The cooperative model is a massive competitive advantage.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Chan",
|
||||
handle: "@growth",
|
||||
testimonial: "Incredible infrastructure for regional expansion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-calculating-his-monthly-expenses_329181-20656.jpg",
|
||||
},
|
||||
id: "5", name: "Emily Chan", handle: "@growth", testimonial: "Incredible infrastructure for regional expansion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-calculating-his-monthly-expenses_329181-20656.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Member Voices"
|
||||
@@ -283,20 +180,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join Today"
|
||||
title="Ready to join the KOPFIN Cooperative?"
|
||||
description="Become part of Southeast Asia's most sophisticated financial cooperative network."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply for Membership",
|
||||
href: "#join",
|
||||
},
|
||||
text: "Apply for Membership", href: "#join"},
|
||||
{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Consultation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,46 +198,29 @@ export default function LandingPage() {
|
||||
logoText="KOPFIN"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Fund Registry",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fund Registry", href: "#"},
|
||||
{
|
||||
label: "Accounting",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accounting", href: "#"},
|
||||
{
|
||||
label: "Compliance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Compliance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Cooperative",
|
||||
items: [
|
||||
title: "Cooperative", items: [
|
||||
{
|
||||
label: "Tiers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tiers", href: "#"},
|
||||
{
|
||||
label: "Dividends",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dividends", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user