270 lines
19 KiB
TypeScript
270 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { TrendingUp, Target, Users, Award, Zap, Compass, Lightbulb, BarChart3, Rocket, Megaphone, Phone, Star, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="SocialVelocity"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Client Stories", id: "testimonials" },
|
|
{ name: "Process", id: "about" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Schedule Strategy Call", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Social Strategy That Drives Real Business Results"
|
|
description="We transform brands into industry voices through data-driven content, strategic community management, and measurable growth across every platform"
|
|
buttons={[
|
|
{ text: "Schedule Strategy Call", href: "#contact" },
|
|
{ text: "View Our Work", href: "#testimonials" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-vector/professional-dashboard-user-panel_23-2148359902.jpg"
|
|
imageAlt="Social media analytics dashboard showing engagement metrics and growth"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Our Strategic Approach"
|
|
metrics={[
|
|
{ icon: TrendingUp, label: "Average Client Growth", value: "+156%" },
|
|
{ icon: Target, label: "Engagement Improvement", value: "+289%" },
|
|
{ icon: Users, label: "Average Follower Increase", value: "+4.2K" },
|
|
{ icon: Award, label: "Industry Awards Won", value: "23" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="End-to-End Social Excellence"
|
|
description="From strategy and content creation to community management and analytics, we deliver comprehensive solutions that drive measurable business outcomes"
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
features={[
|
|
{
|
|
title: "Strategic Planning & Audit", description: "We audit your current social presence, analyze competitor landscape, and develop a bespoke strategy aligned with your business goals", bentoComponent: "reveal-icon", icon: Compass
|
|
},
|
|
{
|
|
title: "Content Creation & Management", description: "Expert copywriting, professional content production, and consistent posting schedules across all platforms to maximize engagement", bentoComponent: "reveal-icon", icon: Lightbulb
|
|
},
|
|
{
|
|
title: "Community & Engagement", description: "Strategic community management, real-time engagement, and influencer partnerships that build loyal, active audiences", bentoComponent: "reveal-icon", icon: Users
|
|
},
|
|
{
|
|
title: "Analytics & Reporting", description: "Comprehensive monthly reports with KPI tracking, ROI measurement, and actionable insights to optimize performance", bentoComponent: "reveal-icon", icon: BarChart3
|
|
},
|
|
{
|
|
title: "Paid Social & Ads", description: "Data-driven campaign optimization across Meta, LinkedIn, TikTok, and Google to maximize conversion and minimize CAC", bentoComponent: "reveal-icon", icon: Rocket
|
|
},
|
|
{
|
|
title: "Brand Voice Development", description: "Define and amplify your unique brand voice through consistent messaging that resonates with your target audience", bentoComponent: "reveal-icon", icon: Megaphone
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="We partner with forward-thinking brands that demand excellence and measurable results"
|
|
names={["TechVenture", "RetailPro", "FinanceFlow", "HealthPlus", "PropCorp", "CloudEdge", "ConsultGroup"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/abstract-classic-blue-business-card-template_23-2148410449.jpg", "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158020.jpg", "http://img.b2bpic.net/free-vector/collection-computer-logo-templates_23-2149003043.jpg", "http://img.b2bpic.net/free-vector/abstract-flat-business-card-template_52683-14017.jpg", "http://img.b2bpic.net/free-vector/flat-design-statue-liberty-template_23-2151172289.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148216801.jpg", "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158014.jpg"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Results That Speak for Themselves"
|
|
description="Real data from real campaigns across diverse industries and verticals"
|
|
tag="Client Success"
|
|
tagIcon={Award}
|
|
metrics={[
|
|
{
|
|
id: "growth", value: "+2.3M", title: "Total Followers Generated", description: "Across all client accounts in the past 18 months", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-infographic-template_23-2148376376.jpg", imageAlt: "growth chart upward trend analytics"
|
|
},
|
|
{
|
|
id: "engagement", value: "+487%", title: "Average Engagement Rate", description: "Compared to industry benchmarks", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg", imageAlt: "social media engagement growth chart"
|
|
},
|
|
{
|
|
id: "conversion", value: "+$12.4M", title: "Direct Revenue Attributed", description: "To social campaigns managed by our team", imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-listening-her-colleague-presenting-charts-tv-screen-conference-room_482257-31218.jpg", imageAlt: "business strategy meeting corporate office"
|
|
},
|
|
{
|
|
id: "retention", value: "94%", title: "Client Retention Rate", description: "Multi-year partnerships with enterprise clients", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-business-template_23-2148369183.jpg", imageAlt: "brand monitoring tracking social media"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Hear directly from marketing leaders and executives about their transformation"
|
|
tag="Client Success Stories"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", date: "December 2024", title: "VP of Marketing, TechVenture", quote: "SocialVelocity didn't just manage our accounts—they completely transformed our social strategy. We went from sporadic posting to a data-driven powerhouse generating qualified leads.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg", avatarAlt: "professional business woman portrait headshot", imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-listening-her-colleague-presenting-charts-tv-screen-conference-room_482257-31218.jpg", imageAlt: "business strategy meeting corporate office"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", date: "November 2024", title: "Chief Marketing Officer, RetailPro", quote: "The ROI has been undeniable. Our social-driven revenue increased by 340% within 6 months. Their strategic approach and creative execution set a new standard.", tag: "E-Commerce", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", avatarAlt: "professional business man portrait headshot", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-looking-through-photos-laptop_23-2148424421.jpg", imageAlt: "professional content creation studio"
|
|
},
|
|
{
|
|
id: "3", name: "Jennifer Kowalski", date: "October 2024", title: "Marketing Director, FinanceFlow", quote: "They understand enterprise-level requirements and deliver institutional-grade results. Our brand went from invisible to thought leader in our industry.", tag: "Financial Services", avatarSrc: "http://img.b2bpic.net/free-photo/happy-worker-with-black-notebook_1149-481.jpg", avatarAlt: "professional woman business headshot modern", imageSrc: "http://img.b2bpic.net/free-vector/professional-dashboard-user-panel_23-2148359902.jpg", imageAlt: "social media analytics dashboard professional"
|
|
},
|
|
{
|
|
id: "4", name: "David Rodriguez", date: "September 2024", title: "CEO, HealthPlus", quote: "Partnering with SocialVelocity was the best marketing decision we made. They aligned our social strategy with business objectives and delivered measurable impact.", tag: "Healthcare", avatarSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg", avatarAlt: "professional man business headshot modern", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg", imageAlt: "social media engagement growth chart"
|
|
},
|
|
{
|
|
id: "5", name: "Rebecca Thompson", date: "August 2024", title: "Head of Digital Marketing, PropCorp", quote: "Professional, strategic, results-focused. They delivered exactly what they promised and became an extension of our internal team.", tag: "Real Estate", avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", avatarAlt: "business professional woman headshot portrait", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-business-template_23-2148369183.jpg", imageAlt: "brand monitoring tracking social media"
|
|
},
|
|
{
|
|
id: "6", name: "James Park", date: "July 2024", title: "VP Marketing, CloudEdge", quote: "Outstanding strategic guidance and execution. They don't just follow trends—they create them. Our brand awareness doubled in the competitive cloud space.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", avatarAlt: "business professional man headshot portrait", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-looking-through-photos-laptop_23-2148424421.jpg", imageAlt: "professional content creation studio"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Common Questions"
|
|
description="Everything you need to know about our process, pricing, and partnership model"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What does your social media management service include?", content: "We provide end-to-end social media management including strategy development, content creation and copywriting, daily community engagement, analytics reporting, paid social campaign management, and quarterly business reviews. Services are customized based on your goals and industry."
|
|
},
|
|
{
|
|
id: "2", title: "How do you measure and report on ROI?", content: "We track comprehensive metrics including follower growth, engagement rates, click-through rates, conversions, and revenue attribution. You'll receive monthly detailed reports with KPI dashboards, trend analysis, and actionable recommendations. For enterprise clients, we provide real-time analytics access."
|
|
},
|
|
{
|
|
id: "3", title: "What platforms do you manage?", content: "We specialize in all major platforms: Instagram, Facebook, Twitter/X, LinkedIn, TikTok, YouTube, and emerging platforms. We develop platform-specific strategies tailored to your audience and content type, rather than using one-size-fits-all approaches."
|
|
},
|
|
{
|
|
id: "4", title: "How long before we see results?", content: "Initial metrics like engagement improvement typically appear within 4-6 weeks. Growth in followers and follower quality takes 8-12 weeks. Revenue attribution and significant business impact are usually visible within 3-6 months, depending on your sales cycle."
|
|
},
|
|
{
|
|
id: "5", title: "Do you work with enterprise companies?", content: "Yes, enterprise clients make up 60% of our portfolio. We have experience managing accounts for companies with 500+ employees, complex approval workflows, multiple stakeholders, and high-stakes brand considerations. We provide dedicated account management and governance frameworks."
|
|
},
|
|
{
|
|
id: "6", title: "What's your approach to content strategy?", content: "We conduct a deep dive into your brand, audience, competitive landscape, and business objectives. We develop a content pillar framework, editorial calendar, voice and tone guidelines, and platform-specific strategies. Content is optimized for algorithms, engagement, and conversion—not just vanity metrics."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Social Presence?"
|
|
description="Schedule a 30-minute strategy call with our team to discuss your goals, audit your current performance, and create a roadmap for measurable growth."
|
|
tagIcon={Phone}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Schedule Call"
|
|
termsText="By scheduling, you agree to our Terms of Service and Privacy Policy. We'll follow up within 24 hours."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Social Strategy", href: "#services" },
|
|
{ label: "Content Creation", href: "#services" },
|
|
{ label: "Community Management", href: "#services" },
|
|
{ label: "Paid Social", href: "#services" },
|
|
{ label: "Analytics & Reporting", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Work", href: "#testimonials" },
|
|
{ label: "Case Studies", href: "#metrics" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Email", href: "mailto:hello@socialvelocity.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 SocialVelocity. All rights reserved. Transforming brands into industry voices."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|