297 lines
15 KiB
TypeScript
297 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { ArrowUp, Award, DollarSign, Headphones, ShieldCheck, ShoppingCart, Sparkles, Star, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "FAQ", id: "/faq" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Transactions", id: "/transactions" },
|
|
{ name: "Settings", id: "/settings" }
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
|
|
logoAlt="SocBoost Logo"
|
|
brandName="SocBoost"
|
|
button={{
|
|
text: "Register", href: "/register"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "canvas-reveal"}}
|
|
title="Boost Your Social Presence"
|
|
description="The ultimate SMM panel for resellers and businesses. Scale your social media marketing efforts with reliable and affordable services."
|
|
testimonials={[
|
|
{
|
|
name: "Alex P.", handle: "@SocialGain", testimonial: "SocBoost transformed my reselling business. The quality and speed are unmatched!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg"},
|
|
{
|
|
name: "Sarah K.", handle: "@InstaFlow", testimonial: "Incredible service and amazing support. My clients are thrilled with the results.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg"},
|
|
{
|
|
name: "Maria L.", handle: "@GrowthHive", testimonial: "Consistent, high-quality services every time. SocBoost is an essential part of our digital strategy.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-manager-videoconference-call_482257-119336.jpg"},
|
|
{
|
|
name: "David S.", handle: "@PromoPro", testimonial: "The platform is incredibly user-friendly, and the results speak for themselves. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/new-technology-her-job-is-necessary_329181-12370.jpg"},
|
|
{
|
|
name: "Emily R.", handle: "@EliteMedia", testimonial: "Our client engagement has skyrocketed thanks to SocBoost. A powerful tool for any serious marketer.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg"},
|
|
]}
|
|
tag="Powered by AI"
|
|
tagIcon={Zap}
|
|
buttons={[
|
|
{
|
|
text: "Get Started", href: "/register"},
|
|
{
|
|
text: "View Services", href: "/services"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/charming-guy-enjoying-his-break-garden_23-2147562344.jpg", alt: "User 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", alt: "User 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg", alt: "User 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg", alt: "User 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-posing-his-office_329181-14596.jpg", alt: "User 5"},
|
|
]}
|
|
avatarText="Join 10,000+ happy resellers worldwide!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/office-worker-pointing-laptop-screen_482257-120643.jpg"
|
|
imageAlt="SMM Panel Dashboard Overview"
|
|
mediaAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Growth Achieved", icon: ArrowUp,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Instant Delivery", icon: Zap,
|
|
},
|
|
{
|
|
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Secure Payments", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Trusted by Thousands", icon: Star,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "Automated Order Processing", descriptions: [
|
|
"Our system handles orders instantly, ensuring quick delivery and minimal manual intervention. Focus on your business, we'll handle the rest."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-marketing-startup-icon_53876-133749.jpg", imageAlt: "Automated Order Processing"},
|
|
{
|
|
id: "2", title: "Scalable & Reliable Services", descriptions: [
|
|
"Access a wide range of social media services, from followers to likes, with guaranteed quality and high uptime for all platforms."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-design-with-colourful-extruding-cubes_1048-12343.jpg", imageAlt: "Scalable & Reliable Services"},
|
|
{
|
|
id: "3", title: "24/7 Dedicated Support", descriptions: [
|
|
"Our expert support team is available around the clock to assist you with any questions or issues, ensuring a smooth experience."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "24/7 Dedicated Support"},
|
|
]}
|
|
title="Why Choose SocBoost?"
|
|
description="Unlock unparalleled growth with our robust features designed for maximum efficiency and profitability."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Instagram", "YouTube", "TikTok", "Twitter", "Facebook", "Telegram", "Reddit"]}
|
|
title="Trusted by Top Resellers & Agencies"
|
|
description="We provide comprehensive services for leading platforms like Instagram, YouTube, TikTok, and more, helping resellers and agencies achieve their social media growth goals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Users,
|
|
title: "Active Users", value: "50K+"},
|
|
{
|
|
id: "m2", icon: ShoppingCart,
|
|
title: "Total Orders", value: "2M+"},
|
|
{
|
|
id: "m3", icon: DollarSign,
|
|
title: "Total Revenue", value: "$50M+"},
|
|
{
|
|
id: "m4", icon: Zap,
|
|
title: "Delivery Speed", value: "Instant"},
|
|
]}
|
|
title="Numbers That Speak For Themselves"
|
|
description="Our platform consistently delivers top-tier performance and satisfaction to a growing global user base."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Priya Sharma", handle: "SocialPro Agency", testimonial: "SocBoost has been instrumental in scaling our client's social media presence. The quality is consistently high, and the delivery is always on time. A true partner!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg"},
|
|
{
|
|
id: "t2", name: "Omar Hassan", handle: "Digital Reach LLC", testimonial: "The best SMM panel I've used. The automated system and wide range of services make it easy to fulfill orders for our diverse client base. Highly recommended for resellers!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg"},
|
|
{
|
|
id: "t3", name: "Sofia Rodriguez", handle: "GrowthHack Marketing", testimonial: "Fantastic platform with exceptional customer support. Any issues are resolved quickly, and the service quality is top-notch. Truly helps us grow our business efficiently.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-people-avatars-zoom-call_23-2149576744.jpg"},
|
|
{
|
|
id: "t4", name: "Kenji Tanaka", handle: "ViralBoost Solutions", testimonial: "SocBoost provides an incredible value. We've seen significant improvements in client satisfaction and retention since switching to their services. A game-changer!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-suit-smiling-standing-bridge_181624-14528.jpg"},
|
|
{
|
|
id: "t5", name: "Latoya Jackson", handle: "Influence Hub", testimonial: "Reliability and speed are key in this industry, and SocBoost delivers on both. Their comprehensive API allows for seamless integration, making our operations incredibly smooth.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tired-black-woman-manager-looking-camera-sighing-after_482257-15606.jpg"},
|
|
{
|
|
id: "t6", name: "John D.", handle: "GlobalBoost Partners", testimonial: "SocBoost's API integration is seamless and powerful. We've automated our entire workflow, significantly reducing overhead. Truly an invaluable tool.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-man-city-night-with-headphones_23-2149024727.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from our satisfied resellers and partners about their experience with SocBoost."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing-preview" data-section="pricing-preview">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Starter", tagIcon: Sparkles,
|
|
price: "$0.01", period: "per 1000", description: "Perfect for new resellers testing the waters.", button: {
|
|
text: "Start Reselling", href: "/register"},
|
|
featuresTitle: "Includes:", features: [
|
|
"Access to basic services", "Limited API access", "Standard support"],
|
|
},
|
|
{
|
|
id: "pro", tag: "Pro Reseller", tagIcon: Star,
|
|
price: "$0.008", period: "per 1000", description: "Ideal for growing businesses and serious resellers.", button: {
|
|
text: "Choose Pro", href: "/register"},
|
|
featuresTitle: "Includes:", features: [
|
|
"Full service catalog", "Advanced API features", "Priority support", "Volume discounts"],
|
|
},
|
|
{
|
|
id: "enterprise", tag: "Enterprise", tagIcon: Award,
|
|
price: "Custom", period: "Quote", description: "Tailored solutions for large agencies and high-volume needs.", button: {
|
|
text: "Contact Sales", href: "/contact"},
|
|
featuresTitle: "Includes:", features: [
|
|
"Dedicated account manager", "Custom integrations", "White-label options", "Highest volume discounts"],
|
|
},
|
|
]}
|
|
title="Flexible Plans for Every Business"
|
|
description="Explore our competitive pricing tailored for resellers and agencies of all sizes. Get more for less."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Instagram", href: "/services#instagram"},
|
|
{
|
|
label: "YouTube", href: "/services#youtube"},
|
|
{
|
|
label: "TikTok", href: "/services#tiktok"},
|
|
{
|
|
label: "Twitter", href: "/services#twitter"},
|
|
{
|
|
label: "Facebook", href: "/services#facebook"},
|
|
{
|
|
label: "Telegram", href: "/services#telegram"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/#features"},
|
|
{
|
|
label: "Pricing", href: "/pricing"},
|
|
{
|
|
label: "FAQ", href: "/faq"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Terms of Service", href: "/terms"},
|
|
{
|
|
label: "Privacy Policy", href: "/privacy"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "API Docs", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
|
|
logoAlt="SocBoost Logo"
|
|
logoText="SocBoost"
|
|
copyrightText="© 2024 SocBoost. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |