351 lines
13 KiB
TypeScript
351 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, BarChart, CheckCircle, Layers, Rocket, Sparkles, Star, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "Packages",
|
|
id: "/packages",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
{
|
|
name: "Client Login",
|
|
id: "/login",
|
|
},
|
|
]}
|
|
brandName="eXpand AD"
|
|
button={{
|
|
text: "Get a Quote",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="eXpand AD"
|
|
description="From content strategy to campaign management, eXpand AD handles your social presence so you can focus on business. Choose your package and launch within days."
|
|
buttons={[
|
|
{
|
|
text: "View Packages",
|
|
href: "/packages",
|
|
},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/graphic-designers-discussing-laptop_1170-1863.jpg?_wi=1"
|
|
imageAlt="Dynamic team collaborating on social media strategy"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Us"
|
|
tagIcon={Users}
|
|
title="Your Partner in Digital Growth"
|
|
description="At eXpand AD, we believe in unlocking the full potential of your brand online. Our tailored social media strategies, impactful influencer campaigns, and bespoke brand designs are crafted to drive measurable results."
|
|
subdescription="We specialize in empowering businesses of all sizes to navigate the complexities of the digital landscape, ensuring a strong, consistent, and engaging presence."
|
|
icon={Rocket}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg?_wi=1"
|
|
imageAlt="Marketing professional overseeing social media strategy"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Social Media Management",
|
|
description: "Engage your audience and build your brand with expert content strategy, scheduling, and community management.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904330.jpg?_wi=1",
|
|
imageAlt: "Phone showing social media app icons and dashboard",
|
|
buttonIcon: "Globe",
|
|
buttonHref: "/services",
|
|
},
|
|
{
|
|
title: "Influencer Marketing",
|
|
description: "Amplify your reach and boost credibility through authentic collaborations with key industry influencers.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blogger-filming-herself-with-mobile-phone_23-2148586378.jpg?_wi=1",
|
|
imageAlt: "Collage of diverse influencers interacting online",
|
|
buttonIcon: "Zap",
|
|
buttonHref: "/services",
|
|
},
|
|
{
|
|
title: "Brand Design & Strategy",
|
|
description: "Craft a memorable brand identity from logo to visual guidelines that resonates with your target market.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345450.jpg?_wi=1",
|
|
imageAlt: "Graphic design workspace with brand guideline document",
|
|
buttonIcon: "Palette",
|
|
buttonHref: "/services",
|
|
},
|
|
{
|
|
title: "Performance Analytics",
|
|
description: "Gain deep insights into your campaign performance with advanced analytics and regular, actionable reports.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg",
|
|
imageAlt: "Digital analytics dashboard showing growth and insights",
|
|
buttonIcon: "BarChart",
|
|
buttonHref: "/services",
|
|
},
|
|
]}
|
|
title="Our Core Services"
|
|
description="We offer comprehensive solutions to elevate your digital presence and connect with your audience."
|
|
tag="What We Do"
|
|
tagIcon={Layers}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"GlobalTech Solutions",
|
|
"Innovate Ventures",
|
|
"Creative Hub Studios",
|
|
"DataStream Analytics",
|
|
"ConnectSphere Social",
|
|
"Elite Brands Co.",
|
|
"Industrial Forge",
|
|
]}
|
|
title="Trusted by Industry Leaders"
|
|
description="Our expertise has helped numerous businesses achieve their marketing objectives and grow their brand."
|
|
tag="Our Partners"
|
|
tagIcon={Star}
|
|
buttons={[
|
|
{
|
|
text: "View Case Studies",
|
|
href: "/services#case-studies",
|
|
},
|
|
]}
|
|
speed={50}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
icon: BarChart,
|
|
title: "Average Engagement Rate",
|
|
value: "20%+",
|
|
},
|
|
{
|
|
id: "m2",
|
|
icon: Rocket,
|
|
title: "Client Growth in 12 Months",
|
|
value: "50%+",
|
|
},
|
|
{
|
|
id: "m3",
|
|
icon: Award,
|
|
title: "Campaign ROI",
|
|
value: "3X Avg",
|
|
},
|
|
]}
|
|
title="Driving Tangible Results"
|
|
description="Our data-driven strategies consistently deliver impressive growth and engagement for our clients."
|
|
tag="Our Impact"
|
|
tagIcon={TrendingUp}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah Johnson",
|
|
date: "May 10, 2024",
|
|
title: "Outstanding Social Media Growth",
|
|
quote: "eXpand AD revolutionized our social media presence. Their strategic approach led to a significant increase in engagement and followers. Truly impressive results!",
|
|
tag: "Social Media",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
|
|
avatarAlt: "Sarah Johnson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designers-discussing-laptop_1170-1863.jpg?_wi=2",
|
|
imageAlt: "female CEO headshot smiling",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Michael Chen",
|
|
date: "April 22, 2024",
|
|
title: "Effective Influencer Campaigns",
|
|
quote: "The influencer campaigns crafted by eXpand AD were incredibly effective. We saw a massive uplift in brand awareness and conversions. Highly recommend!",
|
|
tag: "Influencer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
|
avatarAlt: "Michael Chen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg?_wi=2",
|
|
imageAlt: "female CEO headshot smiling",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emily Rodriguez",
|
|
date: "March 15, 2024",
|
|
title: "Impeccable Brand Design",
|
|
quote: "Our new brand identity developed by eXpand AD perfectly captures our vision. It's fresh, modern, and consistently receives positive feedback.",
|
|
tag: "Brand Design",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
|
avatarAlt: "Emily Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904330.jpg?_wi=2",
|
|
imageAlt: "female CEO headshot smiling",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David Kim",
|
|
date: "February 28, 2024",
|
|
title: "Seamless Digital Strategy",
|
|
quote: "From content creation to performance tracking, eXpand AD managed our digital strategy flawlessly. Their team is professional and results-oriented.",
|
|
tag: "Strategy",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
|
|
avatarAlt: "David Kim",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blogger-filming-herself-with-mobile-phone_23-2148586378.jpg?_wi=2",
|
|
imageAlt: "female CEO headshot smiling",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jessica Lee",
|
|
date: "January 19, 2024",
|
|
title: "Exceptional Customer Service",
|
|
quote: "Beyond their technical expertise, the eXpand AD team provides exceptional support. They truly listen and adapt to our needs, making them a valued partner.",
|
|
tag: "Support",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
|
avatarAlt: "Jessica Lee",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345450.jpg?_wi=2",
|
|
imageAlt: "female CEO headshot smiling",
|
|
},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from businesses who have transformed their digital presence with eXpand AD."
|
|
tag="Success Stories"
|
|
tagIcon={CheckCircle}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-home" data-section="contact-home">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Ready to Grow?"
|
|
title="Let's Build Your Digital Success Story"
|
|
description="Partner with eXpand AD and take your social media presence, influencer reach, and brand identity to the next level. Contact us today!"
|
|
tagIcon={Sparkles}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get a Free Quote"
|
|
termsText="By clicking Get a Free Quote, you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="eXpand AD"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/#about",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Packages",
|
|
href: "/packages",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "Client Login",
|
|
href: "/login",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "/contact#faq",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "/blog",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 eXpand AD. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|