290 lines
15 KiB
TypeScript
290 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import { Facebook, Instagram } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Packages", id: "#packages"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Elevare Studios"
|
|
button={{
|
|
text: "WhatsApp Us", href: "https://wa.me/"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Professional Digital Marketing. Affordable Prices. Built for Kenyan Businesses."
|
|
description="We create AI-powered posters, videos, social media content, and websites that help your business grow — without the agency price tag."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "AI Social Media Dashboard"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-deals-end-tonight_23-2152027046.jpg?_wi=1", imageAlt: "Vibrant AI-Generated Poster"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062995.jpg", imageAlt: "Dynamic AI Short Form Video Thumbnail"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-director-working-her-own-office-with-green-screen_482257-122590.jpg", imageAlt: "Responsive AI Website Mockup"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5pgwj", imageAlt: "AI Marketing Process Infographic"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2xbbph", imageAlt: "Elevare Studios Branding Elements"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg", imageAlt: "AI Mobile Marketing Analytics"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-deals-end-tonight_23-2152027046.jpg?_wi=2", imageAlt: "AI Social Media Campaign Visual"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-filming-his-video-blog-episode_171337-5526.jpg", imageAlt: "AI Professional Advertising Video Frame"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-content-balloons-word_53876-165228.jpg", imageAlt: "AI Content Creation Tool Interface"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg", imageAlt: "Business Growth Data Chart"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-bottles-ketchup-mustard_23-2148314144.jpg", imageAlt: "Abstract Digital Marketing Success"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Our Packages", href: "#packages"}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038900.jpg", alt: "Satisfied client avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038903.jpg", alt: "Another satisfied client avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/reconnaissance-department-operator-gathering-information-national-safety_482257-89726.jpg", alt: "Client testimonial avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749870.jpg", alt: "Business partner avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg", alt: "Happy customer avatar"},
|
|
]}
|
|
avatarText="Join 100+ Kenyan businesses growing with us."
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/women-working-together-close-up_23-2148966944.jpg", alt: "Tech Solutions Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/full-length-happy-attractive-asian-man-jumping-from-happiness-carry-shopping-bags-standing-yellow-wall_1258-17675.jpg", alt: "Food Delivery Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/producer-his-shop-with-fresh-foods_23-2149110820.jpg", alt: "Real Estate Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/old-vhs-packaging-high-angle_23-2149854285.jpg", alt: "Fitness Brand Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104046.jpg", alt: "Education Tech Logo"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-problem" data-section="about-problem">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Marketing Shouldn't Break Your Budget"
|
|
description="Traditional agencies in Nairobi charge KES 50,000+ per month. With the cost of living rising and margins getting tighter, that's not realistic for most businesses. Elevare Studios uses AI to deliver the same professional quality — at a fraction of the cost."
|
|
imageSrc="http://img.b2bpic.net/free-photo/advanced-technological-robot-interacting-with-money-finance_23-2151612637.jpg"
|
|
imageAlt="Illustration of budget-friendly digital marketing solutions"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "ai-posters", label: "🖼️", title: "AI Posters", items: [
|
|
"Scroll-stopping graphics for your social media"],
|
|
},
|
|
{
|
|
id: "ai-reels", label: "🎬", title: "AI Short Form Reels/TikToks", items: [
|
|
"Engaging short videos for Instagram and TikTok"],
|
|
},
|
|
{
|
|
id: "ai-videos", label: "🎥", title: "AI Professional Advertising Videos", items: [
|
|
"High quality product and UGC promo videos"],
|
|
},
|
|
{
|
|
id: "ai-bundles", label: "📱", title: "AI Social Media Bundles", items: [
|
|
"Monthly content packages combining posters and reels"],
|
|
},
|
|
{
|
|
id: "ai-websites", label: "🌐", title: "AI Websites", items: [
|
|
"Professional websites built and hosted for your business"],
|
|
},
|
|
]}
|
|
title="What We Do"
|
|
description="Leverage the power of AI to create impactful digital content."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechNova Solutions", "SwiftBite Deliveries", "UrbanNest Properties", "FitLife Kenya", "EduSpark Innovations", "RapidMove Logistics", "CapitalGrowth Finance"]}
|
|
title="Trusted by Growing Businesses Across Kenya"
|
|
description="We help entrepreneurs and SMEs achieve their marketing goals with intelligent, cost-effective solutions."
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Why Kenyan Businesses Choose Us"
|
|
tag="Our Advantage"
|
|
metrics={[
|
|
{
|
|
id: "ai-power", value: "AI Power", description: "Faster turnaround than traditional agencies"},
|
|
{
|
|
id: "local-economy", value: "Local Economy", description: "Professional quality at prices that make sense for Kenya"},
|
|
{
|
|
id: "full-service", value: "Full Service", description: "Content, videos, and websites under one roof"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="packages" data-section="packages">
|
|
<PricingCardNine
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "poster-single", title: "AI Poster (Single)", price: "KES 1,000", period: "once", features: [
|
|
"Scroll-stopping graphic", "Delivered within 24hrs"],
|
|
button: {
|
|
text: "Order Now"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-vaporwave-portrait-man_23-2148950762.jpg", imageAlt: "Abstract portrait for AI poster"},
|
|
{
|
|
id: "poster-monthly", title: "AI Posters (Monthly)", price: "KES 10,000", period: "/mo", features: [
|
|
"12 Scroll-stopping graphics", "Ideal for regular social media content", "Monthly content calendar"],
|
|
button: {
|
|
text: "Subscribe"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-guitar-home_23-2149061757.jpg", imageAlt: "Close up of man holding controller"},
|
|
{
|
|
id: "reel-single", title: "AI Short Form Reel (Single)", price: "KES 3,500", period: "once", features: [
|
|
"Engaging short video", "Perfect for Instagram/TikTok", "Royalty-free music"],
|
|
button: {
|
|
text: "Order Now"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/diverse-coworkers-attend-after-hours-business-meeting-analysis-files_482257-130101.jpg", imageAlt: "Business partners reviewing project analytics"},
|
|
{
|
|
id: "reel-monthly", title: "AI Short Form Reels (Monthly)", price: "KES 10,000", period: "/mo", features: [
|
|
"4 Engaging short videos", "Consistent social media presence", "Monthly content planning"],
|
|
button: {
|
|
text: "Subscribe"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/workplace_93675-130645.jpg", imageAlt: "Illustration of coffee cup decoration"},
|
|
{
|
|
id: "ad-video", title: "AI Professional Ad Video", price: "KES 8,000", period: "once", features: [
|
|
"High-quality product promo", "UGC style options", "Script writing assistance"],
|
|
button: {
|
|
text: "Order Now"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laptop-blank-notepad-blue-background-top-view-copy-space_169016-28766.jpg", imageAlt: "Laptop Gadget Device"},
|
|
{
|
|
id: "bundle-standard", title: "AI Social Media Bundle (Standard)", price: "KES 15,000", period: "/mo", features: [
|
|
"11 Posters + 4 Reels", "Comprehensive monthly content", "Dedicated account support"],
|
|
button: {
|
|
text: "Get Bundle"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/red-3d-heart-shape-with-paint-pigment_23-2150965472.jpg", imageAlt: "Date Night Ideas Concept"},
|
|
{
|
|
id: "website-lp", title: "AI Website (Landing Page)", price: "KES 7,500", period: "once + KES 1,500/mo hosting", features: [
|
|
"Single page site", "Professional online presence", "SEO optimized"],
|
|
button: {
|
|
text: "Build Site"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-pressing-virtual-application_1134-640.jpg", imageAlt: "Futuristic data interface"},
|
|
{
|
|
id: "website-mp", title: "AI Website (5-7 Pages)", price: "KES 25,000", period: "once + KES 2,500/mo hosting", features: [
|
|
"Full website solution", "Scalable for growing businesses", "E-commerce integration available"],
|
|
button: {
|
|
text: "Build Site"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/employee-holding-laptop-with-business-diagrams-company-office-management-presentation-diagrams-graphs-computer-screen-data-report-research-information-pc-close-up_482257-50104.jpg", imageAlt: "Modern laptop with rate charts"}
|
|
]}
|
|
title="Simple, Transparent Pricing"
|
|
description="Flexible packages designed to fit your budget and marketing needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Ready to Grow Your Business?"
|
|
description="Get in touch today and let's build something great together."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 4,
|
|
required: true
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg"
|
|
imageAlt="Contact Elevare Studios"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
buttonText="WhatsApp Us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Elevare Studios"
|
|
copyrightText="© 2024 Elevare Studios. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://www.instagram.com/elevarestudios", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://www.facebook.com/elevarestudios", ariaLabel: "Facebook"}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|