bender/84f69e44-901a-4f3c-9398-77a2ef423dff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 17:03:20 +00:00
parent 484527d00e
commit 594f2f8ab7
1 changed files with 66 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

297
src/app/page.tsx
View File

@@ -31,98 +31,63 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Packages",
id: "#pricing",
},
name: "Packages", id: "#pricing"},
{
name: "How it Works",
id: "#pricing-model",
},
name: "How it Works", id: "#pricing-model"},
{
name: "Our Impact",
id: "#impact-metrics",
},
name: "Our Impact", id: "#impact-metrics"},
{
name: "FAQ",
id: "#pricing-faq",
},
name: "FAQ", id: "#pricing-faq"},
{
name: "Custom Quote",
id: "#custom-package-cta",
},
name: "Custom Quote", id: "#custom-package-cta"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3bhns"
logoAlt="Social Scale Logo"
brandName="Social Scale"
button={{
text: "Get Started",
href: "#pricing",
}}
text: "Get Started", href: "#pricing"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
variant: "plain"}}
title="Social Scale: Your Transparent Path to Social Growth"
description="Discover clear and competitive pricing for all your social media growth needs. From Instagram to TikTok, find the perfect package to amplify your online presence with confidence."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-dancer_107420-63943.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-dancer_107420-63943.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Customer 5"},
]}
avatarText="Trusted by 10,000+ creators worldwide"
buttons={[
{
text: "View All Packages",
href: "#pricing",
},
text: "View All Packages", href: "#pricing"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Instagram Growth",
icon: Instagram,
type: "text-icon", text: "Instagram Growth", icon: Instagram,
},
{
type: "text-icon",
text: "YouTube Subscribers",
icon: Film,
type: "text-icon", text: "YouTube Subscribers", icon: Film,
},
{
type: "text-icon",
text: "TikTok Views",
icon: Camera,
type: "text-icon", text: "TikTok Views", icon: Camera,
},
{
type: "text-icon",
text: "Facebook Engagement",
icon: Facebook,
type: "text-icon", text: "Facebook Engagement", icon: Facebook,
},
{
type: "text-icon",
text: "Telegram Members",
icon: Send,
type: "text-icon", text: "Telegram Members", icon: Send,
},
]}
marqueeSpeed={30}
@@ -137,140 +102,52 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "instagram-1k",
tag: "Starter",
price: "$10",
period: "/ 1K followers",
description: "Essential growth to kickstart your presence.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"High-Quality Followers",
"Instant Delivery",
"24/7 Support",
],
id: "instagram-1k", tag: "Starter", price: "$10", period: "/ 1K followers", description: "Essential growth to kickstart your presence.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"High-Quality Followers", "Instant Delivery", "24/7 Support"],
},
{
id: "instagram-5k",
tag: "Basic",
price: "$45",
period: "/ 5K followers",
description: "Consistent growth for active profiles.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Real Engagements",
"Gradual Delivery Option",
"Priority Support",
],
id: "instagram-5k", tag: "Basic", price: "$45", period: "/ 5K followers", description: "Consistent growth for active profiles.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"Real Engagements", "Gradual Delivery Option", "Priority Support"],
},
{
id: "instagram-10k",
tag: "Standard",
price: "$80",
period: "/ 10K followers",
description: "Accelerated growth for established brands.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Authentic Audience",
"Flexible Delivery Schedule",
"Dedicated Account Manager",
],
id: "instagram-10k", tag: "Standard", price: "$80", period: "/ 10K followers", description: "Accelerated growth for established brands.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"Authentic Audience", "Flexible Delivery Schedule", "Dedicated Account Manager"],
},
{
id: "instagram-25k",
tag: "Pro",
price: "$180",
period: "/ 25K followers",
description: "Maximize your reach with significant audience expansion.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Targeted Growth Strategy",
"Organic Engagement Boost",
"Premium Analytics Access",
],
id: "instagram-25k", tag: "Pro", price: "$180", period: "/ 25K followers", description: "Maximize your reach with significant audience expansion.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"Targeted Growth Strategy", "Organic Engagement Boost", "Premium Analytics Access"],
},
{
id: "instagram-50k",
tag: "Enterprise",
price: "$320",
period: "/ 50K followers",
description: "Achieve influencer status with massive audience growth.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Full Market Penetration",
"Exclusive Support Channels",
"Custom Campaign Management",
],
id: "instagram-50k", tag: "Enterprise", price: "$320", period: "/ 50K followers", description: "Achieve influencer status with massive audience growth.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"Full Market Penetration", "Exclusive Support Channels", "Custom Campaign Management"],
},
{
id: "instagram-100k",
tag: "Elite",
price: "$600",
period: "/ 100K followers",
description: "Dominate your niche with unparalleled social presence.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"VIP Service & Prioritization",
"Advanced Audience Targeting",
"Dedicated Strategy Consultant",
],
id: "instagram-100k", tag: "Elite", price: "$600", period: "/ 100K followers", description: "Dominate your niche with unparalleled social presence.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"VIP Service & Prioritization", "Advanced Audience Targeting", "Dedicated Strategy Consultant"],
},
{
id: "instagram-250k",
tag: "Master",
price: "$1400",
period: "/ 250K followers",
description: "Become a social media powerhouse with strategic, large-scale growth.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Comprehensive Growth Audit",
"Guaranteed Engagement Rates",
"24/7 Expert Support Team",
],
id: "instagram-250k", tag: "Master", price: "$1400", period: "/ 250K followers", description: "Become a social media powerhouse with strategic, large-scale growth.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"Comprehensive Growth Audit", "Guaranteed Engagement Rates", "24/7 Expert Support Team"],
},
{
id: "instagram-500k",
tag: "Ultimate",
price: "$2500",
period: "/ 500K followers",
description: "Unleash maximum impact with our highest tier growth solution.",
button: {
text: "Order Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Full-Service Social Media Management",
"Exclusive Beta Features Access",
"Top-Tier Security & Privacy",
],
id: "instagram-500k", tag: "Ultimate", price: "$2500", period: "/ 500K followers", description: "Unleash maximum impact with our highest tier growth solution.", button: {
text: "Order Now", href: "#"},
featuresTitle: "Includes:", features: [
"Full-Service Social Media Management", "Exclusive Beta Features Access", "Top-Tier Security & Privacy"],
},
]}
title="Explore Our Flexible Growth Packages"
@@ -285,23 +162,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Understanding Our Transparent Pricing Model",
},
type: "text", content: "Understanding Our Transparent Pricing Model"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/infographic-template-design_1262-570.jpg",
alt: "abstract pricing model infographic",
},
type: "image", src: "http://img.b2bpic.net/free-vector/infographic-template-design_1262-570.jpg", alt: "abstract pricing model infographic"},
]}
buttons={[
{
text: "Get a Custom Quote",
href: "#custom-package-cta",
},
text: "Get a Custom Quote", href: "#custom-package-cta"},
]}
buttonAnimation="slide-up"
description="Social Scale offers dynamic and transparent pricing tailored to your specific needs. Our rates are precisely determined by your chosen social media platform, target country for engagement, and preferred quality of followers or interactions. This ensures you only pay for what truly aligns with your growth objectives, with no hidden fees or surprises. Our model prioritizes flexibility and value, allowing you to fine-tune every aspect of your social media growth investment."
/>
</div>
@@ -313,20 +182,11 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "m1",
value: "1 Billion+",
description: "Total Engagements Delivered Across Platforms",
},
id: "m1", value: "1 Billion+", description: "Total Engagements Delivered Across Platforms"},
{
id: "m2",
value: "100K+",
description: "Creators and Businesses Empowered Globally",
},
id: "m2", value: "100K+", description: "Creators and Businesses Empowered Globally"},
{
id: "m3",
value: "50+",
description: "Countries Supported for Targeted Growth",
},
id: "m3", value: "50+", description: "Countries Supported for Targeted Growth"},
]}
metricsAnimation="slide-up"
/>
@@ -338,35 +198,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does pricing vary by platform?",
content: "Prices differ based on each social media platform's unique API limitations, market demand for engagement, and delivery complexities. Instagram, YouTube, TikTok, Facebook, and Telegram each have specific costing structures that reflect these factors.",
},
id: "q1", title: "How does pricing vary by platform?", content: "Prices differ based on each social media platform's unique API limitations, market demand for engagement, and delivery complexities. Instagram, YouTube, TikTok, Facebook, and Telegram each have specific costing structures that reflect these factors."},
{
id: "q2",
title: "Can I select a specific country for growth?",
content: "Yes, our advanced targeting allows you to select specific geographical regions or countries for your growth campaigns. This selection may impact the package price due to regional market dynamics, user availability, and targeting precision.",
},
id: "q2", title: "Can I select a specific country for growth?", content: "Yes, our advanced targeting allows you to select specific geographical regions or countries for your growth campaigns. This selection may impact the package price due to regional market dynamics, user availability, and targeting precision."},
{
id: "q3",
title: "What are the different quality options for followers/engagements?",
content: "We offer various quality tiers, ranging from standard to premium engagement. Higher quality options typically involve more active, authentic, and niche-relevant profiles, which is reflected in their respective pricing.",
},
id: "q3", title: "What are the different quality options for followers/engagements?", content: "We offer various quality tiers, ranging from standard to premium engagement. Higher quality options typically involve more active, authentic, and niche-relevant profiles, which is reflected in their respective pricing."},
{
id: "q4",
title: "What payment methods do you accept for packages?",
content: "For your convenience and security, we accept all major credit cards, PayPal, and a selection of popular cryptocurrencies. All transactions are processed securely.",
},
id: "q4", title: "What payment methods do you accept for packages?", content: "For your convenience and security, we accept all major credit cards, PayPal, and a selection of popular cryptocurrencies. All transactions are processed securely."},
{
id: "q5",
title: "Is there a refund policy if I'm not satisfied?",
content: "We strive for complete customer satisfaction. Please refer to our comprehensive terms of service for detailed information regarding our refund policy, especially concerning unmet delivery targets or quality expectations.",
},
id: "q5", title: "Is there a refund policy if I'm not satisfied?", content: "We strive for complete customer satisfaction. Please refer to our comprehensive terms of service for detailed information regarding our refund policy, especially concerning unmet delivery targets or quality expectations."},
{
id: "q6",
title: "How quickly are growth packages delivered?",
content: "Delivery times vary depending on the package size, chosen platform, and specific targeting parameters. While smaller packages often see instant to rapid delivery, larger or highly customized orders are processed efficiently over a reasonable period.",
},
id: "q6", title: "How quickly are growth packages delivered?", content: "Delivery times vary depending on the package size, chosen platform, and specific targeting parameters. While smaller packages often see instant to rapid delivery, larger or highly customized orders are processed efficiently over a reasonable period."},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-3d-button_23-2149917526.jpg"
imageAlt="Abstract image representing frequently asked questions and answers"
@@ -384,17 +226,14 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Need a Tailored Solution?"
tagAnimation="slide-up"
title="Create a Custom Package Designed Just For You"
description="If our standard packages don't perfectly align with your unique social media growth objectives, our team is ready to craft a personalized strategy and bespoke pricing. Let's build your ideal plan together."
buttons={[
{
text: "Get a Custom Quote",
href: "mailto:sales@socialscale.com",
},
text: "Get a Custom Quote", href: "mailto:sales@socialscale.com"},
]}
buttonAnimation="slide-up"
/>
@@ -406,13 +245,9 @@ export default function LandingPage() {
logoAlt="Social Scale Logo"
logoText="Social Scale"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>