234 lines
11 KiB
TypeScript
234 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Process", id: "process"},
|
|
{
|
|
name: "Insights", id: "insights"},
|
|
{
|
|
name: "Join", id: "join"},
|
|
]}
|
|
brandName="KOPFIN"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
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: "27", label: "AMC Members"},
|
|
{
|
|
value: "10yr", label: "SEA Presence"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Est. 2015 · Kuala Lumpur"
|
|
buttons={[
|
|
{
|
|
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"
|
|
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/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/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"},
|
|
]}
|
|
avatarText="Join 500+ Financial Professionals"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Secured Transactions"},
|
|
{
|
|
type: "text", text: "Real-time Analytics"},
|
|
{
|
|
type: "text", text: "Cooperative Model"},
|
|
{
|
|
type: "text", text: "Regulatory Compliant"},
|
|
{
|
|
type: "text", text: "Global Standards"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
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."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="two-columns-alternating-heights"
|
|
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 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: "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: "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: "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: "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="Six Pillars of Financial Excellence"
|
|
description="Designed as a cooperative module — you access what you need and benefit from collective intelligence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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: "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: "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: "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"},
|
|
]}
|
|
title="Impact at Scale"
|
|
description="Real-time metrics powering our cooperative growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<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: "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: "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"},
|
|
]}
|
|
showRating={true}
|
|
title="Member Voices"
|
|
description="Trusted by those building Malaysia's future."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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: "Consultation", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="KOPFIN"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Fund Registry", href: "#"},
|
|
{
|
|
label: "Accounting", href: "#"},
|
|
{
|
|
label: "Compliance", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Cooperative", items: [
|
|
{
|
|
label: "Tiers", href: "#"},
|
|
{
|
|
label: "Dividends", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2026 KOPFIN Cooperative Financial Intelligence Sdn. Bhd."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|