From 57a2abdee39c27c7f168ca9883e5f633e94fb0c0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 16:16:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 237 +++++++++++------------------------------------
 1 file changed, 56 insertions(+), 181 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 96c42d1..e2d5b6f 100644
--- a/src/app/page.tsx
+++ b/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: "#"},
           ],
         },
       ]}