bender/2cd51945-7880-43f7-ae69-caa511c3c6e7
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

1 Commits
version_2 ... version_1

Author SHA1 Message Date
bender
2ac950a071 Update src/app/page.tsx 2026-04-21 13:40:19 +00:00
1 changed files with 59 additions and 53 deletions
Expand all files Collapse all files

112
src/app/page.tsx
View File

@@ -39,23 +39,24 @@ export default function LandingPage() {
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="NetFree"
brandName="Free Connect"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ 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" },
]}
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"
buttons={[{ text: "Get Started", href: "#pricing" }]}
mediaItems={[
{ 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" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-optic-fiber_23-2148779322.jpg", imageAlt: "Connectivity Scene 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-couch-using-laptop_23-2148794581.jpg", 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" },
]}
/>
</div>
@@ -63,11 +64,9 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="Our Vision"
title="Connectivity as a Fundamental Right"
buttons={[
{ text: "Our Mission", href: "#features" },
]}
tag="Our Mission"
title="Bridging the Digital Divide"
buttons={[{ text: "Learn More", href: "#features" }]}
/>
</div>
@@ -78,15 +77,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Global Coverage", description: "Extensive network nodes deployed across 5 continents.", bentoComponent: "globe"},
title: "Global Coverage", description: "High-speed access across all major urban areas.", 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"},
{
title: "Reliable Connections", description: "Always-on infrastructure for seamless streaming.", bentoComponent: "reveal-icon", icon: Shield,
},
{
title: "High-Speed Performance", description: "Optimized routing for low-latency streaming and gaming.", bentoComponent: "animated-bar-chart"},
]}
title="Unmatched Network Capabilities"
description="Experience robust, secure, and lightning-fast connectivity infrastructure designed for the modern world."
title="Why Choose Free Connect"
description="Powerful features designed to keep you connected everywhere."
/>
</div>
@@ -97,18 +96,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "1M+", title: "Connected Users", description: "Empowering digital citizens daily", icon: Users,
},
{
id: "m2", value: "99.9%", title: "Uptime", description: "Reliability you can count on", icon: Zap,
},
{
id: "m3", value: "250+", title: "Global Hubs", description: "Expanding our reach every day", icon: Map,
},
{ id: "m1", value: "500k+", title: "Active Users", description: "People connected globally", icon: Users },
{ id: "m2", value: "99.9%", title: "Uptime", description: "Continuous network reliability", icon: Zap },
{ id: "m3", value: "120+", title: "Cities", description: "Expanding our reach", icon: Map },
]}
title="Making a Difference"
description="Our metrics reflect our commitment to universal internet access."
title="Our Impact"
description="Measurable results across our network."
/>
</div>
@@ -119,38 +112,48 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
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: "basic", badge: "Essential", price: "Free", subtitle: "Basic connectivity for everyone", buttons: [{ text: "Join Now", href: "#" }],
features: ["10 Mbps Speed", "24/7 Support"],
},
{
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"],
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"],
},
]}
title="Transparent Access Options"
description="Choose the plan that suits your bandwidth needs."
title="Simple Plans"
description="Choose your level of free access."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
useInvertedBackground={false}
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."
testimonial="Free Connect has truly changed the way I interact with the digital world. The service is incredibly fast and reliable."
rating={5}
author="Elena Rodriguez, Student"
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" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
avatars={[]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={["OpenMesh", "GlobalLink", "FutureNet", "TechAlliance", "CommunityConnect"]}
title="Backed by Industry Leaders"
description="Partnering with global organizations dedicated to closing the digital divide."
textboxLayout="default"
useInvertedBackground={false}
names={["TechCorp", "Innovate", "GlobalConnect", "DataStream", "FutureTech", "NetSolutions", "VisionaryBrands"]}
title="Trusted by Leaders"
description="Our network is supported by industry innovators."
/>
</div>
@@ -159,12 +162,15 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ 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." },
{ 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." },
]}
title="Frequently Asked Questions"
title="Common Questions"
faqsAnimation="slide-up"
description="Got questions? We've got answers."
description="Answers to your most frequently asked questions."
/>
</div>
@@ -172,18 +178,18 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
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: "#" }]}
text="Ready to get connected? Reach out to our team for any inquiries or support."
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Network", href: "#features" }] },
{ items: [{ label: "Legal", href: "#" }, { label: "Terms", href: "#" }] },
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#pricing" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="NetFree"
logoText="Free Connect"
/>
</div>
</ReactLenis>