351 lines
21 KiB
TypeScript
351 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Briefcase, Heart, Sparkles, Target, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="SocialElite"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Case Studies", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="SocialElite"
|
|
description="Transform your brand's social presence. We craft data-driven campaigns that engage audiences, build communities, and drive measurable growth across every platform."
|
|
background={{ variant: "animated-grid" }}
|
|
buttons={[
|
|
{ text: "Start Your Campaign", href: "#contact" },
|
|
{ text: "View Our Work", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/hands-using-tablet-screen-showing-statistics-business-data_53876-42762.jpg"
|
|
imageAlt="Social Media Analytics Dashboard"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="browser"
|
|
ariaLabel="Hero section - Social media agency introduction"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Who We Are"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="We're Your Social Media Success Partners"
|
|
description="SocialElite is a premium social media agency dedicated to elevating brands through strategic storytelling, creative excellence, and data-driven insights."
|
|
subdescription="With over a decade of experience managing campaigns for Fortune 500 companies and ambitious startups, we understand what it takes to cut through the noise and create meaningful connections with your audience."
|
|
icon={Target}
|
|
imageSrc="http://img.b2bpic.net/free-photo/colleagues-looking-tablet-discussing-new-ideas-office_176420-1724.jpg"
|
|
imageAlt="Our Creative Team"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={true}
|
|
ariaLabel="About section - Agency overview and mission"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Strategic Services Built for Results"
|
|
description="From content creation to paid advertising, we offer comprehensive solutions that maximize your social ROI."
|
|
features={[
|
|
{
|
|
id: "content-strategy", title: "Content Strategy & Creation", descriptions: [
|
|
"Custom content calendars aligned with your brand voice and audience insights", "Professional photography, videography, and graphic design", "Platform-optimized posts that drive engagement and conversions"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-using-tablet-screen-showing-statistics-business-data_53876-42762.jpg"
|
|
},
|
|
{
|
|
id: "paid-advertising", title: "Paid Social Advertising", descriptions: [
|
|
"Precision targeting to reach your ideal customers", "A/B tested campaigns with continuous optimization", "Multi-platform strategies across Meta, TikTok, LinkedIn, and more"
|
|
]
|
|
},
|
|
{
|
|
id: "community-management", title: "Community Management", descriptions: [
|
|
"24/7 monitoring and rapid response to audience interactions", "Brand voice consistency across all channels", "Crisis management and reputation building"
|
|
]
|
|
},
|
|
{
|
|
id: "analytics-reporting", title: "Analytics & Reporting", descriptions: [
|
|
"Real-time performance dashboards with actionable insights", "Monthly strategic reviews and recommendations", "ROI tracking and optimization recommendations"
|
|
]
|
|
},
|
|
{
|
|
id: "influencer-partnerships", title: "Influencer Partnerships", descriptions: [
|
|
"Strategic influencer matching and outreach", "Campaign management and content collaboration", "Performance tracking and relationship nurturing"
|
|
]
|
|
},
|
|
{
|
|
id: "brand-positioning", title: "Brand Positioning", descriptions: [
|
|
"Competitive analysis and market positioning", "Audience persona development and insights", "Long-term brand strategy and evolution"
|
|
]
|
|
}
|
|
]}
|
|
gridVariant="two-items-per-row"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore All Services", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Services section - Our core offerings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={[
|
|
"Nike", "Amazon", "Coca-Cola", "Spotify", "Uber", "Airbnb", "Tesla", "Microsoft"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/sport-landing-page-with-photo_23-2148209202.jpg", "http://img.b2bpic.net/free-photo/hands-holding-credit-card-coffee-mug_23-2148304849.jpg", "http://img.b2bpic.net/free-vector/soda-simple-element_24908-54234.jpg", "http://img.b2bpic.net/free-vector/gradient-texture-music-festival-invitation_23-2149168506.jpg", "http://img.b2bpic.net/free-vector/flat-design-transport-business-card-template_23-2149955610.jpg", "http://img.b2bpic.net/free-vector/flat-design-real-estate-project-labels_23-2149763419.jpg", "http://img.b2bpic.net/free-vector/sport-car-driving-fast-neon-sign_1262-21591.jpg", "http://img.b2bpic.net/free-vector/abstract-logos-made-polygons_1198-62.jpg"
|
|
]}
|
|
title="Trusted by Leading Brands"
|
|
description="We've partnered with industry leaders to deliver exceptional social media campaigns that drive real business results."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
speed={40}
|
|
ariaLabel="Social proof section - Partner brands and logos"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
tag="Our Impact"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Proven Results That Speak Volumes"
|
|
description="Our data-driven approach consistently delivers exceptional outcomes for our clients."
|
|
metrics={[
|
|
{
|
|
id: "reach", value: "500M+", title: "Total Reach Generated", items: [
|
|
"Across all social platforms", "In 2023 alone", "For our client portfolio"
|
|
]
|
|
},
|
|
{
|
|
id: "engagement", value: "12.8%", title: "Average Engagement Rate", items: [
|
|
"Industry average is 3.5%", "Our campaigns exceed expectations", "Consistent brand growth"
|
|
]
|
|
},
|
|
{
|
|
id: "roi", value: "340%", title: "Average Campaign ROI", items: [
|
|
"Exceeds client expectations", "Data-driven optimization", "Continuous improvement"
|
|
]
|
|
},
|
|
{
|
|
id: "clients", value: "150+", title: "Satisfied Clients Worldwide", items: [
|
|
"From startups to Fortune 500", "Across 25+ industries", "Long-term partnerships"
|
|
]
|
|
}
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Request Case Study", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Metrics section - Key performance indicators"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
tag="Case Studies"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
title="Recent Success Stories"
|
|
description="Explore how we've transformed brands and accelerated growth for our clients."
|
|
products={[
|
|
{
|
|
id: "case-fashion", name: "Fashion Brand Growth Campaign", price: "1.2M Impressions", imageSrc: "http://img.b2bpic.net/free-photo/tea-break-by-workplace_1098-16220.jpg", imageAlt: "Fashion brand social media campaign results"
|
|
},
|
|
{
|
|
id: "case-food", name: "Restaurant Community Building", price: "45K New Followers", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190959.jpg", imageAlt: "Restaurant social engagement strategy"
|
|
},
|
|
{
|
|
id: "case-tech", name: "Tech Startup Launch Campaign", price: "320% ROI", imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-shwoing-marketing-graphs-freelancer-woman-analyzing-company-strategy-working-partnership-project-startup-office-marketing-team-brainstorming-business-ideas_482257-43876.jpg", imageAlt: "Tech product social media launch"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "View Full Case Studies", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Case studies section - Recent client projects"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
tag="Client Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="What Our Clients Say"
|
|
description="Don't just take our word for it—hear from brands we've transformed."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "CEO, Fashion Forward Co.", testimonial: "SocialElite transformed our social presence in just 6 months. Our engagement tripled and we saw a 250% increase in sales from social channels.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "Marketing Director, TechVenture", testimonial: "The team's strategic approach and creative excellence have been exceptional. They understand our brand and deliver results that exceed our KPIs every quarter.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-confident-young-woman-with-dark-hair-wearing-black-clothing-looking-with-charming-smile-resting-elbow-wooden-table-with-mug-dessert-while-having-coffee-restaurant_273609-76.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "Founder, Local Eats", testimonial: "Working with SocialElite was a game-changer for our restaurant group. Their community management and content strategy grew our followers organically and built real loyalty.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-characterizing-painter_23-2149529892.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "COO, Global Retail Brand", testimonial: "Their data-driven approach and creative execution are unmatched. We trust SocialElite with our most important campaigns and they consistently deliver excellence.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Wang", handle: "VP Marketing, Healthcare Solutions", testimonial: "SocialElite brought sophistication and strategy to our social media presence. The ROI has been remarkable and our brand perception has significantly improved.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg", imageAlt: "Lisa Wang"
|
|
},
|
|
{
|
|
id: "6", name: "James Mitchell", handle: "Director, Consumer Goods Brand", testimonial: "Their team's creativity combined with analytical rigor has made all the difference. They treat our brand like their own and the results speak for themselves.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg", imageAlt: "James Mitchell"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials section - Client reviews and feedback"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our services, process, and partnership approach."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you determine the right social media strategy for my brand?", content: "We start with a comprehensive brand audit and competitive analysis. We study your target audience, industry landscape, and current performance metrics. Then we develop a customized strategy aligned with your business objectives, whether that's brand awareness, lead generation, or sales growth."
|
|
},
|
|
{
|
|
id: "2", title: "What platforms should we focus on?", content: "We recommend platforms based on your audience demographics and business goals. While some brands thrive on Instagram and TikTok, B2B companies often see better results on LinkedIn. We'll guide you to focus resources where they'll generate the highest ROI."
|
|
},
|
|
{
|
|
id: "3", title: "How often will we see results?", content: "This depends on your goals and starting point. Brand awareness campaigns can show initial traction within 2-4 weeks. Conversion-focused campaigns typically show meaningful results within 6-8 weeks as we test and optimize for your ideal customer."
|
|
},
|
|
{
|
|
id: "4", title: "What's included in your reporting and analytics?", content: "We provide monthly reports covering key metrics like reach, engagement, follower growth, website traffic, and conversions. You'll also get a dedicated dashboard for real-time tracking and quarterly strategy reviews to discuss insights and optimization opportunities."
|
|
},
|
|
{
|
|
id: "5", title: "Can you help with influencer partnerships?", content: "Absolutely. We have an extensive network of vetted influencers across industries and niches. We handle everything from identification and negotiation to campaign management and performance tracking, ensuring authentic partnerships that align with your brand values."
|
|
},
|
|
{
|
|
id: "6", title: "What's your approach to crisis management on social media?", content: "We have a proactive monitoring system and established protocols for rapid response. Our team is trained to handle negative feedback professionally and constructively, protecting your brand reputation while maintaining authentic dialogue with your community."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="FAQ section - Common questions and answers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to Elevate Your Social Presence?"
|
|
animationType="entrance-slide"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Schedule a Consultation", href: "https://calendly.com" },
|
|
{ text: "Send us a Message", href: "mailto:hello@socialelite.com" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
ariaLabel="Contact section - Call to action"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Content Strategy", href: "#services" },
|
|
{ label: "Paid Advertising", href: "#services" },
|
|
{ label: "Community Management", href: "#services" },
|
|
{ label: "Analytics & Reporting", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Case Studies", href: "#portfolio" },
|
|
{ label: "Team", href: "#about" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 SocialElite. All rights reserved."
|
|
ariaLabel="Footer section - Navigation and company information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|