From 017b19dd16c59b46a771e18deda47816da0f2500 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 15:43:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 318 ++++++++++-------------------------------------
 1 file changed, 65 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 17f3b9b..c33152a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Skills",
-          id: "#skills",
-        },
+          name: "Skills",          id: "#skills"},
         {
-          name: "Projects",
-          id: "#projects",
-        },
+          name: "Projects",          id: "#projects"},
         {
-          name: "Timeline",
-          id: "#timeline",
-        },
+          name: "Timeline",          id: "#timeline"},
         {
-          name: "Certifications",
-          id: "#certifications",
-        },
+          name: "Certifications",          id: "#certifications"},
         {
-          name: "AI Playground",
-          id: "#ai-playground",
-        },
+          name: "AI Playground",          id: "#ai-playground"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="WILLSON"
     />
@@ -72,64 +56,39 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroCentered
       background={{
-        variant: "downward-rays-animated",
-      }}
+        variant: "downward-rays-animated"}}
       title="WILLSON"
       description="Building intelligent digital systems at the intersection of AI, analytics, cloud infrastructure, and human-centered design."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg",
-          alt: "AI Systems Builder avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg",          alt: "AI Systems Builder avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037248.jpg",
-          alt: "Data Strategist avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037248.jpg",          alt: "Data Strategist avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/hacker-looking-shoulder-feeling-anxious-after-stealing-data_482257-124205.jpg",
-          alt: "Cybersecurity-Focused Engineer avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/hacker-looking-shoulder-feeling-anxious-after-stealing-data_482257-124205.jpg",          alt: "Cybersecurity-Focused Engineer avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491108.jpg",
-          alt: "Product Thinker avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491108.jpg",          alt: "Product Thinker avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672020.jpg",
-          alt: "AI Systems Builder avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672020.jpg",          alt: "AI Systems Builder avatar"},
       ]}
       avatarText="AI-Driven Systems Thinker"
       buttons={[
         {
-          text: "Explore Projects",
-          href: "#projects",
-        },
+          text: "Explore Projects",          href: "#projects"},
         {
-          text: "Connect with Willson",
-          href: "#contact",
-        },
+          text: "Connect with Willson",          href: "#contact"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "AI Systems Builder",
-        },
+          type: "text",          text: "AI Systems Builder"},
         {
-          type: "text",
-          text: "Data Strategist",
-        },
+          type: "text",          text: "Data Strategist"},
         {
-          type: "text",
-          text: "Cybersecurity-Focused Engineer",
-        },
+          type: "text",          text: "Cybersecurity-Focused Engineer"},
         {
-          type: "text",
-          text: "Product Thinker",
-        },
+          type: "text",          text: "Product Thinker"},
         {
-          type: "text",
-          text: "Intelligent Solutions Architect",
-        },
+          type: "text",          text: "Intelligent Solutions Architect"},
       ]}
       marqueeSpeed={25}
       showMarqueeCard={true}
