Merge version_1 into main #1
203
src/app/page.tsx
203
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="VoidTunnel"
|
||||
/>
|
||||
@@ -52,32 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unbreakable Privacy, Global Speed"
|
||||
description="VoidTunnel VPN secures your data with industry-leading encryption and lightning-fast global servers. Experience true digital anonymity."
|
||||
tag="Secure by Default"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vpn-cybersecurity-illustration-woman-with-laptop-protecting-privacy_23-2151997024.jpg",
|
||||
imageAlt: "digital secure tunnel concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vpn-cybersecurity-illustration-woman-with-laptop-protecting-privacy_23-2151997024.jpg", imageAlt: "digital secure tunnel concept"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hombre-borroso-dibujando-una-grafica_1232-299.jpg",
|
||||
imageAlt: "global network connection map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg",
|
||||
imageAlt: "Cyber security concept in digital art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-providing-vpn-servers_482257-91091.jpg",
|
||||
imageAlt: "Data center providing VPN servers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-system-network-security-development-graphic-word_53876-121147.jpg",
|
||||
imageAlt: "Technology System Network Security Development Graphic Word",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hombre-borroso-dibujando-una-grafica_1232-299.jpg", imageAlt: "global network connection map"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -94,25 +71,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10Gbps",
|
||||
title: "Bandwidth",
|
||||
description: "Ultra fast connection speed",
|
||||
icon: Zap,
|
||||
id: "m1", value: "10Gbps", title: "Bandwidth", description: "Ultra fast connection speed", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Servers",
|
||||
description: "Global server locations",
|
||||
icon: Globe,
|
||||
id: "m2", value: "500+", title: "Servers", description: "Global server locations", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable connection guarantee",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Reliable connection guarantee", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Infrastructure Stats"
|
||||
@@ -127,20 +92,11 @@ export default function LandingPage() {
|
||||
description="Protect your digital footprint with advanced security protocols designed to prevent tracking, logging, and unauthorized surveillance."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AES-256 Encryption",
|
||||
content: "Military-grade encryption protects every bit of traffic.",
|
||||
},
|
||||
id: "f1", title: "AES-256 Encryption", content: "Military-grade encryption protects every bit of traffic."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "No-Logs Policy",
|
||||
content: "Your activity remains yours alone. We log nothing.",
|
||||
},
|
||||
id: "f2", title: "No-Logs Policy", content: "Your activity remains yours alone. We log nothing."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Kill Switch",
|
||||
content: "Instant connection termination if the VPN drops.",
|
||||
},
|
||||
id: "f3", title: "Kill Switch", content: "Instant connection termination if the VPN drops."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conceptual-data-privacy-man-hand-pointing-with-wooden-blocks-paper-settings-icon_176474-10519.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -155,38 +111,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Standard",
|
||||
price: "$4.99/mo",
|
||||
subtitle: "Perfect for personal use",
|
||||
features: [
|
||||
"1 device",
|
||||
"Basic protection",
|
||||
"Standard speed",
|
||||
],
|
||||
id: "p1", badge: "Standard", price: "$4.99/mo", subtitle: "Perfect for personal use", features: [
|
||||
"1 device", "Basic protection", "Standard speed"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$9.99/mo",
|
||||
subtitle: "Best for power users",
|
||||
features: [
|
||||
"5 devices",
|
||||
"Ultra protection",
|
||||
"High-speed servers",
|
||||
"Priority support",
|
||||
],
|
||||
id: "p2", badge: "Premium", price: "$9.99/mo", subtitle: "Best for power users", features: [
|
||||
"5 devices", "Ultra protection", "High-speed servers", "Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -201,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Secure",
|
||||
quote: "The best VPN for travel.",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
id: "t1", title: "Secure", quote: "The best VPN for travel.", name: "Sarah J.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fast",
|
||||
quote: "Incredible connection speeds.",
|
||||
name: "Mark D.",
|
||||
role: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-updating-server-room-supercomputers-systems_482257-115500.jpg",
|
||||
},
|
||||
id: "t2", title: "Fast", quote: "Incredible connection speeds.", name: "Mark D.", role: "Dev", imageSrc: "http://img.b2bpic.net/free-photo/woman-updating-server-room-supercomputers-systems_482257-115500.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Reliable",
|
||||
quote: "Always active, always safe.",
|
||||
name: "Linda P.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-listening-music-from-mobile-phone_1170-1035.jpg",
|
||||
},
|
||||
id: "t3", title: "Reliable", quote: "Always active, always safe.", name: "Linda P.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-listening-music-from-mobile-phone_1170-1035.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Private",
|
||||
quote: "True anonymity achieved.",
|
||||
name: "John K.",
|
||||
role: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-pc-integrating-new-technologies-systems-data-center_482257-123822.jpg",
|
||||
},
|
||||
id: "t4", title: "Private", quote: "True anonymity achieved.", name: "John K.", role: "User", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-pc-integrating-new-technologies-systems-data-center_482257-123822.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Worth It",
|
||||
quote: "Worth every cent for peace.",
|
||||
name: "Anna S.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
},
|
||||
id: "t5", title: "Worth It", quote: "Worth every cent for peace.", name: "Anna S.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg"},
|
||||
]}
|
||||
title="Global User Voices"
|
||||
description="See why thousands trust VoidTunnel."
|
||||
@@ -252,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What devices do you support?",
|
||||
content: "Windows, macOS, Android, and iOS.",
|
||||
},
|
||||
id: "q1", title: "What devices do you support?", content: "Windows, macOS, Android, and iOS."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data stored?",
|
||||
content: "No, we strictly follow a zero-logs policy.",
|
||||
},
|
||||
id: "q2", title: "Is my data stored?", content: "No, we strictly follow a zero-logs policy."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How fast are the servers?",
|
||||
content: "We offer speeds up to 10Gbps.",
|
||||
},
|
||||
id: "q3", title: "How fast are the servers?", content: "We offer speeds up to 10Gbps."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our service"
|
||||
@@ -278,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Nvidia",
|
||||
"Adobe",
|
||||
"Intel",
|
||||
]}
|
||||
"Google", "Microsoft", "Amazon", "Tesla", "Nvidia", "Adobe", "Intel"]}
|
||||
title="Trusted Globally"
|
||||
description="Used by companies and professionals worldwide."
|
||||
/>
|
||||
@@ -295,14 +186,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Need help with our service? Our team is available 24/7 to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,42 +199,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "VPN for PC",
|
||||
href: "#",
|
||||
},
|
||||
label: "VPN for PC", href: "#"},
|
||||
{
|
||||
label: "VPN for Mobile",
|
||||
href: "#",
|
||||
},
|
||||
label: "VPN for Mobile", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user