309 lines
14 KiB
TypeScript
309 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import {
|
|
Sparkles,
|
|
Zap,
|
|
Crown,
|
|
Rocket,
|
|
Trophy,
|
|
Star,
|
|
HelpCircle,
|
|
BarChart3,
|
|
Users,
|
|
Trending,
|
|
TrendingUp,
|
|
Award,
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="LRD"
|
|
navItems={[
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
background={{ variant: "aurora" }}
|
|
tag="Influencer Marketing Agency"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="entrance-slide"
|
|
title="Lead, Revenue, Dominate"
|
|
description="Amplify your brand's reach through elite influencer partnerships. We connect you with top creators, manage end-to-end campaigns, and deliver measurable ROI that dominates the market."
|
|
buttons={[
|
|
{ text: "Start Campaign", href: "contact" },
|
|
{ text: "View Portfolios", href: "testimonials" },
|
|
]}
|
|
buttonAnimation="entrance-slide"
|
|
dashboard={{
|
|
title: "Campaign Performance Hub", logoIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg", searchPlaceholder: "Search influencers...", buttons: [
|
|
{ text: "Live Campaigns", href: "#" },
|
|
{ text: "Export Report", href: "#" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: BarChart3 },
|
|
{ icon: Users },
|
|
{ icon: Trending },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Total Reach", values: [2500000, 3200000, 4100000],
|
|
valueSuffix: "+", description: "Combined audience reach"},
|
|
{
|
|
title: "Engagement Rate", values: [6.8, 7.2, 8.1],
|
|
valueSuffix: "%", description: "Average engagement metrics"},
|
|
{
|
|
title: "Campaigns Live", values: [24, 28, 31],
|
|
description: "Active campaigns running"},
|
|
],
|
|
chartTitle: "Campaign Growth", chartData: [
|
|
{ value: 45 },
|
|
{ value: 62 },
|
|
{ value: 78 },
|
|
{ value: 85 },
|
|
{ value: 92 },
|
|
],
|
|
listTitle: "Recent Influencers", listItems: [
|
|
{ icon: Users, title: "@CreatorElite", status: "Active" },
|
|
{
|
|
icon: TrendingUp,
|
|
title: "@InfluencerPro", status: "Campaign Live"},
|
|
{ icon: Award, title: "@TopTalent", status: "Approved" },
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Why LRD"
|
|
tagIcon={Crown}
|
|
tagAnimation="entrance-slide"
|
|
title="We don't just manage campaigns. We dominate markets and drive real revenue for our partners."
|
|
description="Founded by industry veterans"
|
|
subdescription="LRD - Lead Revenue Dominate"
|
|
icon={Rocket}
|
|
imageSrc="http://img.b2bpic.net/free-photo/coworkers-office-with-photo-cameras-computer_329181-12078.jpg"
|
|
imageAlt="LRD team collaborating on influencer marketing strategy"
|
|
mediaAnimation="entrance-slide"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Our Premium Services"
|
|
description="End-to-end influencer marketing solutions designed to drive results"
|
|
tag="Capabilities"
|
|
tagIcon={Zap}
|
|
tagAnimation="entrance-slide"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Influencer Discovery & Vetting", description:
|
|
"Access our network of 10,000+ verified creators across all platforms. We handle influencer research, vetting, and relationship building.", phoneOne: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-friends-looking-social-media-smartphone_53876-102034.jpg?_wi=1"},
|
|
phoneTwo: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/colleagues-working-around-computer_329181-12035.jpg?_wi=1"},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Campaign Management & Execution", description:
|
|
"From strategy to execution, we manage every aspect of your influencer campaigns with real-time tracking and optimization.", phoneOne: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/colleagues-working-around-computer_329181-12035.jpg?_wi=2"},
|
|
phoneTwo: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-friends-looking-social-media-smartphone_53876-102034.jpg?_wi=2"},
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
animationType="entrance-slide"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Our Track Record"
|
|
description="Proven results that speak for themselves"
|
|
tag="Performance"
|
|
tagIcon={Trophy}
|
|
tagAnimation="entrance-slide"
|
|
metrics={[
|
|
{ id: "1", value: "500M+", description: "Total Impressions Delivered" },
|
|
{ id: "2", value: "$2.3B+", description: "Revenue Generated for Clients" },
|
|
{ id: "3", value: "95%", description: "Client Satisfaction Rate" },
|
|
{ id: "4", value: "150+", description: "Successful Campaigns Launched" },
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="entrance-slide"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Client Success Stories"
|
|
description="Hear from brands that have dominated their markets with LRD"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="entrance-slide"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexandra Chen", role: "Chief Marketing Officer", company: "Luxe Beauty Co", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "Founder & CEO", company: "Urban Fashion Line", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
|
|
{
|
|
id: "3", name: "Sophia Rodriguez", role: "Head of Digital Marketing", company: "TechGear International", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
|
|
{
|
|
id: "4", name: "James Mitchell", role: "VP of Growth", company: "Wellness Empire", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "340%", label: "Average ROI Increase" },
|
|
{ value: "2.8M+", label: "Audience Growth" },
|
|
{ value: "89%", label: "Repeat Partnership Rate" },
|
|
]}
|
|
animationType="entrance-slide"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Partnerships Across Platforms"
|
|
description="We work with the world's leading social platforms and creator networks"
|
|
tag="Partners"
|
|
tagIcon={Zap}
|
|
tagAnimation="entrance-slide"
|
|
names={[
|
|
"Instagram", "TikTok", "YouTube", "Twitter/X", "LinkedIn", "Threads", "Snapchat"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about working with LRD"
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="entrance-slide"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you select influencers for my brand?", content:
|
|
"We use proprietary data analysis and audience insights to match creators with your brand values, target demographic, and campaign goals. Every influencer is thoroughly vetted for authenticity and engagement metrics."},
|
|
{
|
|
id: "2", title: "What's your typical campaign timeline?", content:
|
|
"Most campaigns are structured with 2-4 weeks for planning and influencer onboarding, followed by 4-8 weeks of active campaign execution. However, timelines are customized based on your specific objectives and requirements."},
|
|
{
|
|
id: "3", title: "How do you measure campaign success?", content:
|
|
"We track comprehensive KPIs including reach, engagement rate, click-through rates, conversions, and ROI. You receive weekly performance reports and real-time dashboards throughout the campaign."},
|
|
{
|
|
id: "4", title: "Do you work with emerging creators?", content:
|
|
"Yes! We work with creators at all levels. Emerging influencers often provide exceptional engagement rates and can be more cost-effective. We assess each creator individually based on their audience quality."},
|
|
{
|
|
id: "5", title: "What platforms do you specialize in?", content:
|
|
"We have expertise across Instagram, TikTok, YouTube, LinkedIn, Twitter/X, Threads, and Snapchat. We also run multi-platform campaigns for maximum reach and impact."},
|
|
{
|
|
id: "6", title: "How much does influencer marketing cost?", content:
|
|
"Pricing varies based on campaign scope, influencer tier, content requirements, and duration. We offer flexible packages starting from $10,000 to enterprise-level programs. Let's discuss your budget and goals."},
|
|
]}
|
|
faqsAnimation="entrance-slide"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="LRD"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Influencer Discovery", href: "#features" },
|
|
{ label: "Campaign Management", href: "#features" },
|
|
{ label: "Content Strategy", href: "#about" },
|
|
{ label: "Performance Tracking", href: "#metrics" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About LRD", href: "#about" },
|
|
{ label: "Our Work", href: "#testimonials" },
|
|
{ label: "Case Studies", href: "#testimonials" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Get Started", href: "#" },
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 LRD - Lead Revenue Dominate. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|