Merge version_2 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Zambia Creatives"
|
||||
/>
|
||||
@@ -60,19 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Zambia Creatives"
|
||||
description="Transforming bold visions into impactful reality. Leading the Zambian creative landscape with strategic design and innovative digital solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
{
|
||||
text: "Let's Talk",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Let's Talk", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-agent-showing-office-building-interior_74855-1199.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -86,19 +71,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Projects Completed", value: "150+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "85+",
|
||||
},
|
||||
label: "Happy Clients", value: "85+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -111,20 +90,11 @@ export default function LandingPage() {
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Client Retention"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Dedicated Support",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Dedicated Support"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Creative Experts",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Creative Experts"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -137,34 +107,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Strategy",
|
||||
title: "Brand Strategy",
|
||||
items: [
|
||||
"Market Analysis",
|
||||
"Brand Positioning",
|
||||
"Communication Roadmap",
|
||||
],
|
||||
id: "f1", label: "Market Dominance", title: "Brand Strategy", items: [
|
||||
"Market Analysis", "Brand Positioning", "Communication Roadmap"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Design",
|
||||
title: "Digital Experiences",
|
||||
items: [
|
||||
"UI/UX Design",
|
||||
"Web Development",
|
||||
"App Design",
|
||||
],
|
||||
id: "f2", label: "Seamless Digital Presence", title: "Digital Experiences", items: [
|
||||
"UI/UX Design", "Web Development", "App Design"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Growth",
|
||||
title: "Marketing Growth",
|
||||
items: [
|
||||
"Digital Campaigns",
|
||||
"Content Strategy",
|
||||
"SEO Optimization",
|
||||
],
|
||||
id: "f3", label: "Scalable Growth", title: "Marketing Growth", items: [
|
||||
"Digital Campaigns", "Content Strategy", "SEO Optimization"],
|
||||
},
|
||||
]}
|
||||
title="Services We Provide"
|
||||
@@ -180,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Corporate Rebranding",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-stationery-elements-fruit_23-2148851529.jpg",
|
||||
},
|
||||
id: "p1", name: "Corporate Rebranding", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-stationery-elements-fruit_23-2148851529.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Banking Fintech App",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
},
|
||||
id: "p2", name: "Banking Fintech App", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "National Awareness Campaign",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-pointing-laptop-screen_53876-94709.jpg",
|
||||
},
|
||||
id: "p3", name: "National Awareness Campaign", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-pointing-laptop-screen_53876-94709.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tech Hub Workspace",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg",
|
||||
},
|
||||
id: "p4", name: "Tech Hub Workspace", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "E-Commerce Launch",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg",
|
||||
},
|
||||
id: "p5", name: "E-Commerce Launch", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cultural Festival Visuals",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg",
|
||||
},
|
||||
id: "p6", name: "Cultural Festival Visuals", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Showcasing recent successful collaborations and digital transformation projects across Zambia."
|
||||
@@ -228,40 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Chileshe Mwaba",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional team that truly understands the local Zambian market while keeping international standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2660.jpg",
|
||||
},
|
||||
id: "t1", name: "Chileshe Mwaba", role: "CEO", testimonial: "Exceptional team that truly understands the local Zambian market while keeping international standards.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2660.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Emmanuel Banda",
|
||||
role: "Director",
|
||||
testimonial: "They transformed our digital identity completely. A pleasure to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
|
||||
},
|
||||
id: "t2", name: "Emmanuel Banda", role: "Director", testimonial: "They transformed our digital identity completely. A pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Phiri",
|
||||
role: "Marketing Lead",
|
||||
testimonial: "Their approach to design is both creative and strategic. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Phiri", role: "Marketing Lead", testimonial: "Their approach to design is both creative and strategic. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Kalaba",
|
||||
role: "Founder",
|
||||
testimonial: "Innovative solutions that delivered measurable growth for our new venture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg",
|
||||
},
|
||||
id: "t4", name: "John Kalaba", role: "Founder", testimonial: "Innovative solutions that delivered measurable growth for our new venture.", imageSrc: "http://img.b2bpic.net/man-using-glass-wall-write-some-information_329181-15291.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Memory Mwale",
|
||||
role: "Director",
|
||||
testimonial: "Professional, efficient, and deeply passionate about high-quality creative output.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg",
|
||||
},
|
||||
id: "t5", name: "Memory Mwale", role: "Director", testimonial: "Professional, efficient, and deeply passionate about high-quality creative output.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg"},
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Hear what our partners have to say about working with Zambia Creatives."
|
||||
@@ -273,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Zanaco",
|
||||
"Airtel",
|
||||
"MTN",
|
||||
"Stanbic",
|
||||
"Shoprite",
|
||||
"KCM",
|
||||
"Mopani",
|
||||
]}
|
||||
"Zanaco", "Airtel", "MTN", "Stanbic", "Shoprite", "KCM", "Mopani"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Collaborating with forward-thinking organizations across Africa."
|
||||
/>
|
||||
@@ -290,14 +186,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to start your next creative project? Let's build something exceptional together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@zambiacreatives.co.zm",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@zambiacreatives.co.zm"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,50 +200,31 @@ export default function LandingPage() {
|
||||
logoText="Zambia Creatives"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Strategy",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Strategy", href: "#features"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Design", href: "#features"},
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Marketing", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -359,4 +233,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user