Merge version_2 into main #1
288
src/app/page.tsx
288
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"
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user