Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -33,70 +33,29 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       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="NetFree"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        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."
-      title="Access the Future: Free Internet for Everyone"
+      tag="Universal Access"
-      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" },
-          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/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" },
-          imageAlt: "Connectivity Scene 1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212635.jpg" },
-        },
-        {
-          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",
-        },
       ]}
     />
   </div>
@@ -104,13 +63,10 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      tag="Our Mission"
+      tag="Our Vision"
-      title="Bridging the Digital Divide"
+      title="Connectivity as a Fundamental Right"
       buttons={[
-        {
+        { text: "Our Mission", href: "#features" },
-          text: "Learn More",
-          href: "#features",
-        },
       ]}
     />
   </div>
@@ -122,30 +78,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Global Coverage",
+          title: "Global Coverage",          description: "Extensive network nodes deployed across 5 continents.",          bentoComponent: "globe"},
-          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,
-          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: "High-Speed Performance",          description: "Optimized routing for low-latency streaming and gaming.",          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",
-          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="Unmatched Network Capabilities"
-      description="Powerful features designed to keep you connected everywhere."
+      description="Experience robust, secure, and lightning-fast connectivity infrastructure designed for the modern world."
     />
   </div>
 
@@ -157,29 +98,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "1M+",          title: "Connected Users",          description: "Empowering digital citizens daily",          icon: Users,
-          value: "500k+",
-          title: "Active Users",
-          description: "People connected globally",
-          icon: Users,
         },
         {
-          id: "m2",
+          id: "m2",          value: "99.9%",          title: "Uptime",          description: "Reliability you can count on",          icon: Zap,
-          value: "99.9%",
-          title: "Uptime",
-          description: "Continuous network reliability",
-          icon: Zap,
         },
         {
-          id: "m3",
+          id: "m3",          value: "250+",          title: "Global Hubs",          description: "Expanding our reach every day",          icon: Map,
-          value: "120+",
-          title: "Cities",
-          description: "Expanding our reach",
-          icon: Map,
         },
       ]}
-      title="Our Impact"
+      title="Making a Difference"
-      description="Measurable results across our network."
+      description="Our metrics reflect our commitment to universal internet access."
     />
   </div>
 
@@ -190,109 +119,38 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Free Plan",          price: "$0",          subtitle: "Unlimited access for everyone",          buttons: [{ text: "Get Connected", href: "#contact" }],
-          badge: "Essential",
+          features: ["25 Mbps Speed", "Community Support", "No Data Caps"],
-          price: "Free",
-          subtitle: "Basic connectivity for everyone",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "10 Mbps Speed",
-            "24/7 Support",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Pro Plan",          price: "$9",          subtitle: "Enhanced performance for power users",          buttons: [{ text: "Upgrade", href: "#contact" }],
-          badge: "Advanced",
+          features: ["200 Mbps Speed", "Priority Routing", "Dedicated Support"],
-          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="Simple Plans"
+      title="Transparent Access Options"
-      description="Choose your level of free access."
+      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"
+      author="Elena Rodriguez, Student"
-      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>
 
@@ -301,83 +159,31 @@ 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: "q1",
+        { id: "q2", title: "How do I find a network hub?", content: "Use our interactive map on the dashboard to locate the nearest node." },
-          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"
+      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={{
+      background={{ variant: "sparkles-gradient" }}
-        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: [
+        { items: [{ label: "Legal", href: "#" }, { label: "Terms", href: "#" }] },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      logoText="Free Connect"
+      logoText="NetFree"
     />
   </div>
       </ReactLenis>