@@ -155,88 +114,40 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "s1",
-          value: "Expert",
-          title: "Python",
-          description: "Mastery in AI/ML, data processing, and automation scripting.",
-          icon: Code,
+          id: "s1",          value: "Expert",          title: "Python",          description: "Mastery in AI/ML, data processing, and automation scripting.",          icon: Code,
         },
         {
-          id: "s2",
-          value: "Advanced",
-          title: "SQL",
-          description: "Complex data querying, database design, and optimization.",
-          icon: Database,
+          id: "s2",          value: "Advanced",          title: "SQL",          description: "Complex data querying, database design, and optimization.",          icon: Database,
         },
         {
-          id: "s3",
-          value: "Proficient",
-          title: "Oracle APEX",
-          description: "Rapid application development and enterprise workflow systems.",
-          icon: Rocket,
+          id: "s3",          value: "Proficient",          title: "Oracle APEX",          description: "Rapid application development and enterprise workflow systems.",          icon: Rocket,
         },
         {
-          id: "s4",
-          value: "Advanced",
-          title: "React",
-          description: "Building dynamic, responsive, and interactive user interfaces.",
-          icon: Code,
+          id: "s4",          value: "Advanced",          title: "React",          description: "Building dynamic, responsive, and interactive user interfaces.",          icon: Code,
         },
         {
-          id: "s5",
-          value: "Expert",
-          title: "Next.js",
-          description: "Server-side rendering, static site generation, and full-stack development.",
-          icon: Activity,
+          id: "s5",          value: "Expert",          title: "Next.js",          description: "Server-side rendering, static site generation, and full-stack development.",          icon: Activity,
         },
         {
-          id: "s6",
-          value: "Proficient",
-          title: "MERN Stack",
-          description: "Full-stack development with MongoDB, Express.js, React, Node.js.",
-          icon: Cloud,
+          id: "s6",          value: "Proficient",          title: "MERN Stack",          description: "Full-stack development with MongoDB, Express.js, React, Node.js.",          icon: Cloud,
         },
         {
-          id: "s7",
-          value: "Certified",
-          title: "OCI",
-          description: "Architecting and managing scalable cloud infrastructure on Oracle Cloud.",
-          icon: Server,
+          id: "s7",          value: "Certified",          title: "OCI",          description: "Architecting and managing scalable cloud infrastructure on Oracle Cloud.",          icon: Server,
         },
         {
-          id: "s8",
-          value: "Advanced",
-          title: "Cloud Infrastructure",
-          description: "Designing and deploying robust, resilient, and secure cloud solutions.",
-          icon: Cloud,
+          id: "s8",          value: "Advanced",          title: "Cloud Infrastructure",          description: "Designing and deploying robust, resilient, and secure cloud solutions.",          icon: Cloud,
         },
         {
-          id: "s9",
-          value: "Expert",
-          title: "AI Systems",
-          description: "Developing and integrating intelligent systems and machine learning models.",
-          icon: Cog,
+          id: "s9",          value: "Expert",          title: "AI Systems",          description: "Developing and integrating intelligent systems and machine learning models.",          icon: Cog,
         },
         {
-          id: "s10",
-          value: "Advanced",
-          title: "Cryptography",
-          description: "Implementing secure communication and data protection techniques.",
-          icon: Lock,
+          id: "s10",          value: "Advanced",          title: "Cryptography",          description: "Implementing secure communication and data protection techniques.",          icon: Lock,
         },
         {
-          id: "s11",
-          value: "Focused",
-          title: "Cybersecurity",
-          description: "Identifying vulnerabilities and implementing robust security measures.",
-          icon: ShieldCheck,
+          id: "s11",          value: "Focused",          title: "Cybersecurity",          description: "Identifying vulnerabilities and implementing robust security measures.",          icon: ShieldCheck,
         },
         {
-          id: "s12",
-          value: "Advanced",
-          title: "PostgreSQL",
-          description: "Relational database management, performance tuning, and data integrity.",
-          icon: Info,
+          id: "s12",          value: "Advanced",          title: "PostgreSQL",          description: "Relational database management, performance tuning, and data integrity.",          icon: Info,
         },
       ]}
       title="The WILLSON AI Operating System"
