Merge version_1 into main #3
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,26 +33,11 @@ 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"
|
||||
/>
|
||||
@@ -60,43 +45,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ 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", 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>
|
||||
@@ -106,12 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Mission"
|
||||
title="Bridging the Digital Divide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,26 +77,11 @@ 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: "High-speed access across all major urban areas.", bentoComponent: "globe"},
|
||||
{
|
||||
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: "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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-couch-using-laptop_23-2148794581.jpg?_wi=2",
|
||||
imageAlt: "server availability icon",
|
||||
title: "Reliable Connections", description: "Always-on infrastructure for seamless streaming.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Free Connect"
|
||||
@@ -156,27 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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,
|
||||
},
|
||||
{ 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="Our Impact"
|
||||
description="Measurable results across our network."
|
||||
@@ -190,54 +112,16 @@ 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: "Essential", price: "Free", subtitle: "Basic connectivity for everyone", buttons: [{ text: "Join Now", href: "#" }],
|
||||
features: ["10 Mbps Speed", "24/7 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: "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: "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="Simple Plans"
|
||||
@@ -252,26 +136,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -282,15 +151,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Innovate",
|
||||
"GlobalConnect",
|
||||
"DataStream",
|
||||
"FutureTech",
|
||||
"NetSolutions",
|
||||
"VisionaryBrands",
|
||||
]}
|
||||
names={["TechCorp", "Innovate", "GlobalConnect", "DataStream", "FutureTech", "NetSolutions", "VisionaryBrands"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Our network is supported by industry innovators."
|
||||
/>
|
||||
@@ -301,31 +162,11 @@ 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 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="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -336,46 +177,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to get connected? Reach out to our team for any inquiries or support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", 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 Us", href: "#about" }, { label: "Services", href: "#pricing" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Free Connect"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user