From 28e31e895c1e9965f3d3bdc88a35e279bbb8f91f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:53:59 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 288 +++++++----------------------------------------
 1 file changed, 41 insertions(+), 247 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6bc136e..a3ba772 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,32 +22,20 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="smallMedium"
         sizing="mediumLargeSizeMediumTitles"
-        background="fluid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Profile",
-          id: "hero",
-        },
-        {
-          name: "Expertise",
-          id: "expertise",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Profile", id: "hero" },
+        { name: "Expertise", id: "expertise" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Nosipho Bulose"
     />
@@ -55,42 +43,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       title="Nosipho Bulose: Senior Fractional HR Consultant"
       description="Activation through Purpose. Driving organizational excellence and strategic human capital solutions across Africa."
-      buttons={[
-        {
-          text: "View Portfolio",
-          href: "#portfolio",
-        },
-      ]}
+      buttons={[{ text: "View Portfolio", href: "#portfolio" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/analyzing-results-expert-study_1098-14778.jpg",
-          imageAlt: "Strategic HR Leadership",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
-          imageAlt: "Data Driven HR Strategy",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-team-workers-it-company_1303-19455.jpg",
-          imageAlt: "Cross-Border HR Operations",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325860.jpg",
-          imageAlt: "Governance Compliance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sharing-her-feelings-therapy_482257-115163.jpg",
-          imageAlt: "Leadership Excellence",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-reading-digital-magazine_23-2150162695.jpg",
-          imageAlt: "Professional Advisory",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3COeR43zzSsDNQKzqguqXt2Y315/uploaded-1776261221503-9pu1emsk.png", imageAlt: "Wendy Rhoades aesthetic" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Data Driven HR Strategy" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/corporate-team-workers-it-company_1303-19455.jpg", imageAlt: "Cross-Border HR Operations" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -98,24 +58,12 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <AboutMetric
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Professional Impact"
       metrics={[
-        {
-          icon: Award,
-          label: "Industry Experience",
-          value: "15+ Years",
-        },
-        {
-          icon: Globe,
-          label: "Geographic Reach",
-          value: "SSA & West Africa",
-        },
-        {
-          icon: Briefcase,
-          label: "Consulting Mandates",
-          value: "High-Impact",
-        },
+        { icon: Award, label: "Industry Experience", value: "15+ Years" },
+        { icon: Globe, label: "Geographic Reach", value: "SSA & West Africa" },
+        { icon: Briefcase, label: "Consulting Mandates", value: "High-Impact" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -125,41 +73,11 @@ export default function LandingPage() {
       <FeatureCardTwentyFour
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Workforce Optimization",
-          author: "Strategy",
-          description: "Aligning staffing models with commercial priorities and rigorous labor cost management.",
-          tags: [
-            "Workforce Planning",
-            "Data-Driven",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-strategy-management-25-line-filled-icon-pack-such-as-setting-document-left-objective-darts_1142-22526.jpg",
-        },
-        {
-          id: "f2",
-          title: "Regional Operations",
-          author: "Africa",
-          description: "Expertise in managing cross-border people strategies, mobility, and regional leadership pipelines.",
-          tags: [
-            "SSA",
-            "Compliance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-planet-earth-with-people-symbols_1232-896.jpg",
-        },
-        {
-          id: "f3",
-          title: "Governance & ER",
-          author: "Compliance",
-          description: "Mastery of SA labor legislation, disciplinary management, and institutional risk mitigation.",
-          tags: [
-            "Risk Mitigation",
-            "CCMA",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/recruitment-hiring-career-job-emplyment-concept_53876-125583.jpg",
-        },
+        { id: "f1", title: "Workforce Optimization", author: "Strategy", description: "Aligning staffing models with commercial priorities and rigorous labor cost management.", tags: ["Workforce Planning", "Data-Driven"] },
+        { id: "f2", title: "Regional Operations", author: "Africa", description: "Expertise in managing cross-border people strategies, mobility, and regional leadership pipelines.", tags: ["SSA", "Compliance"] },
+        { id: "f3", title: "Governance & ER", author: "Compliance", description: "Mastery of SA labor legislation, disciplinary management, and institutional risk mitigation.", tags: ["Risk Mitigation", "CCMA"] },
       ]}
       title="Strategic Pillars of Expertise"
       description="Comprehensive HR advisory bridging the gap between high-level goals and practical execution."
@@ -171,44 +89,11 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Zara / Inditex",
-          price: "Country HR Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-store-associate-helps-young-man-client-with-style-advice_482257-118544.jpg",
-        },
-        {
-          id: "p2",
-          name: "Samsung Electronics",
-          price: "Regional HRBP (SSA)",
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-reviewing-system-health-metrics-with-mockup-laptop_482257-123411.jpg",
-        },
-        {
-          id: "p3",
-          name: "Coca-Cola Beverages",
-          price: "Talent Acquisition",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg",
-        },
-        {
-          id: "p4",
-          name: "SARS",
-          price: "Recruitment Partner",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-reading-contract_1098-1730.jpg",
-        },
-        {
-          id: "p5",
-          name: "Fractional Leadership",
-          price: "Startup Architecture",
-          imageSrc: "http://img.b2bpic.net/free-photo/staffing-company-employee-human-resources-concept_53876-121235.jpg",
-        },
-        {
-          id: "p6",
-          name: "Governance Audit",
-          price: "Compliance Remediation",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessmen-working-together-with-diagrams_1098-246.jpg",
-        },
+        { id: "p1", name: "Zara / Inditex", price: "Country HR Manager", imageSrc: "http://img.b2bpic.net/free-photo/asian-store-associate-helps-young-man-client-with-style-advice_482257-118544.jpg" },
+        { id: "p2", name: "Samsung Electronics", price: "Regional HRBP (SSA)", imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-reviewing-system-health-metrics-with-mockup-laptop_482257-123411.jpg" },
+        { id: "p3", name: "Coca-Cola Beverages", price: "Talent Acquisition", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg" },
       ]}
       title="Portfolio of Impact"
       description="Selected professional engagements driving organizational excellence."
@@ -219,29 +104,10 @@ export default function LandingPage() {
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "HRIS Proficiency",
-          title: "Workday & BambooHR",
-          description: "Sophisticated workforce reporting and headcount analysis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
-        },
-        {
-          id: "m2",
-          value: "Talent Systems",
-          title: "SmartRecruiters ATS",
-          description: "Optimized recruitment workflows and talent sourcing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-showing-friend-request-icon-using-tablet_53876-64881.jpg",
-        },
-        {
-          id: "m3",
-          value: "Productivity",
-          title: "Microsoft Suite",
-          description: "Advanced workforce analysis, labor costing, and business planning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-laptop-screen-with-enterprise-resource-planning-showing-moving-charts-growing-turnover-busy-startup-office-selective-focus-portable-computer-with-business-mangement-software_482257-51766.jpg",
-        },
+        { id: "m1", value: "HRIS Proficiency", title: "Workday & BambooHR", description: "Sophisticated workforce reporting and headcount analysis.", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg" },
+        { id: "m2", value: "Talent Systems", title: "SmartRecruiters ATS", description: "Optimized recruitment workflows and talent sourcing.", imageSrc: "http://img.b2bpic.net/free-photo/women-showing-friend-request-icon-using-tablet_53876-64881.jpg" },
       ]}
       title="Technical Ecosystem"
       description="Leveraging robust HRIS tools for data-backed workforce analytics."
@@ -250,33 +116,10 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Business Partner",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-executive-businessman-office_1098-21340.jpg",
-        },
-        {
-          id: "t2",
-          name: "Divisional Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2967.jpg",
-        },
-        {
-          id: "t3",
-          name: "Startup Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
-        },
-        {
-          id: "t4",
-          name: "Operations Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
-        },
-        {
-          id: "t5",
-          name: "Regional Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-executive-working-environment_1098-1436.jpg",
-        },
+        { id: "t1", name: "Business Partner", imageSrc: "http://img.b2bpic.net/free-photo/successful-executive-businessman-office_1098-21340.jpg" },
+        { id: "t2", name: "Divisional Lead", imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2967.jpg" },
       ]}
       cardTitle="Client & Colleague Feedback"
       cardTag="Endorsements"
@@ -287,23 +130,10 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "What is fractional HR?",
-          content: "Executive-level strategic HR advisory without the full-time overhead.",
-        },
-        {
-          id: "q2",
-          title: "What markets do you cover?",
-          content: "South Africa, West Africa, and broader Sub-Saharan Africa.",
-        },
-        {
-          id: "q3",
-          title: "How do we start?",
-          content: "Initial scoping to identify governance gaps and strategic workforce needs.",
-        },
+        { id: "q1", title: "What is fractional HR?", content: "Executive-level strategic HR advisory without the full-time overhead." },
+        { id: "q2", title: "What markets do you cover?", content: "South Africa, West Africa, and broader Sub-Saharan Africa." },
       ]}
       title="Advisory Insights"
       description="Common questions regarding fractional HR partnerships."
@@ -313,20 +143,12 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      useInvertedBackground={true}
+      background={{ variant: "rotated-rays-static" }}
       text="Ready to activate purposeful HR strategy? Let's connect."
       buttons={[
-        {
-          text: "Email Nosipho",
-          href: "mailto:nbulose@outlook.com",
-        },
-        {
-          text: "LinkedIn Profile",
-          href: "https://linkedin.com/in/nosipho-bulose-486b281",
-        },
+        { text: "Email Nosipho", href: "mailto:nbulose@outlook.com" },
+        { text: "LinkedIn Profile", href: "https://linkedin.com/in/nosipho-bulose-486b281" },
       ]}
     />
   </div>
@@ -334,36 +156,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Hero",
-              href: "#hero",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Professional",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com/in/nosipho-bulose-486b281",
-            },
-            {
-              label: "Email",
-              href: "mailto:nbulose@outlook.com",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Hero", href: "#hero" }, { label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
+        { title: "Professional", items: [{ label: "LinkedIn", href: "https://linkedin.com/in/nosipho-bulose-486b281" }, { label: "Email", href: "mailto:nbulose@outlook.com" }] },
       ]}
       bottomLeftText="© 2024 Nosipho Bulose. All Rights Reserved."
       bottomRightText="Sandton, South Africa"
-- 
2.49.1


From ba6d56d56c780f36d7c856b88e9eebc182c23ad7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:54:00 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 65ffd3d..d48bc2b 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #0a0a0a;
+  --card: #141414;
+  --foreground: #f5f5f5;
+  --primary-cta: #c89bff;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #333333;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1