Update src/app/page.tsx

This commit is contained in:
2026-04-15 16:05:55 +00:00
parent 487813c57e
commit ed5036f330

View File

@@ -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."