@@ -252,65 +163,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "AI-Powered Recruitment",
-          name: "HireReady",
-          price: "Case Study",
-          rating: 5,
-          reviewCount: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg",
-          imageAlt: "HireReady AI-powered recruitment intelligence platform mockup",
-        },
+          id: "p1",          brand: "AI-Powered Recruitment",          name: "HireReady",          price: "Case Study",          rating: 5,
+          reviewCount: "View Details",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg",          imageAlt: "HireReady AI-powered recruitment intelligence platform mockup"},
         {
-          id: "p2",
-          brand: "Enterprise Automation",
-          name: "Oracle APEX Workflow System",
-          price: "Case Study",
-          rating: 5,
-          reviewCount: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-manager-corporate-office-reviewing-company-reports_482257-116898.jpg",
-          imageAlt: "Oracle APEX enterprise workflow automation platform mockup",
-        },
+          id: "p2",          brand: "Enterprise Automation",          name: "Oracle APEX Workflow System",          price: "Case Study",          rating: 5,
+          reviewCount: "View Details",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-manager-corporate-office-reviewing-company-reports_482257-116898.jpg",          imageAlt: "Oracle APEX enterprise workflow automation platform mockup"},
         {
-          id: "p3",
-          brand: "Intelligent Food Ecosystem",
-          name: "Student Food Platform",
-          price: "Case Study",
-          rating: 5,
-          reviewCount: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-50317.jpg",
-          imageAlt: "Student Food Platform intelligent food ecosystem mockup",
-        },
+          id: "p3",          brand: "Intelligent Food Ecosystem",          name: "Student Food Platform",          price: "Case Study",          rating: 5,
+          reviewCount: "View Details",          imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-50317.jpg",          imageAlt: "Student Food Platform intelligent food ecosystem mockup"},
         {
-          id: "p4",
-          brand: "AI Career Intelligence",
-          name: "SkillForge",
-          price: "Case Study",
-          rating: 5,
-          reviewCount: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/solution-quality-positive-psychology-complex_53876-122372.jpg",
-          imageAlt: "SkillForge AI-driven career intelligence platform mockup",
-        },
+          id: "p4",          brand: "AI Career Intelligence",          name: "SkillForge",          price: "Case Study",          rating: 5,
+          reviewCount: "View Details",          imageSrc: "http://img.b2bpic.net/free-photo/solution-quality-positive-psychology-complex_53876-122372.jpg",          imageAlt: "SkillForge AI-driven career intelligence platform mockup"},
         {
-          id: "p5",
-          brand: "Adaptive OS",
-          name: "SynthOS",
-          price: "Case Study",
-          rating: 5,
-          reviewCount: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
-          imageAlt: "SynthOS AI-powered operating system mockup",
-        },
+          id: "p5",          brand: "Adaptive OS",          name: "SynthOS",          price: "Case Study",          rating: 5,
+          reviewCount: "View Details",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",          imageAlt: "SynthOS AI-powered operating system mockup"},
         {
-          id: "p6",
-          brand: "ML Research Platform",
-          name: "Neuron Labs",
-          price: "Case Study",
-          rating: 5,
-          reviewCount: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-          imageAlt: "Neuron Labs machine learning model development platform mockup",
-        },
+          id: "p6",          brand: "ML Research Platform",          name: "Neuron Labs",          price: "Case Study",          rating: 5,
+          reviewCount: "View Details",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",          imageAlt: "Neuron Labs machine learning model development platform mockup"},
       ]}
       title="Pioneering AI-Native Ventures"
       description="Explore projects that transform complex challenges into intelligent, impactful digital experiences, showcasing architectural thinking and modern product vision."
@@ -323,30 +192,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "t1",
-          title: "2023-Present: MSc Big Data Analytics",
-          content: "Pursuing a Master of Science in Big Data Analytics at St. Joseph’s College (Autonomous), Bengaluru, focusing on advanced statistical modeling, machine learning algorithms, and large-scale data processing for intelligent systems.",
-        },
+          id: "t1",          title: "2023-Present: MSc Big Data Analytics",          content: "Pursuing a Master of Science in Big Data Analytics at St. Joseph’s College (Autonomous), Bengaluru, focusing on advanced statistical modeling, machine learning algorithms, and large-scale data processing for intelligent systems."},
         {
-          id: "t2",
-          title: "2024: Oracle Cloud Infrastructure AI Foundations Certified",
-          content: "Achieved certification demonstrating proficiency in OCI AI services, machine learning models, and building AI applications on cloud infrastructure, solidifying expertise in AI deployments.",
-        },
+          id: "t2",          title: "2024: Oracle Cloud Infrastructure AI Foundations Certified",          content: "Achieved certification demonstrating proficiency in OCI AI services, machine learning models, and building AI applications on cloud infrastructure, solidifying expertise in AI deployments."},
         {
-          id: "t3",
-          title: "2023: Aspire Leaders Program Alumnus",
-          content: "Participated in the prestigious Aspire Leaders Program, honing leadership skills, ethical decision-making, and global problem-solving capabilities within a diverse, high-achieving cohort.",
-        },
+          id: "t3",          title: "2023: Aspire Leaders Program Alumnus",          content: "Participated in the prestigious Aspire Leaders Program, honing leadership skills, ethical decision-making, and global problem-solving capabilities within a diverse, high-achieving cohort."},
         {
-          id: "t4",
-          title: "2022: McKinsey Forward Program Participant",
-          content: "Completed the McKinsey Forward Program, gaining invaluable insights into strategic thinking, project management, and impactful communication, essential for product thinking and business strategy.",
-        },
+          id: "t4",          title: "2022: McKinsey Forward Program Participant",          content: "Completed the McKinsey Forward Program, gaining invaluable insights into strategic thinking, project management, and impactful communication, essential for product thinking and business strategy."},
         {
-          id: "t5",
-          title: "2020-2022: Forensic Science & Legal Practice",
-          content: "Interned in forensic science and legal practice, developing a keen eye for detail, critical analysis, and robust investigation methodologies, directly applicable to cybersecurity and data integrity.",
-        },
+          id: "t5",          title: "2020-2022: Forensic Science & Legal Practice",          content: "Interned in forensic science and legal practice, developing a keen eye for detail, critical analysis, and robust investigation methodologies, directly applicable to cybersecurity and data integrity."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
       imageAlt="Futuristic command center interface displaying a timeline"
