Merge version_1 into main #2
@@ -7,7 +7,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -25,24 +25,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Academy", id: "/academy" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Lunzulu AI"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,15 +39,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Lunzulu AI Solutions",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/forensic-examiners-having-discussion_1098-16316.jpg",
|
||||
alt: "Founder Focus",
|
||||
},
|
||||
{ type: "text", content: "About Lunzulu AI Solutions" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/forensic-examiners-having-discussion_1098-16316.jpg", alt: "Founder Focus" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -71,24 +53,8 @@ export default function LandingPage() {
|
||||
title="Our Impact Metrics"
|
||||
description="Driving measurable change across the continent."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Governmental consulting",
|
||||
"Private sector advisory",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Students Mentored",
|
||||
items: [
|
||||
"Academy alumni",
|
||||
"Digital literacy",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Projects Completed", items: ["Governmental consulting", "Private sector advisory"] },
|
||||
{ id: "m2", value: "5k+", title: "Students Mentored", items: ["Academy alumni", "Digital literacy"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,32 +62,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Lunzulu AI",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Consultations",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "Programmes",
|
||||
href: "/academy",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Lunzulu AI", items: [{ label: "About Us", href: "/about" }, { label: "Consultations", href: "/contact" }] },
|
||||
{ title: "Academy", items: [{ label: "Programmes", href: "/academy" }, { label: "Partnerships", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Lunzulu AI Solutions PTY (LTD)"
|
||||
bottomRightText="Building the future of Africa."
|
||||
|
||||
@@ -7,7 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { BookOpen, GraduationCap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AcademyPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -25,24 +25,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Academy", id: "/academy" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Lunzulu AI"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,34 +42,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI for Governance",
|
||||
description: "Improving public sector service delivery through AI.",
|
||||
icon: GraduationCap,
|
||||
title: "AI for Governance", description: "Improving public sector service delivery through AI.", icon: GraduationCap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analytics_53876-163234.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-office-worker-with-tablet_23-2147717391.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-monitors-showing-source-code-empty-it-company-office-security-system-compiling-data-algorithms-background-artificial-intelligence-servers-cloud-computing-programming-room_482257-64360.jpg?_wi=3",
|
||||
imageAlt: "AI policy intelligence digital",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-analytics_53876-163234.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-office-worker-with-tablet_23-2147717391.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Knowledge Strategy",
|
||||
description: "Building sustainable knowledge management frameworks.",
|
||||
icon: BookOpen,
|
||||
title: "Knowledge Strategy", description: "Building sustainable knowledge management frameworks.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-digital-interface-data-growth_9975-22193.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pushpin-map-blue-background-top-view_23-2148510460.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=2",
|
||||
imageAlt: "AI policy intelligence digital",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-digital-interface-data-growth_9975-22193.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pushpin-map-blue-background-top-view_23-2148510460.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Injuloyengcinga Academy"
|
||||
@@ -91,32 +64,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Lunzulu AI",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Consultations",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "Programmes",
|
||||
href: "/academy",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Lunzulu AI", items: [{ label: "About Us", href: "/about" }, { label: "Consultations", href: "/contact" }] },
|
||||
{ title: "Academy", items: [{ label: "Programmes", href: "/academy" }, { label: "Partnerships", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Lunzulu AI Solutions PTY (LTD)"
|
||||
bottomRightText="Building the future of Africa."
|
||||
|
||||
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -24,39 +24,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Academy", id: "/academy" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Lunzulu AI"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Connect with us today for consultations and partnership opportunities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:info@lunzulu.com",
|
||||
},
|
||||
{ text: "Send Message", href: "mailto:info@lunzulu.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -64,32 +48,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Lunzulu AI",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Consultations",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "Programmes",
|
||||
href: "/academy",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Lunzulu AI", items: [{ label: "About Us", href: "/about" }, { label: "Consultations", href: "/contact" }] },
|
||||
{ title: "Academy", items: [{ label: "Programmes", href: "/academy" }, { label: "Partnerships", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Lunzulu AI Solutions PTY (LTD)"
|
||||
bottomRightText="Building the future of Africa."
|
||||
|
||||
144
src/app/page.tsx
144
src/app/page.tsx
@@ -29,57 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Academy", id: "/academy" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Lunzulu AI"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="AI-Powered Knowledge Intelligence for Africa"
|
||||
description="Transforming data, research, and policy into actionable insights for governments, organisations, and communities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Join the Academy",
|
||||
href: "/academy",
|
||||
},
|
||||
{ text: "Book a Consultation", href: "/contact" },
|
||||
{ text: "Join the Academy", href: "/academy" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-monitors-showing-source-code-empty-it-company-office-security-system-compiling-data-algorithms-background-artificial-intelligence-servers-cloud-computing-programming-room_482257-64360.jpg?_wi=1",
|
||||
imageAlt: "AI Data Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg?_wi=1",
|
||||
imageAlt: "Digital Policy Intelligence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
|
||||
imageAlt: "Research to Strategy",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-monitors-showing-source-code-empty-it-company-office-security-system-compiling-data-algorithms-background-artificial-intelligence-servers-cloud-computing-programming-room_482257-64360.jpg", imageAlt: "AI Data Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg", imageAlt: "Digital Policy Intelligence" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg", imageAlt: "Research to Strategy" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -89,15 +61,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Dual Approach to Impact",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
|
||||
alt: "Impact",
|
||||
},
|
||||
{ type: "text", content: "Our Dual Approach to Impact" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg", alt: "Impact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,49 +74,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Policy Intelligence",
|
||||
description: "Analyze policies and data for clear strategic recommendations.",
|
||||
icon: FileText,
|
||||
title: "AI Policy Intelligence", description: "Analyze policies and data for clear strategic recommendations.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329499.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-monitors-showing-source-code-empty-it-company-office-security-system-compiling-data-algorithms-background-artificial-intelligence-servers-cloud-computing-programming-room_482257-64360.jpg?_wi=2",
|
||||
imageAlt: "AI policy intelligence digital",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329499.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Knowledge Systems",
|
||||
description: "Capture, manage, and use knowledge effectively for organizational growth.",
|
||||
icon: Database,
|
||||
title: "Knowledge Systems", description: "Capture, manage, and use knowledge effectively for organizational growth.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160247.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-network_23-2152020920.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=1",
|
||||
imageAlt: "AI policy intelligence digital",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160247.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-network_23-2152020920.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Decision Dashboards",
|
||||
description: "Real-time insights and performance tracking tools for your organization.",
|
||||
icon: LayoutDashboard,
|
||||
title: "Decision Dashboards", description: "Real-time insights and performance tracking tools for your organization.", icon: LayoutDashboard,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-using-computer-monitor-neural-network-ai-llm_482257-130078.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg?_wi=2",
|
||||
imageAlt: "AI policy intelligence digital",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-using-computer-monitor-neural-network-ai-llm_482257-130078.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Core Services Snapshot"
|
||||
@@ -160,46 +101,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCartItem />
|
||||
<ProductCartItem item={{ id: "product-1", name: "Consultation Session", price: 500, quantity: 1 }} />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-data-technology-background-with-low-poly-plexus-design_1048-16344.jpg"
|
||||
imageAlt="abstract data network tech"
|
||||
title="Connect with us"
|
||||
description="Let us know how we can help you."
|
||||
inputs={[{ type: "text", label: "Name", placeholder: "Your Name" }, { type: "email", label: "Email", placeholder: "Your Email" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Lunzulu AI",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Consultations",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "Programmes",
|
||||
href: "/academy",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Lunzulu AI", items: [{ label: "About Us", href: "/about" }, { label: "Consultations", href: "/contact" }] },
|
||||
{ title: "Academy", items: [{ label: "Programmes", href: "/academy" }, { label: "Partnerships", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Lunzulu AI Solutions PTY (LTD)"
|
||||
bottomRightText="Building the future of Africa."
|
||||
|
||||
Reference in New Issue
Block a user