Merge version_2 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -33,70 +33,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Free Connect"
|
||||
brandName="NetFree"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Access the Future: Free Internet for Everyone"
|
||||
description="Connecting communities with high-speed, reliable, and entirely free internet access. Join the network today."
|
||||
tag="Revolutionizing Access"
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Internet Freedom for All"
|
||||
description="We provide borderless, free, and secure high-speed internet access to communities worldwide. Experience the digital world without barriers."
|
||||
tag="Universal Access"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-optic-fiber_23-2148779322.jpg?_wi=1",
|
||||
imageAlt: "Connectivity Scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-couch-using-laptop_23-2148794581.jpg?_wi=1",
|
||||
imageAlt: "Connectivity Scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-plexus-design-with-bright-colours_1048-12414.jpg",
|
||||
imageAlt: "Connectivity Scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
imageAlt: "Connectivity Scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212635.jpg",
|
||||
imageAlt: "Connectivity Scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-computer-computing-perspective-sky_1127-2373.jpg",
|
||||
imageAlt: "Connectivity Scene 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-optic-fiber_23-2148779322.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-plexus-design-with-bright-colours_1048-12414.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212635.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,13 +64,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Mission"
|
||||
title="Bridging the Digital Divide"
|
||||
tag="Our Vision"
|
||||
title="Connectivity as a Fundamental Right"
|
||||
description="We believe that access to the internet is a human right. By building decentralized, community-driven networks, we bridge the digital gap that leaves millions behind."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Our Mission", href: "#features" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,30 +80,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Global Coverage",
|
||||
description: "High-speed access across all major urban areas.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-web-hosting-flat-color-icon-pack-like-sal-database-security-server-safe_1142-22692.jpg",
|
||||
imageAlt: "server availability icon",
|
||||
title: "Global Coverage", description: "Extensive network nodes deployed across 5 continents.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "End-to-End Security", description: "Privacy-first architecture ensuring your data stays yours.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Track your usage and network performance in real-time.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-optic-fiber_23-2148779322.jpg?_wi=2",
|
||||
imageAlt: "server availability icon",
|
||||
},
|
||||
{
|
||||
title: "Reliable Connections",
|
||||
description: "Always-on infrastructure for seamless streaming.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-couch-using-laptop_23-2148794581.jpg?_wi=2",
|
||||
imageAlt: "server availability icon",
|
||||
},
|
||||
title: "High-Speed Performance", description: "Optimized routing for low-latency streaming and gaming.", bentoComponent: "animated-bar-chart"},
|
||||
]}
|
||||
title="Why Choose Free Connect"
|
||||
description="Powerful features designed to keep you connected everywhere."
|
||||
title="Unmatched Network Capabilities"
|
||||
description="Experience robust, secure, and lightning-fast connectivity infrastructure designed for the modern world."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,29 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500k+",
|
||||
title: "Active Users",
|
||||
description: "People connected globally",
|
||||
icon: Users,
|
||||
id: "m1", value: "1M+", title: "Connected Users", description: "Empowering digital citizens daily", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Continuous network reliability",
|
||||
icon: Zap,
|
||||
id: "m2", value: "99.9%", title: "Uptime", description: "Reliability you can count on", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
title: "Cities",
|
||||
description: "Expanding our reach",
|
||||
icon: Map,
|
||||
id: "m3", value: "250+", title: "Global Hubs", description: "Expanding our reach every day", icon: Map,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measurable results across our network."
|
||||
title="Making a Difference"
|
||||
description="Our metrics reflect our commitment to universal internet access."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,89 +121,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "Free",
|
||||
subtitle: "Basic connectivity for everyone",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"10 Mbps Speed",
|
||||
"24/7 Support",
|
||||
],
|
||||
id: "basic", badge: "Free Plan", price: "$0", subtitle: "Unlimited access for everyone", buttons: [{ text: "Get Connected", href: "#contact" }],
|
||||
features: ["25 Mbps Speed", "Community Support", "No Data Caps"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Advanced",
|
||||
price: "$9.99/mo",
|
||||
subtitle: "Fastest speeds for power users",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"100 Mbps Speed",
|
||||
"Priority Network",
|
||||
"No Ads",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Corporate",
|
||||
price: "$49.99/mo",
|
||||
subtitle: "High-capacity network solutions",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Gbps Speed",
|
||||
"Dedicated Bandwidth",
|
||||
"Advanced Security",
|
||||
],
|
||||
id: "pro", badge: "Pro Plan", price: "$9", subtitle: "Enhanced performance for power users", buttons: [{ text: "Upgrade", href: "#contact" }],
|
||||
features: ["200 Mbps Speed", "Priority Routing", "Dedicated Support"],
|
||||
},
|
||||
]}
|
||||
title="Simple Plans"
|
||||
description="Choose your level of free access."
|
||||
title="Transparent Access Options"
|
||||
description="Choose the plan that suits your bandwidth needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Free Connect has truly changed the way I interact with the digital world. The service is incredibly fast and reliable."
|
||||
testimonial="NetFree has been a game-changer for my education. I can finally attend classes and do my research without worrying about expensive data costs."
|
||||
rating={5}
|
||||
author="Sarah Miller, Designer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-closed-eyes_23-2148594476.jpg",
|
||||
alt: "Mark Davis",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
|
||||
alt: "Anna Smith",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/keeping-my-family-touch_329181-7926.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3317.jpg",
|
||||
alt: "Lucy Chen",
|
||||
},
|
||||
]}
|
||||
author="Elena Rodriguez, Student"
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -280,19 +147,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Innovate",
|
||||
"GlobalConnect",
|
||||
"DataStream",
|
||||
"FutureTech",
|
||||
"NetSolutions",
|
||||
"VisionaryBrands",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Our network is supported by industry innovators."
|
||||
names={["OpenMesh", "GlobalLink", "FutureNet", "TechAlliance", "CommunityConnect"]}
|
||||
title="Backed by Industry Leaders"
|
||||
description="Partnering with global organizations dedicated to closing the digital divide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -301,83 +158,31 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it really free?",
|
||||
content: "Yes, our basic plan is completely free of charge.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What speeds can I expect?",
|
||||
content: "Our basic plan provides up to 10 Mbps.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I sign up?",
|
||||
content: "Simply fill out our registration form online.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is my data secure?",
|
||||
content: "We implement advanced encryption to ensure your data stays private.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Yes, you can upgrade your plan through your user dashboard whenever you need.",
|
||||
},
|
||||
{ id: "q1", title: "Is the free service truly unlimited?", content: "Yes, we provide unlimited access for all users on our free plan." },
|
||||
{ id: "q2", title: "How do I find a network hub?", content: "Use our interactive map on the dashboard to locate the nearest node." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to your most frequently asked questions."
|
||||
description="Got questions? We've got answers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to get connected? Reach out to our team for any inquiries or support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to join the revolution? Reach out to support or become a partner today."
|
||||
buttons={[{ text: "Get in Touch", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Network", href: "#features" }] },
|
||||
{ items: [{ label: "Legal", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Free Connect"
|
||||
logoText="NetFree"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user