Merge version_1 into main #2
306
src/app/page.tsx
306
src/app/page.tsx
@@ -32,26 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Social Proof", id: "socialProof" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fireworks Advertising"
|
||||
/>
|
||||
@@ -59,78 +47,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Igniting Creative Excellence."
|
||||
description="Fireworks Advertising (U) Ltd transforms brand potential into market dominance. We deliver unique, clean, and professional advertising concepts that resonate globally."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "200+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Retention" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-developing-photos_23-2149893950.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-developing-photos_23-2149893950.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/developing-photographs-darkroom-concept_23-2149893777.jpg",
|
||||
alt: "Developing photographs in darkroom concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893829.jpg",
|
||||
alt: "Man developing photos side view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107885.jpg",
|
||||
alt: "Retro product with vintage packaging",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/developing-photos-darkroom-concept_23-2149893905.jpg",
|
||||
alt: "Developing photos in a darkroom concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
|
||||
alt: "Portrait of business woman in office",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/developing-photographs-darkroom-concept_23-2149893777.jpg", alt: "Developing photographs in darkroom concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893829.jpg", alt: "Man developing photos side view" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107885.jpg", alt: "Retro product with vintage packaging" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/developing-photos-darkroom-concept_23-2149893905.jpg", alt: "Developing photos in a darkroom concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", alt: "Portrait of business woman in office" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Media Buying",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Research",
|
||||
},
|
||||
{ type: "text", text: "Creative Strategy" },
|
||||
{ type: "text", text: "Brand Development" },
|
||||
{ type: "text", text: "Digital Performance" },
|
||||
{ type: "text", text: "Media Buying" },
|
||||
{ type: "text", text: "Market Research" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,10 +82,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just Advertising"
|
||||
description={[
|
||||
"At Fireworks Advertising (U) Ltd, we believe that great advertising is both an art and a science.",
|
||||
"Our team of creative professionals combines strategic data insights with out-of-the-box thinking to ensure your brand stands out in a crowded market.",
|
||||
"We take pride in our history of excellence, serving big companies and small startups alike with the same dedication and professionalism.",
|
||||
]}
|
||||
"At Fireworks Advertising (U) Ltd, we believe that great advertising is both an art and a science.", "Our team of creative professionals combines strategic data insights with out-of-the-box thinking to ensure your brand stands out in a crowded market.", "We take pride in our history of excellence, serving big companies and small startups alike with the same dedication and professionalism."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,49 +93,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Unique Creative Concepts",
|
||||
description: "Crafting unforgettable brand narratives through visual and textual excellence.",
|
||||
icon: Sparkles,
|
||||
title: "Unique Creative Concepts", description: "Crafting unforgettable brand narratives through visual and textual excellence.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898342.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37020.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-developing-photos_23-2149893950.jpg?_wi=2",
|
||||
imageAlt: "abstract advertising graphic design art",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898342.jpg", imageAlt: "abstract advertising graphic design art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37020.jpg", imageAlt: "abstract advertising graphic design art" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Data-Driven Performance",
|
||||
description: "Strategic market research ensures every campaign hits the target demographic precisely.",
|
||||
icon: LineChart,
|
||||
title: "Data-Driven Performance", description: "Strategic market research ensures every campaign hits the target demographic precisely.", icon: LineChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169682.jpg",
|
||||
imageAlt: "abstract advertising graphic design art",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", imageAlt: "abstract advertising graphic design art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "abstract advertising graphic design art" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Integrated Media Campaigns",
|
||||
description: "Seamless execution across print, digital, and broadcasting platforms.",
|
||||
icon: Flag,
|
||||
title: "Integrated Media Campaigns", description: "Seamless execution across print, digital, and broadcasting platforms.", icon: Flag,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-with-kid-pencil-box_23-2150169082.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169162.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg?_wi=1",
|
||||
imageAlt: "abstract advertising graphic design art",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-with-kid-pencil-box_23-2150169082.jpg", imageAlt: "abstract advertising graphic design art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169162.jpg", imageAlt: "abstract advertising graphic design art" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Agency Capabilities"
|
||||
@@ -211,27 +126,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
description: "Dedication to quality",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7★",
|
||||
title: "Client Rating",
|
||||
description: "Consistently top-rated",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always ready to assist",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Commitment", description: "Dedication to quality", icon: Award },
|
||||
{ id: "m2", value: "4.7★", title: "Client Rating", description: "Consistently top-rated", icon: Star },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Always ready to assist", icon: Headphones },
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
description="Proof of our creative prowess and industry commitment."
|
||||
@@ -244,46 +141,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Davis Ssettabi",
|
||||
handle: "Local Guide",
|
||||
testimonial: "They come up with clean, clear unique concepts and have worked for many big companies ensuring professionalism.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kamusiime Bruce",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Customer care is top notch. They truly put the client first.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rajab Abdul Jalil",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Nice place they got there. Highly recommended for any advertising needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bookshelf-water-dispenser-business-office-empty-desk-with-decorations-watercooler-startup-space-shelves-with-minimal-decor-decorative-plants-refreshment_482257-27791.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah T.",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Exceptional service and creative vision. The team is truly top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-glasses-summer-hipster-clothes-posing-near-wall_158538-9006.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark O.",
|
||||
handle: "Director",
|
||||
testimonial: "Professionalism is their middle name. Great results on our latest campaign.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg",
|
||||
},
|
||||
{ id: "1", name: "Davis Ssettabi", handle: "Local Guide", testimonial: "They come up with clean, clear unique concepts and have worked for many big companies ensuring professionalism.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg" },
|
||||
{ id: "2", name: "Kamusiime Bruce", handle: "Local Guide", testimonial: "Customer care is top notch. They truly put the client first.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg" },
|
||||
{ id: "3", name: "Rajab Abdul Jalil", handle: "Local Guide", testimonial: "Nice place they got there. Highly recommended for any advertising needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-bookshelf-water-dispenser-business-office-empty-desk-with-decorations-watercooler-startup-space-shelves-with-minimal-decor-decorative-plants-refreshment_482257-27791.jpg" },
|
||||
{ id: "4", name: "Sarah T.", handle: "Business Owner", testimonial: "Exceptional service and creative vision. The team is truly top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-glasses-summer-hipster-clothes-posing-near-wall_158538-9006.jpg" },
|
||||
{ id: "5", name: "Mark O.", handle: "Director", testimonial: "Professionalism is their middle name. Great results on our latest campaign.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -296,14 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Uganda Breweries",
|
||||
"MTN Uganda",
|
||||
"Stanbic Bank",
|
||||
"Centenary Bank",
|
||||
"NSSF Uganda",
|
||||
"TotalEnergies",
|
||||
"Coca-Cola",
|
||||
]}
|
||||
"Uganda Breweries", "MTN Uganda", "Stanbic Bank", "Centenary Bank", "NSSF Uganda", "TotalEnergies", "Coca-Cola"]}
|
||||
title="Trusted By Industry Giants"
|
||||
description="We are proud partners to some of the most recognized organizations."
|
||||
/>
|
||||
@@ -314,21 +169,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start a campaign?",
|
||||
content: "Reach out through our contact form, and we'll schedule a discovery meeting.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you work with startups?",
|
||||
content: "Absolutely! We tailor our services to meet the needs of all clients, from SMEs to multinationals.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 49 Ntinda II Rd, Kampala.",
|
||||
},
|
||||
{ id: "f1", title: "How do I start a campaign?", content: "Reach out through our contact form, and we'll schedule a discovery meeting." },
|
||||
{ id: "f2", title: "Do you work with startups?", content: "Absolutely! We tailor our services to meet the needs of all clients, from SMEs to multinationals." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located at 49 Ntinda II Rd, Kampala." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-geometrical-building-blue-sky_181624-6648.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -344,25 +187,10 @@ export default function LandingPage() {
|
||||
title="Let's Get Started"
|
||||
description="Ready to ignite your brand? Send us a message today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-illuminates-modern-beijing-skyline-steel-skyscrapers-reflect-generated-by-ai_188544-42339.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -370,34 +198,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Fireworks Advertising"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user