@@ -363,14 +217,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "MSc Big Data Analytics",
-        "Oracle Cloud Infrastructure AI Foundations Certified",
-        "Aspire Leaders Program Alumnus",
-        "McKinsey Forward Program Participant",
-        "Cybersecurity Focused Experience",
-        "Forensic Science Internship",
-        "MERN Stack Expertise",
-      ]}
+        "MSc Big Data Analytics",        "Oracle Cloud Infrastructure AI Foundations Certified",        "Aspire Leaders Program Alumnus",        "McKinsey Forward Program Participant",        "Cybersecurity Focused Experience",        "Forensic Science Internship",        "MERN Stack Expertise"]}
       title="Validating Vision: Credentials & Expertise"
       description="Holographic achievements reflecting a commitment to cutting-edge AI, data strategy, and cybersecurity, underscoring a journey of continuous learning and leadership."
       speed={35}
@@ -386,29 +233,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "About Willson",
-          description: "Discover the vision and journey behind the AI Systems Builder.",
-          imageSrc: "http://img.b2bpic.net/free-photo/metaverse-avatar-collage-concept_52683-96425.jpg",
-          buttonText: "Run Command: about",
-        },
+          title: "About Willson",          description: "Discover the vision and journey behind the AI Systems Builder.",          imageSrc: "http://img.b2bpic.net/free-photo/metaverse-avatar-collage-concept_52683-96425.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/oval-white-shape-painted-light-bulb-against-blue-background_23-2148084253.jpg",          buttonText: "Run Command: about"},
         {
-          title: "View Projects",
-          description: "Explore pioneering AI-native ventures and case studies.",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489841.jpg",
-          buttonText: "Run Command: projects",
-        },
+          title: "View Projects",          description: "Explore pioneering AI-native ventures and case studies.",          imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489841.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/oval-white-shape-painted-light-bulb-against-blue-background_23-2148084253.jpg",          buttonText: "Run Command: projects"},
         {
-          title: "Skills Ecosystem",
-          description: "Navigate the interconnected ecosystem of technical expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489802.jpg",
-          buttonText: "Run Command: skills",
-        },
+          title: "Skills Ecosystem",          description: "Navigate the interconnected ecosystem of technical expertise.",          imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489802.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/oval-white-shape-painted-light-bulb-against-blue-background_23-2148084253.jpg",          buttonText: "Run Command: skills"},
         {
-          title: "Certifications & Achievements",
-          description: "Review Willson's validated credentials and programs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252469.jpg",
-          buttonText: "Run Command: certifications",
-        },
+          title: "Certifications & Achievements",          description: "Review Willson's validated credentials and programs.",          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252469.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/oval-white-shape-painted-light-bulb-against-blue-background_23-2148084253.jpg",          buttonText: "Run Command: certifications"},
       ]}
       title="Interface WILLSONOS"
       description="An immersive intelligent system demonstrating analytical depth and architectural thinking. This command-line interface provides a simulated interaction with Willson's expertise. Available commands include 'about', 'projects', 'skills', 'certifications', 'contact', 'resume', 'help', and 'clear'. Explore the mind of an AI Systems Builder."
@@ -419,8 +250,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Engage"
       title="Initiate Connection Sequence"
       description="Reach out to Willson for collaborations on intelligent systems, data strategy, or cybersecurity initiatives. Download the comprehensive resume data package for a detailed overview."
@@ -437,49 +267,31 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Skills",
-              href: "#skills",
-            },
+              label: "Skills",              href: "#skills"},
           ],
         },
         {
           items: [
             {
-              label: "Projects",
-              href: "#projects",
-            },
+              label: "Projects",              href: "#projects"},
             {
-              label: "Timeline",
-              href: "#timeline",
-            },
+              label: "Timeline",              href: "#timeline"},
             {
-              label: "Certifications",
-              href: "#certifications",
-            },
+              label: "Certifications",              href: "#certifications"},
           ],
         },
         {
           items: [
             {
-              label: "AI Playground",
-              href: "#ai-playground",
-            },
+              label: "AI Playground",              href: "#ai-playground"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Resume",
-              href: "#",
-            },
+              label: "Resume",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1