1 Commits

Author SHA1 Message Date
2ac950a071 Update src/app/page.tsx 2026-04-21 13:40:19 +00:00

View File

@@ -33,26 +33,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Features", id: "features" },
}, { name: "Pricing", id: "pricing" },
{ { name: "Contact", id: "contact" },
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Free Connect" brandName="Free Connect"
/> />
@@ -60,43 +45,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
title="Access the Future: Free Internet for Everyone" title="Access the Future: Free Internet for Everyone"
description="Connecting communities with high-speed, reliable, and entirely free internet access. Join the network today." description="Connecting communities with high-speed, reliable, and entirely free internet access. Join the network today."
tag="Revolutionizing Access" tag="Revolutionizing Access"
buttons={[ buttons={[{ text: "Get Started", href: "#pricing" }]}
{
text: "Get Started",
href: "#pricing",
},
]}
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/blue-optic-fiber_23-2148779322.jpg", imageAlt: "Connectivity Scene 1" },
imageSrc: "http://img.b2bpic.net/free-photo/blue-optic-fiber_23-2148779322.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-couch-using-laptop_23-2148794581.jpg", imageAlt: "Connectivity Scene 2" },
imageAlt: "Connectivity Scene 1", { 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/man-woman-sitting-couch-using-laptop_23-2148794581.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/competition-computer-computing-perspective-sky_1127-2373.jpg", imageAlt: "Connectivity Scene 6" },
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> </div>
@@ -106,12 +66,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
tag="Our Mission" tag="Our Mission"
title="Bridging the Digital Divide" title="Bridging the Digital Divide"
buttons={[ buttons={[{ text: "Learn More", href: "#features" }]}
{
text: "Learn More",
href: "#features",
},
]}
/> />
</div> </div>
@@ -122,26 +77,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Global Coverage", title: "Global Coverage", description: "High-speed access across all major urban areas.", bentoComponent: "globe"},
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: "Real-time Analytics", title: "Real-time Analytics", description: "Track your usage and network performance in real-time.", bentoComponent: "animated-bar-chart"},
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", title: "Reliable Connections", description: "Always-on infrastructure for seamless streaming.", bentoComponent: "reveal-icon", icon: Shield,
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="Why Choose Free Connect" title="Why Choose Free Connect"
@@ -156,27 +96,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "500k+", title: "Active Users", description: "People connected globally", icon: Users },
id: "m1", { id: "m2", value: "99.9%", title: "Uptime", description: "Continuous network reliability", icon: Zap },
value: "500k+", { id: "m3", value: "120+", title: "Cities", description: "Expanding our reach", icon: Map },
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="Our Impact" title="Our Impact"
description="Measurable results across our network." description="Measurable results across our network."
@@ -190,54 +112,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", badge: "Essential", price: "Free", subtitle: "Basic connectivity for everyone", buttons: [{ text: "Join Now", href: "#" }],
badge: "Essential", features: ["10 Mbps Speed", "24/7 Support"],
price: "Free",
subtitle: "Basic connectivity for everyone",
buttons: [
{
text: "Join Now",
href: "#",
},
],
features: [
"10 Mbps Speed",
"24/7 Support",
],
}, },
{ {
id: "pro", id: "pro", badge: "Advanced", price: "$9.99/mo", subtitle: "Fastest speeds for power users", buttons: [{ text: "Upgrade", href: "#" }],
badge: "Advanced", features: ["100 Mbps Speed", "Priority Network", "No Ads"],
price: "$9.99/mo",
subtitle: "Fastest speeds for power users",
buttons: [
{
text: "Upgrade",
href: "#",
},
],
features: [
"100 Mbps Speed",
"Priority Network",
"No Ads",
],
}, },
{ {
id: "enterprise", id: "enterprise", badge: "Corporate", price: "$49.99/mo", subtitle: "High-capacity network solutions", buttons: [{ text: "Contact Us", href: "#contact" }],
badge: "Corporate", features: ["1 Gbps Speed", "Dedicated Bandwidth", "Advanced Security"],
price: "$49.99/mo",
subtitle: "High-capacity network solutions",
buttons: [
{
text: "Contact Us",
href: "#contact",
},
],
features: [
"1 Gbps Speed",
"Dedicated Bandwidth",
"Advanced Security",
],
}, },
]} ]}
title="Simple Plans" title="Simple Plans"
@@ -252,26 +136,11 @@ export default function LandingPage() {
rating={5} rating={5}
author="Sarah Miller, Designer" author="Sarah Miller, Designer"
avatars={[ 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/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", { src: "http://img.b2bpic.net/free-photo/happy-man-with-closed-eyes_23-2148594476.jpg", alt: "Mark Davis" },
alt: "Sarah Miller", { 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" },
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" ratingAnimation="blur-reveal"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -282,15 +151,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["TechCorp", "Innovate", "GlobalConnect", "DataStream", "FutureTech", "NetSolutions", "VisionaryBrands"]}
"TechCorp",
"Innovate",
"GlobalConnect",
"DataStream",
"FutureTech",
"NetSolutions",
"VisionaryBrands",
]}
title="Trusted by Leaders" title="Trusted by Leaders"
description="Our network is supported by industry innovators." description="Our network is supported by industry innovators."
/> />
@@ -301,31 +162,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Is it really free?", content: "Yes, our basic plan is completely free of charge." },
id: "q1", { id: "q2", title: "What speeds can I expect?", content: "Our basic plan provides up to 10 Mbps." },
title: "Is it really free?", { id: "q3", title: "How do I sign up?", content: "Simply fill out our registration form online." },
content: "Yes, our basic plan is completely free of charge.", { 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: "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="Common Questions" title="Common Questions"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -336,46 +177,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
text="Ready to get connected? Reach out to our team for any inquiries or support." text="Ready to get connected? Reach out to our team for any inquiries or support."
buttons={[ buttons={[{ text: "Contact Us", href: "#" }]}
{
text: "Contact Us",
href: "#",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#pricing" }] },
items: [ { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#pricing",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]} ]}
logoText="Free Connect" logoText="Free Connect"
/> />