Initial commit
This commit is contained in:
488
src/app/page.tsx
Normal file
488
src/app/page.tsx
Normal file
@@ -0,0 +1,488 @@
|
||||
"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",
|
||||
},
|
||||
]}
|
||||
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="Join a thriving network of digital marketing professionals who choose SocBoost for their social media growth needs."
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user