268 lines
17 KiB
TypeScript
268 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Sparkles, Zap, Award, Rocket } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="SocialGrow"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Grow Your Business with Expert Social Media Management"
|
|
description="We help small businesses worldwide establish powerful online presence, build engaged communities, and drive sustainable growth through strategic social media management and content creation."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Social Media Excellence"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Start Your Growth Journey", href: "contact" },
|
|
{ text: "Explore Our Services", href: "services" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/tired-bookkeeper-imputing-datasets-online-computer-trying-keep-up-with-project-tasks-before-deadline-stressed-employee-working-overnight-office-nightshift_482257-70415.jpg"
|
|
imageAlt="Social media management dashboard"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg", alt: "Client 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", alt: "Client 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Client 3" }
|
|
]}
|
|
avatarText="Trusted by 500+ small businesses globally"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Comprehensive Social Media Services"
|
|
description="From strategy to execution, we provide end-to-end solutions tailored to your business needs. Our proven methodologies help you reach the right audience and convert followers into loyal customers."
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952346.jpg"
|
|
imageAlt="Content creation and strategy"
|
|
mediaAnimation="slide-up"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Content Creation & Strategy", content: "We develop customized content calendars and create engaging, platform-specific content that resonates with your target audience. From viral posts to brand-building narratives, we handle it all."
|
|
},
|
|
{
|
|
id: "2", title: "Community Management & Engagement", content: "Our team actively manages your communities, responds to customer inquiries, and builds meaningful relationships with your followers. We create conversations that drive brand loyalty and advocacy."
|
|
},
|
|
{
|
|
id: "3", title: "Analytics & Performance Tracking", content: "We provide detailed monthly reports with actionable insights. Track ROI, audience growth, engagement rates, and conversion metrics to understand exactly how your social media investment pays off."
|
|
},
|
|
{
|
|
id: "4", title: "Paid Social Advertising", content: "Maximize your reach with strategically crafted paid campaigns. We optimize ad spend across Facebook, Instagram, LinkedIn, and TikTok to ensure every dollar works harder for your business."
|
|
},
|
|
{
|
|
id: "5", title: "Influencer Partnerships", content: "We connect you with relevant micro and macro influencers in your industry to amplify your message and reach new audiences authentically and effectively."
|
|
}
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "about" }]}
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Choose SocialGrow"
|
|
description="We're a team of passionate social media strategists, content creators, and digital marketers dedicated to transforming your online presence. With years of industry experience and a proven track record of success, we understand what it takes to succeed in today's digital landscape."
|
|
tag="About Us"
|
|
tagIcon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-colleagues-specialists-attending-late-night-briefing-session-exchanging-documents_482257-136392.jpg"
|
|
imageAlt="Our professional team"
|
|
buttons={[{ text: "Get to Know Our Team", href: "#" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="We partner with forward-thinking businesses across all industries to amplify their social media presence and drive measurable results."
|
|
tag="Our Clients"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/facebook-background_23-2147845073.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148089981.jpg", "http://img.b2bpic.net/free-vector/social-media-logotype-collection_23-2148167456.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148058463.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148058466.jpg", "http://img.b2bpic.net/free-vector/social-media-logotype-collection_23-2148162525.jpg", "http://img.b2bpic.net/free-psd/social-media-logo-design_23-2151320975.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
names={["Facebook", "Instagram", "Twitter", "LinkedIn", "TikTok", "YouTube", "Pinterest"]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Proven Results That Matter"
|
|
description="Our clients achieve remarkable growth and engagement with strategic social media management. See the impact we deliver."
|
|
tag="Our Impact"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500%", title: "Average Engagement Growth", items: ["Within first 6 months", "Across all platforms", "Sustained growth trajectory"]
|
|
},
|
|
{
|
|
id: "2", value: "1000+", title: "Businesses Transformed", items: ["Global client portfolio", "15+ industries served", "Avg 3+ years partnership"]
|
|
},
|
|
{
|
|
id: "3", value: "850%", title: "Average Follower Growth", items: ["Year-over-year increase", "Organic & paid strategies", "Targeted audience expansion"]
|
|
},
|
|
{
|
|
id: "4", value: "3.2x", title: "Average ROI Multiple", items: ["Return on ad spend", "Across campaigns", "Performance-driven approach"]
|
|
}
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Clients Say"
|
|
description="Real feedback from real businesses we've helped grow their social media presence and reach their goals."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="depth-3d"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "CEO", testimonial: "SocialGrow transformed our online presence completely. Our follower count tripled in 6 months and our engagement rates are phenomenal. The team really understands our brand.", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Marketing Director", testimonial: "Professional, responsive, and results-driven. SocialGrow managed our social media strategy perfectly. Our sales increased 40% thanks to their targeted campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Founder", testimonial: "The creativity and strategic thinking that SocialGrow brings to social media is unmatched. They helped us establish authority in our niche and attract premium clients.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Business Owner", testimonial: "Excellent communication and outstanding results. Our community grew from zero to 15,000 engaged followers. SocialGrow delivered exactly what they promised.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-folded-arms_23-2147900070.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Williams", role: "Product Manager", testimonial: "From day one, the SocialGrow team understood our vision. They've helped us build a vibrant community of early adopters and brand advocates.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg", imageAlt: "Jessica Williams"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Thompson", role: "Managing Partner", testimonial: "Working with SocialGrow was one of the best investments for our brand. Their expertise and dedication have made a tangible difference in our business growth.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", imageAlt: "Robert Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our services, pricing, and how we can help your business grow."
|
|
tag="Questions"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="blur-reveal"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you determine the right social media strategy for my business?", content: "We start with a comprehensive audit of your current social presence, analyze your competitors, understand your target audience, and identify your business goals. Based on this analysis, we develop a customized strategy tailored specifically to your needs and objectives."
|
|
},
|
|
{
|
|
id: "2", title: "What platforms do you manage?", content: "We specialize in all major social media platforms including Facebook, Instagram, Twitter/X, LinkedIn, TikTok, YouTube, and Pinterest. We focus on the platforms most relevant to your target audience and business goals."
|
|
},
|
|
{
|
|
id: "3", title: "How long before I see results?", content: "Most clients see initial results within the first 30 days, including improved engagement and audience growth. However, sustainable, significant growth typically takes 3-6 months as we build momentum and optimize our strategies based on performance data."
|
|
},
|
|
{
|
|
id: "4", title: "Do you offer content creation services?", content: "Yes! We provide full content creation services including copywriting, graphic design, video production, and photography. All content is created specifically for your brand and optimized for social media performance."
|
|
},
|
|
{
|
|
id: "5", title: "How do you measure success?", content: "We track KPIs including follower growth, engagement rates, reach, impressions, click-through rates, conversions, and ROI. You'll receive detailed monthly reports with insights and recommendations for ongoing optimization."
|
|
},
|
|
{
|
|
id: "6", title: "What are your pricing options?", content: "We offer flexible packages starting from basic social management to comprehensive full-service solutions. Pricing varies based on the number of platforms, content frequency, and additional services. Contact us for a customized quote."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Social Media?"
|
|
description="Join hundreds of businesses that have grown with SocialGrow. Start your free consultation today and let's discuss how we can help you achieve your social media goals."
|
|
tagIcon={Rocket}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg"
|
|
imageAlt="Contact us"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Free Consultation"
|
|
termsText="We'll be in touch within 24 hours to discuss your social media strategy. Your privacy is important to us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="SocialGrow"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Services", href: "services" },
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Results", href: "metrics" },
|
|
{ label: "Testimonials", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|