Update src/app/page.tsx

This commit is contained in:
2026-06-02 08:59:51 +00:00
parent 79dadd7dd5
commit b853904f6d

View File

@@ -33,140 +33,79 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Performance",
id: "#performance",
},
name: "Performance", id: "#performance"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883546.jpg"
logoAlt="SpeedVPN Logo"
brandName="SpeedVPN"
button={{
text: "Get SpeedVPN",
href: "#pricing",
}}
text: "Get SpeedVPN", href: "#pricing"}}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "plain",
}}
variant: "plain"}}
title="Experience the World's Fastest VPN"
description="Unlock unparalleled speed, ironclad security, and absolute online freedom. Stream, browse, and game without limits."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332595.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332595.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-brunette-girl-showing-thumbs-up-smiling-praising-good-job-approve-recom_1258-120381.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-brunette-girl-showing-thumbs-up-smiling-praising-good-job-approve-recom_1258-120381.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/female-model-black-shirt-sending-peace-message_114579-17836.jpg",
alt: "Female model in black shirt sending peace message.",
},
src: "http://img.b2bpic.net/free-photo/female-model-black-shirt-sending-peace-message_114579-17836.jpg", alt: "Female model in black shirt sending peace message."},
]}
avatarText="Join 1M+ satisfied users worldwide!"
buttons={[
{
text: "Get Started Now",
href: "#pricing",
},
text: "Get Started Now", href: "#pricing"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Uninterrupted Streaming",
},
type: "text", text: "Uninterrupted Streaming"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blurred-small-fiber-optic-lights_23-2148241394.jpg",
alt: "Unlimited Bandwidth",
},
type: "image", src: "http://img.b2bpic.net/free-photo/blurred-small-fiber-optic-lights_23-2148241394.jpg", alt: "Unlimited Bandwidth"},
{
type: "text",
text: "Global Server Network",
},
type: "text", text: "Global Server Network"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/elegant-business-infographic_1212-89.jpg",
alt: "Global Network",
},
type: "image", src: "http://img.b2bpic.net/free-vector/elegant-business-infographic_1212-89.jpg", alt: "Global Network"},
{
type: "text",
text: "Advanced Encryption",
},
type: "text", text: "Advanced Encryption"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/lock-shield-cyber-security-technology-blue-tone_53876-119533.jpg",
alt: "Advanced Encryption",
},
type: "image", src: "http://img.b2bpic.net/free-vector/lock-shield-cyber-security-technology-blue-tone_53876-119533.jpg", alt: "Advanced Encryption"},
{
type: "text",
text: "No-Log Policy",
},
type: "text", text: "No-Log Policy"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/asian-woman-using-alcohol-gel-sanitizer-wash-hand-before-work-laptop-protect-coronavirus-female-push-alcohol-clean-hygiene-when-social-distancing-stay-home-self-quarantine-time_7861-2487.jpg",
alt: "No-Log Policy",
},
type: "image", src: "http://img.b2bpic.net/free-photo/asian-woman-using-alcohol-gel-sanitizer-wash-hand-before-work-laptop-protect-coronavirus-female-push-alcohol-clean-hygiene-when-social-distancing-stay-home-self-quarantine-time_7861-2487.jpg", alt: "No-Log Policy"},
{
type: "text",
text: "Multi-Device Support",
},
type: "text", text: "Multi-Device Support"},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0xg02a",
alt: "Multi-Device Support",
},
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0xg02a", alt: "Multi-Device Support"},
{
type: "text",
text: "24/7 Premium Support",
},
type: "text", text: "24/7 Premium Support"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/pie-chart-front-side_187299-39655.jpg",
alt: "24/7 Support",
},
type: "image", src: "http://img.b2bpic.net/free-photo/pie-chart-front-side_187299-39655.jpg", alt: "24/7 Support"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -180,19 +119,13 @@ export default function LandingPage() {
metrics={[
{
icon: Gauge,
label: "Average Speed",
value: "10 Gbps",
},
label: "Average Speed", value: "10 Gbps"},
{
icon: Globe,
label: "Global Servers",
value: "5000+",
},
label: "Global Servers", value: "5000+"},
{
icon: Users,
label: "Happy Users",
value: "1M+",
},
label: "Happy Users", value: "1M+"},
]}
metricsAnimation="slide-up"
/>
@@ -205,47 +138,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Blazing-Fast Connections",
subtitle: "Experience zero buffering and lightning-quick downloads with our optimized servers.",
category: "Speed",
value: "Up to 10 Gbps",
},
id: "f1", title: "Blazing-Fast Connections", subtitle: "Experience zero buffering and lightning-quick downloads with our optimized servers.", category: "Speed", value: "Up to 10 Gbps"},
{
id: "f2",
title: "Military-Grade Encryption",
subtitle: "Protect your data with AES-256 encryption, the highest standard in security.",
category: "Security",
value: "AES-256",
},
id: "f2", title: "Military-Grade Encryption", subtitle: "Protect your data with AES-256 encryption, the highest standard in security.", category: "Security", value: "AES-256"},
{
id: "f3",
title: "Global Server Network",
subtitle: "Access content from anywhere with thousands of servers in 100+ countries.",
category: "Access",
value: "100+ Countries",
},
id: "f3", title: "Global Server Network", subtitle: "Access content from anywhere with thousands of servers in 100+ countries.", category: "Access", value: "100+ Countries"},
{
id: "f4",
title: "Strict No-Logs Policy",
subtitle: "Your online activities are truly private, guaranteed by our audited no-logs policy.",
category: "Privacy",
value: "Verified",
},
id: "f4", title: "Strict No-Logs Policy", subtitle: "Your online activities are truly private, guaranteed by our audited no-logs policy.", category: "Privacy", value: "Verified"},
{
id: "f5",
title: "Multi-Device Compatibility",
subtitle: "Secure all your devices with a single account phones, tablets, computers, and routers.",
category: "Devices",
value: "All Platforms",
},
id: "f5", title: "Multi-Device Compatibility", subtitle: "Secure all your devices with a single account phones, tablets, computers, and routers.", category: "Devices", value: "All Platforms"},
{
id: "f6",
title: "24/7 Expert Support",
subtitle: "Get instant help from our dedicated support team, anytime you need it.",
category: "Support",
value: "Live Chat",
},
id: "f6", title: "24/7 Expert Support", subtitle: "Get instant help from our dedicated support team, anytime you need it.", category: "Support", value: "Live Chat"},
]}
title="Unleash Your Digital Potential"
description="SpeedVPN combines cutting-edge technology with user-friendly design to provide an unmatched online experience."
@@ -261,26 +164,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100%",
title: "Uptime Guarantee",
description: "Our servers are always online, ensuring constant, reliable protection.",
imageSrc: "http://img.b2bpic.net/free-photo/high-speed-optical-cable-fast-data-broadband-transfer-fiber-connection-abstract-tech-background_272375-5414.jpg",
},
id: "m1", value: "100%", title: "Uptime Guarantee", description: "Our servers are always online, ensuring constant, reliable protection.", imageSrc: "http://img.b2bpic.net/free-photo/high-speed-optical-cable-fast-data-broadband-transfer-fiber-connection-abstract-tech-background_272375-5414.jpg"},
{
id: "m2",
value: "0 ms",
title: "Latency on Local Servers",
description: "Enjoy seamless online gaming and real-time communication.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883585.jpg",
},
id: "m2", value: "0 ms", title: "Latency on Local Servers", description: "Enjoy seamless online gaming and real-time communication.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883585.jpg"},
{
id: "m3",
value: "99.9%",
title: "Success Rate",
description: "Consistently bypass geo-restrictions and securely access content.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336504.jpg",
},
id: "m3", value: "99.9%", title: "Success Rate", description: "Consistently bypass geo-restrictions and securely access content.", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336504.jpg"},
]}
title="Performance You Can Trust"
description="We are committed to delivering exceptional speed and bulletproof security, consistently outperforming competitors."
@@ -296,59 +184,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Basic Boost",
price: "$5.99",
period: "/month",
features: [
"Blazing fast speeds",
"Access to 50+ countries",
"Secure encryption",
"Up to 3 devices",
],
id: "basic", title: "Basic Boost", price: "$5.99", period: "/month", features: [
"Blazing fast speeds", "Access to 50+ countries", "Secure encryption", "Up to 3 devices"],
button: {
text: "Start Basic",
},
imageSrc: "http://img.b2bpic.net/free-vector/datacenter-banner-set_1284-34345.jpg",
imageAlt: "Basic VPN Plan",
},
text: "Start Basic"},
imageSrc: "http://img.b2bpic.net/free-vector/datacenter-banner-set_1284-34345.jpg", imageAlt: "Basic VPN Plan"},
{
id: "pro",
title: "Pro Turbo",
price: "$9.99",
period: "/month",
features: [
"World's fastest speeds",
"Access to 100+ countries",
"Advanced encryption",
"Up to 7 devices",
"Priority support",
],
id: "pro", title: "Pro Turbo", price: "$9.99", period: "/month", features: [
"World's fastest speeds", "Access to 100+ countries", "Advanced encryption", "Up to 7 devices", "Priority support"],
button: {
text: "Go Pro",
},
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301553.jpg",
imageAlt: "Pro VPN Plan",
},
text: "Go Pro"},
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301553.jpg", imageAlt: "Pro VPN Plan"},
{
id: "ultimate",
title: "Ultimate Unlimited",
price: "$12.99",
period: "/month",
features: [
"Unthrottled speeds",
"Global access: all countries",
"Ultimate security suite",
"Unlimited devices",
"24/7 dedicated support",
"Dedicated IP option",
],
id: "ultimate", title: "Ultimate Unlimited", price: "$12.99", period: "/month", features: [
"Unthrottled speeds", "Global access: all countries", "Ultimate security suite", "Unlimited devices", "24/7 dedicated support", "Dedicated IP option"],
button: {
text: "Get Ultimate",
},
imageSrc: "http://img.b2bpic.net/free-photo/vpn-cybersecurity-illustration-woman-with-laptop-protecting-privacy_23-2151997024.jpg",
imageAlt: "Ultimate VPN Plan",
},
text: "Get Ultimate"},
imageSrc: "http://img.b2bpic.net/free-photo/vpn-cybersecurity-illustration-woman-with-laptop-protecting-privacy_23-2151997024.jpg", imageAlt: "Ultimate VPN Plan"},
]}
title="Choose Your SpeedVPN Plan"
description="Select the perfect plan to match your needs for speed, security, and global access."
@@ -362,50 +214,24 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex K.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-middle-aged-man-portrait-neon-lights_23-2149051807.jpg",
imageAlt: "Alex K.",
},
id: "t1", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-middle-aged-man-portrait-neon-lights_23-2149051807.jpg", imageAlt: "Alex K."},
{
id: "t2",
name: "Maria L.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-company-manager-checking-low-revenue-kpis-feeling-stressed_482257-126291.jpg",
imageAlt: "Maria L.",
},
id: "t2", name: "Maria L.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-company-manager-checking-low-revenue-kpis-feeling-stressed_482257-126291.jpg", imageAlt: "Maria L."},
{
id: "t3",
name: "Jordan P.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-studying-with-tablet_23-2149105729.jpg",
imageAlt: "Jordan P.",
},
id: "t3", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-studying-with-tablet_23-2149105729.jpg", imageAlt: "Jordan P."},
{
id: "t4",
name: "Samira C.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-soldier-military-uniform-getting-reunited-with-his-family-via-tablet-computer_342744-456.jpg",
imageAlt: "Samira C.",
},
id: "t4", name: "Samira C.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-soldier-military-uniform-getting-reunited-with-his-family-via-tablet-computer_342744-456.jpg", imageAlt: "Samira C."},
{
id: "t5",
name: "David R.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-with-mobile-phone-funny-expression_1194-3282.jpg",
imageAlt: "David R.",
},
id: "t5", name: "David R.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-with-mobile-phone-funny-expression_1194-3282.jpg", imageAlt: "David R."},
{
id: "t6",
name: "Chloe S.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-night_23-2149144031.jpg",
imageAlt: "Close up smiley man at night",
},
id: "t6", name: "Chloe S.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-night_23-2149144031.jpg", alt: "Close up smiley man at night"},
]}
cardTitle="What Our Users Say"
cardTag="Trust"
cardTagIcon={Star}
buttons={[
{
text: "Read All Reviews",
href: "#",
},
text: "Read All Reviews", href: "#"},
]}
cardAnimation="slide-up"
/>
@@ -417,35 +243,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What makes SpeedVPN the fastest?",
content: "SpeedVPN utilizes next-generation protocols, a vast network of high-bandwidth servers, and optimized routing algorithms to deliver unmatched connection speeds globally.",
},
id: "faq1", title: "What makes SpeedVPN the fastest?", content: "SpeedVPN utilizes next-generation protocols, a vast network of high-bandwidth servers, and optimized routing algorithms to deliver unmatched connection speeds globally."},
{
id: "faq2",
title: "Is my data secure with SpeedVPN?",
content: "Absolutely. We employ military-grade AES-256 encryption, DNS leak protection, and a strict no-logs policy, ensuring your online activities remain private and secure.",
},
id: "faq2", title: "Is my data secure with SpeedVPN?", content: "Absolutely. We employ military-grade AES-256 encryption, DNS leak protection, and a strict no-logs policy, ensuring your online activities remain private and secure."},
{
id: "faq3",
title: "Can I access geo-restricted content?",
content: "Yes, our extensive server network in over 100 countries allows you to bypass geo-restrictions and access your favorite content from anywhere in the world.",
},
id: "faq3", title: "Can I access geo-restricted content?", content: "Yes, our extensive server network in over 100 countries allows you to bypass geo-restrictions and access your favorite content from anywhere in the world."},
{
id: "faq4",
title: "How many devices can I connect?",
content: "Depending on your subscription plan, you can connect multiple devices simultaneously, ranging from 3 devices on the Basic plan to unlimited devices on the Ultimate plan.",
},
id: "faq4", title: "How many devices can I connect?", content: "Depending on your subscription plan, you can connect multiple devices simultaneously, ranging from 3 devices on the Basic plan to unlimited devices on the Ultimate plan."},
{
id: "faq5",
title: "What if I experience connection issues?",
content: "Our 24/7 customer support team is always ready to assist you. You can reach us via live chat or email for prompt troubleshooting and assistance.",
},
id: "faq5", title: "What if I experience connection issues?", content: "Our 24/7 customer support team is always ready to assist you. You can reach us via live chat or email for prompt troubleshooting and assistance."},
{
id: "faq6",
title: "Do you offer a free trial?",
content: "While we don't offer a free trial, all our plans come with a 30-day money-back guarantee, allowing you to try SpeedVPN risk-free.",
},
id: "faq6", title: "Do you offer a free trial?", content: "While we don't offer a free trial, all our plans come with a 30-day money-back guarantee, allowing you to try SpeedVPN risk-free."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about SpeedVPN."
@@ -462,27 +270,16 @@ export default function LandingPage() {
description="Have questions or need assistance? Our team is here to help you get the most out of your VPN experience."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
},
name: "subject", type: "text", placeholder: "Subject"},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/techno-background-with-connecting-lines-dots_1048-6210.jpg"
@@ -502,23 +299,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}