From 2d5bf356bd26fa3604ac0cc07aef309a199c3ca3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 17:47:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 260 +++++++++--------------------------------------
 1 file changed, 49 insertions(+), 211 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0e570b3..2a669b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "System",
-          id: "features",
-        },
-        {
-          name: "Mentors",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "hero" },
+        { name: "System", id: "features" },
+        { name: "Mentors", id: "testimonials" },
+        { name: "FAQ", id: "faq" }
       ]}
       brandName="Obin Academy"
     />
@@ -55,64 +43,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Learn it. Build it. Monetize it."
       description="Obin Academy is Africa’s premier system for learning how to make money, build businesses, and create income online—starting from zero."
-      buttons={[
-        {
-          text: "Start Transformation",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mirrors-blue-table-isolated-orange_171337-13168.jpg?_wi=1"
+      buttons={[{ text: "Start Transformation", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/mirrors-blue-table-isolated-orange_171337-13168.jpg"
       imageAlt="tech dashboard ui dark mode"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg",
-          alt: "Attractive blond business woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14684.jpg",
-          alt: "Studio portrait of serious, bearded male",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-holding-hands-with-confident-face-white-background_1258-103959.jpg",
-          alt: "Business Concept Portrait Handsome Business man",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg",
-          alt: "Gorgeous indian woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
-          alt: "Front view portrait of beautiful woman",
-        },
+        { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg", alt: "Attractive blond business woman" },
+        { src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14684.jpg", alt: "Studio portrait of serious, bearded male" },
+        { src: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-holding-hands-with-confident-face-white-background_1258-103959.jpg", alt: "Business Concept Portrait Handsome Business man" },
+        { src: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg", alt: "Gorgeous indian woman" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "Front view portrait of beautiful woman" }
       ]}
       avatarText="Join 5,000+ ambitious creators"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Financial Freedom",
-        },
-        {
-          type: "text",
-          text: "Business Scaling",
-        },
-        {
-          type: "text",
-          text: "Digital Assets",
-        },
-        {
-          type: "text",
-          text: "Wealth Creation",
-        },
-        {
-          type: "text",
-          text: "Execution Focus",
-        },
+        { type: "text", text: "Financial Freedom" },
+        { type: "text", text: "Business Scaling" },
+        { type: "text", text: "Digital Assets" },
+        { type: "text", text: "Wealth Creation" },
+        { type: "text", text: "Execution Focus" }
       ]}
     />
   </div>
@@ -125,7 +76,7 @@ export default function LandingPage() {
       description="Traditional systems prepare you to qualify for employment. Obin Academy trains you to build independent income streams."
       subdescription="We replace academic theory with practical financial systems for the digital economy."
       icon={GraduationCap}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-working-together_23-2149337243.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-working-together_23-2149337243.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -137,29 +88,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Financial Mastery",
-          description: "Building control over money mechanics and personal finance discipline.",
-          bentoComponent: "reveal-icon",
-          icon: Wallet,
-          imageSrc: "http://img.b2bpic.net/free-photo/analysis-text-frame_53876-120801.jpg",
-          imageAlt: "rising bar chart 3d icon",
+          title: "Financial Mastery",          description: "Building control over money mechanics and personal finance discipline.",          bentoComponent: "reveal-icon",          icon: Wallet
         },
         {
-          title: "Business Mastery",
-          description: "Identifying opportunities and converting ideas into cash flow.",
-          bentoComponent: "reveal-icon",
-          icon: Briefcase,
-          imageSrc: "http://img.b2bpic.net/free-photo/mirrors-blue-table-isolated-orange_171337-13168.jpg?_wi=2",
-          imageAlt: "rising bar chart 3d icon",
+          title: "Business Mastery",          description: "Identifying opportunities and converting ideas into cash flow.",          bentoComponent: "reveal-icon",          icon: Briefcase
         },
         {
-          title: "Digital Economy",
-          description: "Leveraging online platforms to scale beyond geographical limits.",
-          bentoComponent: "reveal-icon",
-          icon: Globe,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-working-together_23-2149337243.jpg?_wi=2",
-          imageAlt: "rising bar chart 3d icon",
-        },
+          title: "Digital Economy",          description: "Leveraging online platforms to scale beyond geographical limits.",          bentoComponent: "reveal-icon",          icon: Globe
+        }
       ]}
       title="The Obin Academy Architecture"
       description="Three campuses focused on critical stages of financial development."
@@ -168,25 +104,14 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          description: "Practical Execution",
-        },
-        {
-          id: "m2",
-          value: "0",
-          description: "Theoretical Waste",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Mentorship Access",
-        },
+        { id: "m1", value: "100%", description: "Practical Execution" },
+        { id: "m2", value: "0", description: "Theoretical Waste" },
+        { id: "m3", value: "24/7", description: "Mentorship Access" }
       ]}
       title="Transformation by the Numbers"
       description="Our focus is not participation, but measurable outcomes."
