277 lines
15 KiB
TypeScript
277 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Award, BarChart3, BookOpen, Sparkles, Star, TrendingUp, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="SocialElite"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Insights", id: "blog" }
|
|
]}
|
|
button={{ text: "Start Today", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Elevate Your Social Presence"
|
|
description="We craft compelling social media strategies that transform brands into industry leaders. From content creation to community management, we deliver measurable results that drive growth and engagement."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Social Media Excellence"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Started", href: "#contact" },
|
|
{ text: "View Our Work", href: "#metrics" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-working-together-project_23-2149273704.jpg"
|
|
imageAlt="SocialElite Team in Creative Studio"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", alt: "Team member" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Team member" },
|
|
{ src: "http://img.b2bpic.net/free-photo/mid-adult-businessman-his-young-colleague-talking-while-analyzing-business-statistics-work_637285-283.jpg", alt: "Team member" }
|
|
]}
|
|
avatarText="Join 150+ brands already growing with us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Brands Choose SocialElite"
|
|
metrics={[
|
|
{ icon: TrendingUp, label: "Average Growth", value: "340%" },
|
|
{ icon: Users, label: "Active Clients", value: "150+" },
|
|
{ icon: Award, label: "Industry Awards", value: "27" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
title="Our Premium Services"
|
|
description="Comprehensive social media solutions tailored to elevate your brand's digital presence and drive measurable business outcomes."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Full-Service Agency"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"Generic content posting", "No data-driven strategy", "Inconsistent messaging", "Limited audience insights", "Reactive engagement only"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Strategic content planning", "Data-driven campaigns", "Cohesive brand voice", "Deep audience analytics", "Proactive community building"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<ProductCardFour
|
|
title="Our Service Offerings"
|
|
description="Explore our comprehensive suite of social media services designed to maximize your brand impact across all platforms."
|
|
tag="Proven Solutions"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "strategy", name: "Social Strategy", price: "Custom", variant: "Quarterly planning & optimization", imageSrc: "http://img.b2bpic.net/free-photo/laptop-displaying-business-analytics_482257-115250.jpg", imageAlt: "Social Media Strategy"
|
|
},
|
|
{
|
|
id: "content", name: "Content Creation", price: "Custom", variant: "Professional creation & curation", imageSrc: "http://img.b2bpic.net/free-photo/social-media-team-discussing-plan-workplace_23-2147847466.jpg", imageAlt: "Content Creation"
|
|
},
|
|
{
|
|
id: "analytics", name: "Analytics & Reporting", price: "Custom", variant: "Deep insights & performance tracking", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-analyzing-graphs-digital-tablet-desk-coworking-space_662251-116.jpg", imageAlt: "Analytics Dashboard"
|
|
},
|
|
{
|
|
id: "engagement", name: "Community Management", price: "Custom", variant: "24/7 brand presence & engagement", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-happy-dark-skinned-female-with-afro-hairdo-discusses-online-course-with-friend-via-cellular-works-laptop-makes-presentation_273609-3661.jpg", imageAlt: "Community Engagement"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="Join the ranks of industry leaders who've transformed their social presence with SocialElite's expertise."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechVenture Inc", "Luxe Fashion Co", "FinanceFlow Pro", "WellnessHub", "SoftServe Solutions", "Culinary Creations", "EduSmart Learning"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/rocket-shape-logo-template_1156-701.jpg", "http://img.b2bpic.net/free-vector/eye-catching-premium-letter-w-logo-background-royal-identity_1017-53727.jpg", "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148847108.jpg", "http://img.b2bpic.net/free-vector/medical-team-logo_1078-31.jpg", "http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148979035.jpg", "http://img.b2bpic.net/free-vector/vintage-restaurant-logo-with-golden-design_23-2148455388.jpg", "http://img.b2bpic.net/free-vector/modern-graduation-label-collection-with-flat-design_23-2147873416.jpg"
|
|
]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Results That Speak"
|
|
description="Real impact delivered to real businesses. See the metrics that prove our expertise."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "engagement", value: "45M+", description: "Total social impressions generated" },
|
|
{ id: "followers", value: "2.3M+", description: "Combined follower growth" },
|
|
{ id: "roi", value: "8.2x", description: "Average return on investment" }
|
|
]}
|
|
tag="Performance Metrics"
|
|
tagIcon={BarChart3}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Clients Say"
|
|
description="Hear from brands that have experienced transformative growth through our social media strategies."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Marketing Director", company: "TechVenture Inc", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", role: "CEO", company: "Fashion Collective", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "Brand Manager", company: "Wellness Hub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-his-young-colleague-talking-while-analyzing-business-statistics-work_637285-283.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", role: "Founder", company: "StartupXYZ", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
title="Industry Insights"
|
|
description="Stay ahead of social media trends with expert perspectives on strategy, growth, and platform evolution."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
tag="Latest Articles"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Strategy", title: "5 Social Media Trends Dominating 2024", excerpt: "Discover the emerging strategies and platforms reshaping how brands connect with audiences in the new year.", imageSrc: "http://img.b2bpic.net/free-vector/influencer-concept-landing-page_52683-22746.jpg", imageAlt: "Social Media Trends 2024", authorName: "Marcus Thompson", authorAvatar: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg", date: "Mar 15, 2024"
|
|
},
|
|
{
|
|
id: "2", category: "Growth", title: "Influencer Partnerships That Drive Real ROI", excerpt: "Learn how to select, negotiate, and collaborate with influencers to maximize your brand's reach and revenue.", imageSrc: "http://img.b2bpic.net/free-photo/blogger-dressing-gown-recording-with-smartphone_23-2148538716.jpg", imageAlt: "Influencer Marketing", authorName: "Jessica Wong", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085997.jpg", date: "Mar 12, 2024"
|
|
},
|
|
{
|
|
id: "3", category: "Trends", title: "TikTok Marketing: Beyond the Algorithm", excerpt: "Master the platform's nuances and create content that resonates with Gen Z and millennial audiences.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautician-long-haired-cute-beaitician-conducting-online-beauty-workshop_259150-60084.jpg", imageAlt: "TikTok Marketing Strategy", authorName: "Alex Patel", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-3386.jpg", date: "Mar 8, 2024"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your social presence? Let's discuss your vision and create a strategy that drives measurable growth for your brand."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "mailto:hello@socialelite.com" },
|
|
{ text: "View Our Process", href: "#about" }
|
|
]}
|
|
animationType="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Social Strategy", href: "#services" },
|
|
{ label: "Content Creation", href: "#services" },
|
|
{ label: "Community Management", href: "#services" },
|
|
{ label: "Analytics & Reporting", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Work", href: "#metrics" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Blog", href: "#blog" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookies", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 SocialElite. All rights reserved."
|
|
bottomRightText="Crafted for brands that lead"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |