Merge version_2 into main #5
@@ -7,7 +7,7 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Target, Sparkles, BookOpen, TrendingUp, Users, Brain, Rocket, Briefcase, Network, CheckCircle, Heart } from "lucide-react";
|
||||
import { Target, Sparkles, BookOpen, TrendingUp, Users, Brain, Rocket, Briefcase, Network, CheckCircle, Heart, Smartphone, Wifi, MapPin } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
@@ -19,8 +19,7 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "About", href: "/about" },
|
||||
@@ -28,8 +27,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Training Courses", href: "/services" },
|
||||
{ label: "Mentorship", href: "/services" },
|
||||
{ label: "Skill Matching", href: "/services" },
|
||||
@@ -37,8 +35,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
@@ -85,8 +82,8 @@ export default function AboutPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Three Pillars of Success"
|
||||
description="Our integrated services work together to create sustainable economic empowerment"
|
||||
title="Three Pillars of Economic Empowerment"
|
||||
description="Our integrated services work together to create sustainable opportunities for South African communities"
|
||||
tag="Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
@@ -97,49 +94,31 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Entrepreneurship Training",
|
||||
description: "Comprehensive video courses and tutorials teaching essential business skills, economics, and startup fundamentals",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{ icon: BookOpen, label: "Video Courses", value: "50+" },
|
||||
{ icon: Target, label: "Success Focus", value: "100%" },
|
||||
{ icon: TrendingUp, label: "Business Growth", value: "Expert Led" },
|
||||
title: "Digital Skills & Technical Training", description: "Practical, hands-on training in digital skills, coding, and technical fields that are in high demand in the South African job market. Affordable, accessible courses designed for learners at all levels.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Smartphone, label: "Digital Literacy", value: "Essential" },
|
||||
{ icon: Wifi, label: "Tech Skills", value: "In-Demand" },
|
||||
{ icon: TrendingUp, label: "Career Growth", value: "Proven" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Mentorship Programs",
|
||||
description: "Connect with experienced professionals to develop skills like communication, time management, and industry-specific expertise",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Community-Based Mentorship", description: "Connect with local mentors and successful entrepreneurs who understand the South African context. Learn from practical experience, receive guidance on navigating challenges, and build networks that lead to real opportunities.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Mentors",
|
||||
subtitle: "Industry Leaders",
|
||||
detail: "Learn from the best in your field",
|
||||
},
|
||||
title: "Local Mentors", subtitle: "Experienced Leaders", detail: "Learn from those who've succeeded in your community"},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Skill Building",
|
||||
subtitle: "Practical Training",
|
||||
detail: "Real-world experience and guidance",
|
||||
},
|
||||
title: "Real Experience", subtitle: "Practical Guidance", detail: "Mentorship based on local market realities"},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Career Acceleration",
|
||||
subtitle: "Fast Track",
|
||||
detail: "Advance your professional journey",
|
||||
},
|
||||
title: "Community Growth", subtitle: "Together", detail: "Build networks that create lasting impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Skill Matching & Employment",
|
||||
description: "Bridge the gap between talented job seekers and growing businesses seeking skilled professionals",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Target,
|
||||
title: "Direct Job Opportunities & Connections", description: "Direct connections to employers, local businesses, and social enterprises. We match skills with real job opportunities, whether formal employment, freelance work, or entrepreneurial ventures that fit the local economy.", bentoComponent: "orbiting-icons", centerIcon: Target,
|
||||
items: [
|
||||
{ icon: Users, ring: 1 },
|
||||
{ icon: Briefcase, ring: 1 },
|
||||
{ icon: Network, ring: 2 },
|
||||
{ icon: MapPin, ring: 1 },
|
||||
{ icon: Users, ring: 2 },
|
||||
{ icon: CheckCircle, ring: 2 },
|
||||
{ icon: TrendingUp, ring: 3 },
|
||||
],
|
||||
@@ -152,41 +131,17 @@ export default function AboutPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Thabo Mthembu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg?_wi=2",
|
||||
imageAlt: "successful entrepreneur business owner professional",
|
||||
},
|
||||
id: "1", name: "Thabo Mthembu", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg?_wi=2", imageAlt: "successful entrepreneur business owner professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Naledi Dlamini",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-women-standing-looking-through-balcony-modern-office-centre-dressed-up-white-t-shirt_231208-4820.jpg?_wi=2",
|
||||
imageAlt: "professional woman career development growth",
|
||||
},
|
||||
id: "2", name: "Naledi Dlamini", imageSrc: "http://img.b2bpic.net/free-photo/successful-business-women-standing-looking-through-balcony-modern-office-centre-dressed-up-white-t-shirt_231208-4820.jpg?_wi=2", imageAlt: "professional woman career development growth"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sipho Khanyi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-expresses-joy-happiness-businesswoman-triumphing-street-raising-hands-up-celebrati_1258-117445.jpg?_wi=2",
|
||||
imageAlt: "young professional job seeker success",
|
||||
},
|
||||
id: "3", name: "Sipho Khanyi", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-expresses-joy-happiness-businesswoman-triumphing-street-raising-hands-up-celebrati_1258-117445.jpg?_wi=2", imageAlt: "young professional job seeker success"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amara Okafor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-explaining-business-strategy-his-colleagues_23-2147923356.jpg?_wi=2",
|
||||
imageAlt: "confident professional business community member",
|
||||
},
|
||||
id: "4", name: "Amara Okafor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-explaining-business-strategy-his-colleagues_23-2147923356.jpg?_wi=2", imageAlt: "confident professional business community member"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lerato Motsoene",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-giving-high-five_53876-13579.jpg?_wi=2",
|
||||
imageAlt: "business mentor professional guidance success",
|
||||
},
|
||||
id: "5", name: "Lerato Motsoene", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-giving-high-five_53876-13579.jpg?_wi=2", imageAlt: "business mentor professional guidance success"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Zainab Hassan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-running-looking-watch-business-centre_176420-55663.jpg?_wi=2",
|
||||
imageAlt: "diverse team success collaboration achievement",
|
||||
},
|
||||
id: "6", name: "Zainab Hassan", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-running-looking-watch-business-centre_176420-55663.jpg?_wi=2", imageAlt: "diverse team success collaboration achievement"},
|
||||
]}
|
||||
cardTitle="Over 10,000 members trust Urban Ubuntu to transform their economic futures"
|
||||
cardTag="Success Stories"
|
||||
@@ -204,4 +159,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
302
src/app/page.tsx
302
src/app/page.tsx
@@ -27,6 +27,11 @@ import {
|
||||
Network,
|
||||
CheckCircle,
|
||||
Star,
|
||||
Smartphone,
|
||||
Wifi,
|
||||
Home,
|
||||
MapPin,
|
||||
Zap as Lightning,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -65,13 +70,9 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Explore Services", href: "/services"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-discussion_53876-15843.jpg"
|
||||
@@ -90,13 +91,9 @@ export default function HomePage() {
|
||||
description="Urban Ubuntu is dedicated to solving unemployment and boosting economic development by creating a unified platform where education meets opportunity. We empower individuals from all backgrounds—employed, unemployed, or aspiring entrepreneurs—to develop skills, find mentorship, and connect with meaningful work."
|
||||
metrics={[
|
||||
{
|
||||
value: "10,000+",
|
||||
title: "Platform Members",
|
||||
},
|
||||
value: "10,000+", title: "Platform Members"},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Success Rate",
|
||||
},
|
||||
value: "95%", title: "Success Rate"},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346620.jpg?_wi=1"
|
||||
@@ -108,16 +105,14 @@ export default function HomePage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Three Pillars of Success"
|
||||
description="Our integrated services work together to create sustainable economic empowerment"
|
||||
title="Three Pillars of Economic Empowerment"
|
||||
description="Our integrated services work together to create sustainable opportunities for South African communities"
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Services",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Explore All Services", href: "/services"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -125,68 +120,44 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Entrepreneurship Training",
|
||||
description: "Comprehensive video courses and tutorials teaching essential business skills, economics, and startup fundamentals",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Digital Skills & Technical Training", description: "Practical, hands-on training in digital skills, coding, and technical fields that are in high demand in the South African job market. Affordable, accessible courses designed for learners at all levels.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Video Courses",
|
||||
value: "50+",
|
||||
},
|
||||
icon: Smartphone,
|
||||
label: "Digital Literacy", value: "Essential"},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Success Focus",
|
||||
value: "100%",
|
||||
},
|
||||
icon: Wifi,
|
||||
label: "Tech Skills", value: "In-Demand"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Business Growth",
|
||||
value: "Expert Led",
|
||||
},
|
||||
label: "Career Growth", value: "Proven"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Mentorship Programs",
|
||||
description: "Connect with experienced professionals to develop skills like communication, time management, and industry-specific expertise",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Community-Based Mentorship", description: "Connect with local mentors and successful entrepreneurs who understand the South African context. Learn from practical experience, receive guidance on navigating challenges, and build networks that lead to real opportunities.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Mentors",
|
||||
subtitle: "Industry Leaders",
|
||||
detail: "Learn from the best in your field",
|
||||
},
|
||||
title: "Local Mentors", subtitle: "Experienced Leaders", detail: "Learn from those who've succeeded in your community"},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Skill Building",
|
||||
subtitle: "Practical Training",
|
||||
detail: "Real-world experience and guidance",
|
||||
},
|
||||
title: "Real Experience", subtitle: "Practical Guidance", detail: "Mentorship based on local market realities"},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Career Acceleration",
|
||||
subtitle: "Fast Track",
|
||||
detail: "Advance your professional journey",
|
||||
},
|
||||
title: "Community Growth", subtitle: "Together", detail: "Build networks that create lasting impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Skill Matching & Employment",
|
||||
description: "Bridge the gap between talented job seekers and growing businesses seeking skilled professionals",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Target,
|
||||
title: "Direct Job Opportunities & Connections", description: "Direct connections to employers, local businesses, and social enterprises. We match skills with real job opportunities, whether formal employment, freelance work, or entrepreneurial ventures that fit the local economy.", bentoComponent: "orbiting-icons", centerIcon: Target,
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
ring: 1,
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
ring: 1,
|
||||
},
|
||||
{
|
||||
icon: Network,
|
||||
icon: MapPin,
|
||||
ring: 1,
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
ring: 2,
|
||||
},
|
||||
{
|
||||
@@ -212,9 +183,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Options",
|
||||
href: "/services",
|
||||
},
|
||||
text: "View All Options", href: "/services"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -222,76 +191,37 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for exploring the platform",
|
||||
buttons: [
|
||||
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Perfect for exploring the platform", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Learn More", href: "/services"},
|
||||
],
|
||||
features: [
|
||||
"Browse training courses",
|
||||
"Community access",
|
||||
"Limited mentorship sessions",
|
||||
"Job board access",
|
||||
],
|
||||
"Browse training courses", "Community access", "Limited mentorship sessions", "Job board access"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Professional",
|
||||
badgeIcon: Star,
|
||||
price: "R99/month",
|
||||
subtitle: "For committed learners and professionals",
|
||||
buttons: [
|
||||
id: "professional", badge: "Professional", badgeIcon: Star,
|
||||
price: "R99/month", subtitle: "For committed learners and professionals", buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Subscribe Now", href: "#contact"},
|
||||
{
|
||||
text: "Compare Plans",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Compare Plans", href: "/services"},
|
||||
],
|
||||
features: [
|
||||
"Full access to courses",
|
||||
"Unlimited mentorship",
|
||||
"Priority job matching",
|
||||
"Certification programs",
|
||||
"Career coaching",
|
||||
],
|
||||
"Full access to courses", "Unlimited mentorship", "Priority job matching", "Certification programs", "Career coaching"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "Business",
|
||||
badgeIcon: Zap,
|
||||
price: "R499/month",
|
||||
subtitle: "For companies and entrepreneurs",
|
||||
buttons: [
|
||||
id: "business", badge: "Business", badgeIcon: Zap,
|
||||
price: "R499/month", subtitle: "For companies and entrepreneurs", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
{
|
||||
text: "Request Demo",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Request Demo", href: "/services"},
|
||||
],
|
||||
features: [
|
||||
"Recruit top talent",
|
||||
"Team training programs",
|
||||
"Custom curriculum",
|
||||
"Analytics dashboard",
|
||||
"Dedicated support",
|
||||
"White-label options",
|
||||
],
|
||||
"Recruit top talent", "Team training programs", "Custom curriculum", "Analytics dashboard", "Dedicated support", "White-label options"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -301,41 +231,17 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Thabo Mthembu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg?_wi=1",
|
||||
imageAlt: "Thabo Mthembu - Successful Entrepreneur",
|
||||
},
|
||||
id: "1", name: "Thabo Mthembu", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg?_wi=1", imageAlt: "Thabo Mthembu - Successful Entrepreneur"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Naledi Dlamini",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-women-standing-looking-through-balcony-modern-office-centre-dressed-up-white-t-shirt_231208-4820.jpg?_wi=1",
|
||||
imageAlt: "Naledi Dlamini - Business Professional",
|
||||
},
|
||||
id: "2", name: "Naledi Dlamini", imageSrc: "http://img.b2bpic.net/free-photo/successful-business-women-standing-looking-through-balcony-modern-office-centre-dressed-up-white-t-shirt_231208-4820.jpg?_wi=1", imageAlt: "Naledi Dlamini - Business Professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sipho Khanyi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-expresses-joy-happiness-businesswoman-triumphing-street-raising-hands-up-celebrati_1258-117445.jpg?_wi=1",
|
||||
imageAlt: "Sipho Khanyi - Career Success",
|
||||
},
|
||||
id: "3", name: "Sipho Khanyi", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-expresses-joy-happiness-businesswoman-triumphing-street-raising-hands-up-celebrati_1258-117445.jpg?_wi=1", imageAlt: "Sipho Khanyi - Career Success"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amara Okafor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-explaining-business-strategy-his-colleagues_23-2147923356.jpg?_wi=1",
|
||||
imageAlt: "Amara Okafor - Skilled Professional",
|
||||
},
|
||||
id: "4", name: "Amara Okafor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-explaining-business-strategy-his-colleagues_23-2147923356.jpg?_wi=1", imageAlt: "Amara Okafor - Skilled Professional"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lerato Motsoene",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-giving-high-five_53876-13579.jpg?_wi=1",
|
||||
imageAlt: "Lerato Motsoene - Mentorship Graduate",
|
||||
},
|
||||
id: "5", name: "Lerato Motsoene", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-giving-high-five_53876-13579.jpg?_wi=1", imageAlt: "Lerato Motsoene - Mentorship Graduate"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Zainab Hassan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-running-looking-watch-business-centre_176420-55663.jpg?_wi=1",
|
||||
imageAlt: "Zainab Hassan - Community Member",
|
||||
},
|
||||
id: "6", name: "Zainab Hassan", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-running-looking-watch-business-centre_176420-55663.jpg?_wi=1", imageAlt: "Zainab Hassan - Community Member"},
|
||||
]}
|
||||
cardTitle="Over 10,000 members trust Urban Ubuntu to transform their economic futures"
|
||||
cardTag="Success Stories"
|
||||
@@ -362,35 +268,17 @@ export default function HomePage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Who can join Urban Ubuntu?",
|
||||
content: "Anyone looking to develop their skills is welcome! Whether you're unemployed seeking work, an employed professional aiming for growth, or an aspiring entrepreneur, our platform is designed for individuals of all backgrounds and experience levels.",
|
||||
},
|
||||
id: "1", title: "Who can join Urban Ubuntu?", content: "Anyone looking to develop their skills is welcome! Whether you're unemployed seeking work, an employed professional aiming for growth, or an aspiring entrepreneur, our platform is designed for individuals of all backgrounds and experience levels."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does the skill matching work?",
|
||||
content: "Our platform uses advanced matching algorithms to connect job seekers with employers based on skills, experience, and career goals. This bridges visibility gaps between talented professionals and growing businesses seeking skilled workers.",
|
||||
},
|
||||
id: "2", title: "How does the skill matching work?", content: "Our platform uses advanced matching algorithms to connect job seekers with employers based on skills, experience, and career goals. This bridges visibility gaps between talented professionals and growing businesses seeking skilled workers."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What kind of entrepreneurship training is offered?",
|
||||
content: "We provide comprehensive video courses and tutorials covering business fundamentals, economics, startup strategy, financial management, and practical entrepreneurship skills from industry experts.",
|
||||
},
|
||||
id: "3", title: "What kind of entrepreneurship training is offered?", content: "We provide comprehensive video courses and tutorials covering business fundamentals, economics, startup strategy, financial management, and practical entrepreneurship skills from industry experts."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I get matched with a mentor?",
|
||||
content: "Yes! Our mentorship program connects you with experienced professionals in your field. Mentors provide guidance on skills like communication, time management, and industry-specific expertise.",
|
||||
},
|
||||
id: "4", title: "Can I get matched with a mentor?", content: "Yes! Our mentorship program connects you with experienced professionals in your field. Mentors provide guidance on skills like communication, time management, and industry-specific expertise."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Is there a trial period?",
|
||||
content: "Yes, we offer a free starter plan with access to browse courses and explore the community. This allows you to experience the platform before upgrading to a paid membership.",
|
||||
},
|
||||
id: "5", title: "Is there a trial period?", content: "Yes, we offer a free starter plan with access to browse courses and explore the community. This allows you to experience the platform before upgrading to a paid membership."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do businesses recruit on Urban Ubuntu?",
|
||||
content: "Businesses can subscribe to our Business plan to access our talent pool, recruit skilled professionals, and offer team training programs. We help you build a stronger, more capable workforce.",
|
||||
},
|
||||
id: "6", title: "How do businesses recruit on Urban Ubuntu?", content: "Businesses can subscribe to our Business plan to access our talent pool, recruit skilled professionals, and offer team training programs. We help you build a stronger, more capable workforce."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -401,28 +289,17 @@ export default function HomePage() {
|
||||
description="Join Urban Ubuntu and take the first step toward economic empowerment. Whether you're seeking training, mentorship, or employment opportunities, we're here to support your journey."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your full name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your full name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your email address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your email address", required: true,
|
||||
},
|
||||
{
|
||||
name: "category",
|
||||
type: "text",
|
||||
placeholder: "Are you an Entrepreneur, Job Seeker, or Professional?",
|
||||
required: true,
|
||||
name: "category", type: "text", placeholder: "Are you an Entrepreneur, Job Seeker, or Professional?", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your goals and how we can help...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your goals and how we can help...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
@@ -438,66 +315,39 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Training Courses",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Training Courses", href: "/services"},
|
||||
{
|
||||
label: "Mentorship",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Mentorship", href: "/services"},
|
||||
{
|
||||
label: "Skill Matching",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Skill Matching", href: "/services"},
|
||||
{
|
||||
label: "For Businesses",
|
||||
href: "/services",
|
||||
},
|
||||
label: "For Businesses", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -506,4 +356,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,6 +20,9 @@ import {
|
||||
CheckCircle,
|
||||
Sparkles,
|
||||
Star,
|
||||
Smartphone,
|
||||
Wifi,
|
||||
MapPin,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
@@ -62,68 +65,44 @@ export default function ServicesPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Entrepreneurship Training",
|
||||
description: "Comprehensive video courses and tutorials teaching essential business skills, economics, and startup fundamentals",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Digital Skills & Technical Training", description: "Practical, hands-on training in digital skills, coding, and technical fields that are in high demand in the South African job market. Affordable, accessible courses designed for learners at all levels.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Video Courses",
|
||||
value: "50+",
|
||||
},
|
||||
icon: Smartphone,
|
||||
label: "Digital Literacy", value: "Essential"},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Success Focus",
|
||||
value: "100%",
|
||||
},
|
||||
icon: Wifi,
|
||||
label: "Tech Skills", value: "In-Demand"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Business Growth",
|
||||
value: "Expert Led",
|
||||
},
|
||||
label: "Career Growth", value: "Proven"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Mentorship Programs",
|
||||
description: "Connect with experienced professionals to develop skills like communication, time management, and industry-specific expertise",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Community-Based Mentorship", description: "Connect with local mentors and successful entrepreneurs who understand the South African context. Learn from practical experience, receive guidance on navigating challenges, and build networks that lead to real opportunities.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Mentors",
|
||||
subtitle: "Industry Leaders",
|
||||
detail: "Learn from the best in your field",
|
||||
},
|
||||
title: "Local Mentors", subtitle: "Experienced Leaders", detail: "Learn from those who've succeeded in your community"},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Skill Building",
|
||||
subtitle: "Practical Training",
|
||||
detail: "Real-world experience and guidance",
|
||||
},
|
||||
title: "Real Experience", subtitle: "Practical Guidance", detail: "Mentorship based on local market realities"},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Career Acceleration",
|
||||
subtitle: "Fast Track",
|
||||
detail: "Advance your professional journey",
|
||||
},
|
||||
title: "Community Growth", subtitle: "Together", detail: "Build networks that create lasting impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Skill Matching & Employment",
|
||||
description: "Bridge the gap between talented job seekers and growing businesses seeking skilled professionals",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Target,
|
||||
title: "Direct Job Opportunities & Connections", description: "Direct connections to employers, local businesses, and social enterprises. We match skills with real job opportunities, whether formal employment, freelance work, or entrepreneurial ventures that fit the local economy.", bentoComponent: "orbiting-icons", centerIcon: Target,
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
ring: 1,
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
ring: 1,
|
||||
},
|
||||
{
|
||||
icon: Network,
|
||||
icon: MapPin,
|
||||
ring: 1,
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
ring: 2,
|
||||
},
|
||||
{
|
||||
@@ -154,76 +133,37 @@ export default function ServicesPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for exploring the platform",
|
||||
buttons: [
|
||||
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Perfect for exploring the platform", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/",
|
||||
},
|
||||
text: "Get Started", href: "/"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/",
|
||||
},
|
||||
text: "Learn More", href: "/"},
|
||||
],
|
||||
features: [
|
||||
"Browse training courses",
|
||||
"Community access",
|
||||
"Limited mentorship sessions",
|
||||
"Job board access",
|
||||
],
|
||||
"Browse training courses", "Community access", "Limited mentorship sessions", "Job board access"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Professional",
|
||||
badgeIcon: Star,
|
||||
price: "R99/month",
|
||||
subtitle: "For committed learners and professionals",
|
||||
buttons: [
|
||||
id: "professional", badge: "Professional", badgeIcon: Star,
|
||||
price: "R99/month", subtitle: "For committed learners and professionals", buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "/",
|
||||
},
|
||||
text: "Subscribe Now", href: "/"},
|
||||
{
|
||||
text: "Compare Plans",
|
||||
href: "/",
|
||||
},
|
||||
text: "Compare Plans", href: "/"},
|
||||
],
|
||||
features: [
|
||||
"Full access to courses",
|
||||
"Unlimited mentorship",
|
||||
"Priority job matching",
|
||||
"Certification programs",
|
||||
"Career coaching",
|
||||
],
|
||||
"Full access to courses", "Unlimited mentorship", "Priority job matching", "Certification programs", "Career coaching"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "Business",
|
||||
badgeIcon: Zap,
|
||||
price: "R499/month",
|
||||
subtitle: "For companies and entrepreneurs",
|
||||
buttons: [
|
||||
id: "business", badge: "Business", badgeIcon: Zap,
|
||||
price: "R499/month", subtitle: "For companies and entrepreneurs", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "/",
|
||||
},
|
||||
text: "Contact Sales", href: "/"},
|
||||
{
|
||||
text: "Request Demo",
|
||||
href: "/",
|
||||
},
|
||||
text: "Request Demo", href: "/"},
|
||||
],
|
||||
features: [
|
||||
"Recruit top talent",
|
||||
"Team training programs",
|
||||
"Custom curriculum",
|
||||
"Analytics dashboard",
|
||||
"Dedicated support",
|
||||
"White-label options",
|
||||
],
|
||||
"Recruit top talent", "Team training programs", "Custom curriculum", "Analytics dashboard", "Dedicated support", "White-label options"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -233,66 +173,39 @@ export default function ServicesPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Training Courses",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Training Courses", href: "/services"},
|
||||
{
|
||||
label: "Mentorship",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Mentorship", href: "/services"},
|
||||
{
|
||||
label: "Skill Matching",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Skill Matching", href: "/services"},
|
||||
{
|
||||
label: "For Businesses",
|
||||
href: "/services",
|
||||
},
|
||||
label: "For Businesses", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -301,4 +214,4 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user