316 lines
17 KiB
TypeScript
316 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, BarChart3, Calendar, Clock, DollarSign, Palette, Rocket, Sparkles, TrendingUp, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Consultation", href: "contact"
|
|
}}
|
|
brandName="SocialPeak"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Amplify Your Brand's Social Presence"
|
|
description="Transform your social media strategy with data-driven campaigns that drive real engagement and measurable growth across every platform."
|
|
tag="Premium Social Solutions"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "Start Your Strategy", href: "contact" },
|
|
{ text: "View Our Work", href: "metrics" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148365532.jpg"
|
|
imageAlt="Social media analytics and content management dashboard"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Alex Rivera", handle: "Founder, TechStartup", testimonial: "They increased our Instagram engagement by 340% in just 3 months. Absolutely transformative.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Jordan Chen", handle: "CMO, E-Commerce Brand", testimonial: "Best social media partner we've worked with. Strategic, data-driven, and results-obsessed.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg?_wi=1"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Brands Choose Us"
|
|
description="We combine creative excellence with analytical rigor to build social media strategies that actually move the needle for your business."
|
|
tag="Our Approach"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Our Services", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Data-Driven Strategy", description: "Every decision backed by analytics and audience insights to maximize ROI.", icon: TrendingUp
|
|
},
|
|
{
|
|
title: "Creative Excellence", description: "Award-winning content creators crafting stories that resonate with your audience.", icon: Palette
|
|
},
|
|
{
|
|
title: "24/7 Campaign Management", description: "Dedicated team monitoring and optimizing your campaigns in real-time.", icon: Clock
|
|
},
|
|
{
|
|
title: "Transparent Reporting", description: "Monthly reports showing exactly what's working and ROI on your investment.", icon: BarChart3
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571106.jpg"
|
|
imageAlt="Creative team collaborating on social media strategy"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
title="Our Core Services"
|
|
description="Comprehensive solutions designed to grow your brand across Instagram, TikTok, LinkedIn, YouTube, and emerging platforms."
|
|
tag="What We Offer"
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Custom Plan", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Content Strategy & Creation", description: "Custom content calendars, creative production, and posting schedules optimized for maximum reach and engagement.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-colorful-icons_1232-736.jpg", imageAlt: "Content calendar planning social media"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Analytics & Performance", description: "Real-time analytics dashboards, growth tracking, and monthly performance reports with actionable insights.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-reviewing-financial-graphs_482257-124226.jpg", imageAlt: "Social media analytics growth chart"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Strategic Planning", description: "In-depth competitor analysis, audience research, and comprehensive growth strategies tailored to your business.", imageSrc: "http://img.b2bpic.net/free-photo/young-blogger-recording-make-up-video_23-2148538750.jpg", imageAlt: "Marketing strategy planning whiteboard"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Client Success Stories"
|
|
description="See how brands across industries transformed their social presence and accelerated growth with our strategies."
|
|
tag="Real Results"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "CEO", company: "Fashion E-Commerce Brand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2", imageAlt: "professional headshot business portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Thompson", role: "Marketing Director", company: "SaaS Company", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg?_wi=2", imageAlt: "professional headshot business portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Founder", company: "Luxury Wellness Brand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-takes-coffee-break-workplace_1163-5406.jpg", imageAlt: "professional headshot business portrait"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Growth Lead", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", imageAlt: "professional headshot business portrait"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Chen", role: "CMO", company: "Consumer Brand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-thoughtful_114579-15852.jpg", imageAlt: "professional headshot business portrait"
|
|
},
|
|
{
|
|
id: "6", name: "James Wilson", role: "VP Marketing", company: "B2B Service Company", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", imageAlt: "professional headshot business portrait"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTen
|
|
title="Proven Results Across Industries"
|
|
description="Our clients see average growth of 340% engagement increase, 280% follower growth, and 4.2x ROI on social spending."
|
|
tag="Our Track Record"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
metrics={[
|
|
{
|
|
id: "1", title: "E-Commerce Brand Growth", subtitle: "Fashion & Accessories · 12 Month Campaign", category: "Engagement", value: "+340%", buttons: [
|
|
{ text: "View Case Study", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "2", title: "SaaS Follower Expansion", subtitle: "B2B Technology · Ongoing Partnership", category: "Growth", value: "+280%", buttons: [
|
|
{ text: "View Case Study", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "3", title: "Luxury Brand ROI", subtitle: "Wellness & Lifestyle · 6 Month Sprint", category: "Revenue", value: "4.2x ROI", buttons: [
|
|
{ text: "View Case Study", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the plan that fits your brand's needs. All plans include strategy, content creation, and analytics."
|
|
tag="Investment Options"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "Starter", badgeIcon: Rocket,
|
|
price: "$2,999", subtitle: "Perfect for emerging brands", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"2 platforms managed", "16 content pieces/month", "Basic analytics", "Weekly check-ins"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", badge: "Professional", badgeIcon: Sparkles,
|
|
price: "$6,499", subtitle: "Most popular choice", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"4 platforms managed", "40 content pieces/month", "Advanced analytics & reporting", "Bi-weekly strategy sessions", "Influencer partnerships"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", badge: "Enterprise", badgeIcon: Award,
|
|
price: "Custom", subtitle: "For large-scale operations", buttons: [
|
|
{ text: "Schedule Call", href: "contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"Unlimited platforms", "Custom content volume", "Real-time analytics dashboard", "Dedicated account manager", "Monthly strategy reviews", "Crisis management support"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Grow Your Social Presence?"
|
|
ctaDescription="Schedule a free 30-minute consultation with our strategy team to discuss your goals and create a custom plan."
|
|
ctaButton={{
|
|
text: "Book Free Consultation", href: "https://calendly.com"
|
|
}}
|
|
ctaIcon={Calendar}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What platforms do you manage?", content: "We specialize in Instagram, TikTok, LinkedIn, YouTube, Facebook, and emerging platforms. We'll recommend the best channels for your specific goals and audience."
|
|
},
|
|
{
|
|
id: "2", title: "How quickly will I see results?", content: "Most clients see meaningful engagement increases within 30-60 days. Significant follower growth and ROI typically manifest within 3-6 months of consistent strategy implementation."
|
|
},
|
|
{
|
|
id: "3", title: "Do you provide content creation services?", content: "Yes! All our plans include professional content creation, from graphics and videos to copy writing. We have in-house designers and videographers on our team."
|
|
},
|
|
{
|
|
id: "4", title: "How do you measure success?", content: "We track engagement rate, follower growth, reach, impressions, click-through rates, and most importantly—conversions and revenue generated from social media."
|
|
},
|
|
{
|
|
id: "5", title: "Can you work with my existing marketing team?", content: "Absolutely! We work seamlessly with existing teams. We provide detailed reporting, regular communication, and collaborate on strategy to ensure alignment with your overall marketing goals."
|
|
},
|
|
{
|
|
id: "6", title: "What's your minimum contract term?", content: "We typically require a 3-month minimum engagement to see meaningful results. For some specialized projects, we can discuss shorter-term arrangements."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "about" },
|
|
{ label: "Services", href: "services" },
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 SocialPeak. All rights reserved. Premium Social Media Strategy."
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |