Merge version_1 into main #2
459
src/app/page.tsx
459
src/app/page.tsx
@@ -26,326 +26,161 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="QuickSiteKenya"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="QuickSiteKenya"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Empowering Kenyan Businesses Through Exceptional Websites"
|
||||
description="We craft high-performance, modern, and growth-focused websites designed to scale. Experience digital excellence with QuickSiteKenya."
|
||||
tag="BUILDING WEBSITES THAT DRIVE RESULTS"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Contact Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=1",
|
||||
imageAlt: "Nairobi Skyline at Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=2",
|
||||
imageAlt: "Nairobi Skyline at Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=3",
|
||||
imageAlt: "Nairobi Skyline at Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=4",
|
||||
imageAlt: "Nairobi Skyline at Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=5",
|
||||
imageAlt: "Nairobi Skyline at Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=6",
|
||||
imageAlt: "Nairobi Skyline at Night",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Empowering Kenyan Businesses Through Exceptional Websites"
|
||||
description="We craft high-performance, modern, and growth-focused websites designed to scale. Experience digital excellence with QuickSiteKenya."
|
||||
tag="BUILDING WEBSITES THAT DRIVE RESULTS"
|
||||
buttons={[
|
||||
{ text: "View Services", href: "#services" },
|
||||
{ text: "Contact Now", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Performance",
|
||||
description: "Blazing fast load times for better conversions.",
|
||||
tag: "Speed",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cutting-Edge Design",
|
||||
description: "Modern aesthetics that define your brand.",
|
||||
tag: "UX/UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-diwali-wishes-green-background-with-ethnic-golden-diya_1017-61468.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Growth-Focused",
|
||||
description: "Strategy integrated into every line of code.",
|
||||
tag: "Growth",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Tailored Solutions",
|
||||
description: "Custom features built for your unique market.",
|
||||
tag: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-gear-logo-design_1396-80.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Local Expertise",
|
||||
description: "Designed for the unique needs of Kenyan consumers.",
|
||||
tag: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Why QuickSiteKenya?"
|
||||
description="We combine local insight with global design standards to push your business forward."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Performance", description: "Blazing fast load times for better conversions.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg" },
|
||||
{ id: "f2", title: "Cutting-Edge Design", description: "Modern aesthetics that define your brand.", tag: "UX/UI", imageSrc: "http://img.b2bpic.net/free-vector/happy-diwali-wishes-green-background-with-ethnic-golden-diya_1017-61468.jpg" },
|
||||
{ id: "f3", title: "Growth-Focused", description: "Strategy integrated into every line of code.", tag: "Growth", imageSrc: "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg" },
|
||||
{ id: "f4", title: "Tailored Solutions", description: "Custom features built for your unique market.", tag: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-gear-logo-design_1396-80.jpg" },
|
||||
{ id: "f5", title: "Local Expertise", description: "Designed for the unique needs of Kenyan consumers.", tag: "Local", imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg" },
|
||||
]}
|
||||
title="Why QuickSiteKenya?"
|
||||
description="We combine local insight with global design standards to push your business forward."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Website Design",
|
||||
price: "From $500",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "E-commerce Development",
|
||||
price: "From $800",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "SEO Optimization",
|
||||
price: "From $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Website Maintenance",
|
||||
price: "From $100/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Brand Identity",
|
||||
price: "From $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive digital solutions tailored for the Kenyan market."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "s1", name: "Website Design", price: "From $500", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
|
||||
{ id: "s2", name: "E-commerce Development", price: "From $800", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
|
||||
{ id: "s3", name: "SEO Optimization", price: "From $300", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
|
||||
{ id: "s4", name: "Website Maintenance", price: "From $100/mo", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
|
||||
{ id: "s5", name: "Brand Identity", price: "From $250", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive digital solutions tailored for the Kenyan market."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nairobi Real Estate Portal",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kenyan Fashion E-store",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tech Startup Platform",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Local Restaurant App",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Agri-tech Marketplace",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A glimpse of the websites we have built to empower businesses."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Nairobi Real Estate Portal", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg" },
|
||||
{ id: "p2", name: "Kenyan Fashion E-store", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg" },
|
||||
{ id: "p3", name: "Tech Startup Platform", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg" },
|
||||
{ id: "p4", name: "Local Restaurant App", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg" },
|
||||
{ id: "p5", name: "Agri-tech Marketplace", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg" },
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A glimpse of the websites we have built to empower businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="About QuickSiteKenya"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Happy Clients",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Years Experience",
|
||||
value: "5+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Team Members",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: BarChart2,
|
||||
label: "Growth Rate",
|
||||
value: "400%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="About QuickSiteKenya"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "150+" },
|
||||
{ icon: Award, label: "Happy Clients", value: "120+" },
|
||||
{ icon: Zap, label: "Years Experience", value: "5+" },
|
||||
{ icon: Users, label: "Team Members", value: "20+" },
|
||||
{ icon: BarChart2, label: "Growth Rate", value: "400%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Growth"
|
||||
title="Ready to Grow Your Business Online?"
|
||||
description="Let's build something exceptional together."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Started"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Growth"
|
||||
title="Ready to Grow Your Business Online?"
|
||||
description="Let's build something exceptional together."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Started"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Connect"
|
||||
title="Contact Us"
|
||||
description="Have a project in mind? We'd love to hear about it."
|
||||
mediaAnimation="blur-reveal"
|
||||
inputPlaceholder="Enter your email"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=6"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Connect"
|
||||
title="Contact Us"
|
||||
description="Have a project in mind? We'd love to hear about it."
|
||||
mediaAnimation="blur-reveal"
|
||||
inputPlaceholder="Enter your email"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 QuickSiteKenya. All rights reserved."
|
||||
bottomRightText="Crafted with passion for Kenya"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Design", href: "#services" },
|
||||
{ label: "SEO", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 QuickSiteKenya. All rights reserved."
|
||||
bottomRightText="Crafted with passion for Kenya"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user