@@ -199,41 +124,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          testimonial: "Obin Academy changed how I manage my finances.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13647.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Entrepreneur",
-          testimonial: "The business mastery campus is world-class.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman_23-2148006217.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Digital Nomad",
-          testimonial: "Learned to monetize my knowledge efficiently.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-bruises_1098-1086.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Startup Founder",
-          testimonial: "No more theory, only results and execution.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-reading-book-standing-against-wallpaper_23-2148066781.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Okafor",
-          role: "Business Leader",
-          testimonial: "The mentorship standard here is incredible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-earphones_23-2148938321.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Obin Academy changed how I manage my finances.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13647.jpg" },
+        { id: "2", name: "Michael Chen", role: "Entrepreneur", testimonial: "The business mastery campus is world-class.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman_23-2148006217.jpg" },
+        { id: "3", name: "Emily Rodriguez", role: "Digital Nomad", testimonial: "Learned to monetize my knowledge efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-bruises_1098-1086.jpg" },
+        { id: "4", name: "David Kim", role: "Startup Founder", testimonial: "No more theory, only results and execution.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-reading-book-standing-against-wallpaper_23-2148066781.jpg" },
+        { id: "5", name: "Linda Okafor", role: "Business Leader", testimonial: "The mentorship standard here is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-earphones_23-2148938321.jpg" }
       ]}
       title="Results-Driven Mentorship"
       description="Direct access to mentors who have successfully built systems."
@@ -244,21 +139,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Who is this for?",
-          content: "For anyone ready to build, earn, and control their financial future.",
-        },
-        {
-          id: "f2",
-          title: "Do I need experience?",
-          content: "No, we start from zero. The system is designed to build capability.",
-        },
-        {
-          id: "f3",
-          title: "How is this different?",
-          content: "We prioritize execution and results over traditional credentials.",
-        },
+        { id: "f1", title: "Who is this for?", content: "For anyone ready to build, earn, and control their financial future." },
+        { id: "f2", title: "Do I need experience?", content: "No, we start from zero. The system is designed to build capability." },
+        { id: "f3", title: "How is this different?", content: "We prioritize execution and results over traditional credentials." }
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Everything you need to know about our system."
@@ -268,41 +151,15 @@ export default function LandingPage() {
 
   <div id="blog" data-section="blog">
       <BlogCardThree
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Academy Insights"
       description="The latest on financial freedom and building in the digital economy."
       blogs={[
-        {
-          id: "b1",
-          category: "Financial",
-          title: "Why Salary Dependence is Vulnerability",
-          excerpt: "The hidden reality of relying on a single income stream.",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
-          date: "Oct 24, 2024",
-        },
-        {
-          id: "b2",
-          category: "System",
-          title: "Execution: The Missing Link",
-          excerpt: "Why information without action holds no value.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-stairs-with-laptop_23-2149462108.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg",
-          date: "Oct 22, 2024",
-        },
-        {
-          id: "b3",
-          category: "Digital",
-          title: "Scaling Beyond Borders",
-          excerpt: "How to monetize skills in the connected world.",
-          imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-phone-wallpaper-technology-concept-connecting-dots-design_53876-160212.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
-          date: "Oct 20, 2024",
-        },
+        { id: "b1", category: "Financial", title: "Why Salary Dependence is Vulnerability", excerpt: "The hidden reality of relying on a single income stream.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", date: "Oct 24, 2024" },
+        { id: "b2", category: "System", title: "Execution: The Missing Link", excerpt: "Why information without action holds no value.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-stairs-with-laptop_23-2149462108.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg", date: "Oct 22, 2024" },
+        { id: "b3", category: "Digital", title: "Scaling Beyond Borders", excerpt: "How to monetize skills in the connected world.", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-phone-wallpaper-technology-concept-connecting-dots-design_53876-160212.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", date: "Oct 20, 2024" }
       ]}
     />
   </div>
@@ -310,9 +167,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get Started"
       title="Begin Your Transformation"
       description="Enter a system that trains you to build, earn, and control your financial future."
@@ -326,35 +181,18 @@ export default function LandingPage() {
       logoText="Obin Academy"
       columns={[
         {
-          title: "Academy",
-          items: [
-            {
-              label: "System Architecture",
-              href: "#features",
-            },
-            {
-              label: "Mentorship",
-              href: "#testimonials",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
+          title: "Academy",          items: [
+            { label: "System Architecture", href: "#features" },
+            { label: "Mentorship", href: "#testimonials" },
+            { label: "FAQ", href: "#faq" }
+          ]
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms", href: "#" }
+          ]
+        }
       ]}
       copyrightText="© 2024 Obin Academy. All rights reserved."
     />
-- 
2.49.1