{"id":46,"date":"2026-02-06T16:53:27","date_gmt":"2026-02-06T16:53:27","guid":{"rendered":"https:\/\/cloudagni.com\/?page_id=46"},"modified":"2026-02-07T04:17:34","modified_gmt":"2026-02-07T04:17:34","slug":"home-server-connect","status":"publish","type":"page","link":"https:\/\/cloudagni.com\/?page_id=46","title":{"rendered":"Home Server Connect"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>CloudAgni | Home Server Global Connect<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&#038;family=Space+Grotesk:wght@500;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Animation Library -->\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n    <style>\n        :root {\n            --purple-deep: #2e1065;\n            --purple-primary: #7c3aed;\n            --accent-glow: rgba(124, 58, 237, 0.1);\n        }\n\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            background-color: #ffffff;\n            color: #1e1b4b;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, .font-display {\n            font-family: 'Space Grotesk', sans-serif;\n            color: #1e1b4b;\n        }\n\n        .hero-mesh {\n            background-image: radial-gradient(circle at 2px 2px, rgba(124, 58, 237, 0.05) 1px, transparent 0);\n            background-size: 40px 40px;\n        }\n\n        .cyber-border {\n            border: 1px solid rgba(124, 58, 237, 0.2);\n            position: relative;\n            background: #ffffff;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n        }\n\n        .cyber-border:hover {\n            border-color: var(--purple-primary);\n            box-shadow: 0 10px 25px var(--accent-glow);\n            transform: translateY(-2px);\n        }\n\n        .cyber-border::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 10px; height: 10px;\n            border-top: 2px solid var(--purple-primary);\n            border-left: 2px solid var(--purple-primary);\n        }\n\n        \/* Global Outreach Animation *\/\n        .global-outreach {\n            position: relative;\n            height: 300px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .home-box {\n            width: 100px;\n            height: 100px;\n            background: white;\n            border: 3px solid #7c3aed;\n            border-radius: 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            z-index: 10;\n            box-shadow: 0 20px 40px rgba(124, 58, 237, 0.2);\n        }\n\n        .world-circle {\n            position: absolute;\n            width: 250px;\n            height: 250px;\n            border: 2px dashed #ddd6fe;\n            border-radius: 50%;\n            animation: rotate 20s linear infinite;\n        }\n\n        .internet-dot {\n            position: absolute;\n            width: 10px;\n            height: 10px;\n            background: #7c3aed;\n            border-radius: 50%;\n            box-shadow: 0 0 15px #7c3aed;\n        }\n\n        @keyframes rotate {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        .transit-beam {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #7c3aed, transparent);\n            width: 100%;\n            animation: beam-pass 2s linear infinite;\n        }\n\n        @keyframes beam-pass {\n            0% { transform: translateX(-100%); opacity: 0; }\n            50% { opacity: 1; }\n            100% { transform: translateX(100%); opacity: 0; }\n        }\n\n        .purple-gradient-btn {\n            background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-20 pb-32 overflow-hidden hero-mesh\">\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"flex flex-col lg:flex-row items-center gap-16\">\n                <div class=\"lg:w-3\/5\" data-aos=\"fade-right\">\n                    <h1 class=\"text-5xl lg:text-7xl font-bold leading-tight mb-8\">\n                        Your Home Server. <br\/><span class=\"text-purple-600\">Global Audience.<\/span>\n                    <\/h1>\n                    <p class=\"text-xl text-slate-600 max-w-2xl mb-10 leading-relaxed\">\n                        Host anything physically at your home\u2014web servers, game nodes, or custom OS builds\u2014and we\u2019ll take it global. Get enterprise IP transit, DDoS protection, and a static public IP for your home-lab.\n                    <\/p>\n                    <div class=\"flex flex-wrap gap-4\">\n                        <a href=\"#plans\" class=\"purple-gradient-btn text-white px-8 py-4 rounded-xl font-bold transition transform hover:scale-105 shadow-lg shadow-purple-200 flex items-center gap-2\">\n                            Get IP Transit <span>\u2192<\/span>\n                        <\/a>\n                        <div class=\"flex items-center gap-4 px-6 py-4 rounded-xl border border-purple-100 bg-purple-50\/50\">\n                            <div class=\"text-sm font-medium\">\n                                <span class=\"block text-purple-600\/50 text-xs uppercase font-bold\">Public Reach<\/span>\n                                <span class=\"text-slate-900 font-bold text-base\">Static IPv4 + \/64 IPv6<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Outreach Animation -->\n                <div class=\"lg:w-2\/5\" data-aos=\"zoom-in\">\n                    <div class=\"global-outreach\">\n                        <div class=\"world-circle\">\n                            <div class=\"internet-dot\" style=\"top: 10%; left: 50%;\"><\/div>\n                            <div class=\"internet-dot\" style=\"bottom: 10%; left: 50%;\"><\/div>\n                            <div class=\"internet-dot\" style=\"left: 10%; top: 50%;\"><\/div>\n                            <div class=\"internet-dot\" style=\"right: 10%; top: 50%;\"><\/div>\n                        <\/div>\n                        <div class=\"home-box\">\n                            <span class=\"text-3xl\">\ud83c\udfe0<\/span>\n                            <span class=\"text-[10px] font-bold text-purple-600 mt-2 uppercase tracking-tighter\">My Server<\/span>\n                        <\/div>\n                        <div class=\"transit-beam\"><\/div>\n                    <\/div>\n                    <p class=\"text-center text-xs font-mono text-slate-400 mt-4 uppercase\">Home-to-Global IP Tunnel Active<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Use Cases -->\n    <section class=\"py-24 bg-slate-50\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold mb-4\">Host Locally, Reach Globally<\/h2>\n                <p class=\"text-slate-500\">Perfect for the physical control enthusiast.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"cyber-border p-8 rounded-xl\" data-aos=\"fade-up\">\n                    <div class=\"w-12 h-12 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center mb-6 text-2xl\">\ud83c\udf10<\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">Self-Hosted Web<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Host your website on your own machine. We provide the fixed IP and high-speed transit so the world can reach your home server without NAT issues.<\/p>\n                <\/div>\n                <div class=\"cyber-border p-8 rounded-xl\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"w-12 h-12 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center mb-6 text-2xl\">\ud83d\udcbf<\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">Any OS, Any Time<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Install Proxmox, TrueNAS, or experimental Linux builds physically at home. You manage the OS; we manage the global connectivity pipe.<\/p>\n                <\/div>\n                <div class=\"cyber-border p-8 rounded-xl\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"w-12 h-12 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center mb-6 text-2xl\">\u26a1<\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">Global IP Transit<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Bypass your ISP&#8217;s limitations. Get unblocked ports (80, 443, 25) and professional-grade routing to major global backbones.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- How it Works -->\n    <section class=\"py-24 border-y border-slate-100\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\n                <div class=\"lg:w-1\/2\" data-aos=\"fade-right\">\n                    <h2 class=\"text-4xl font-bold mb-6\">Physical Freedom. <br\/>Digital Reach.<\/h2>\n                    <p class=\"text-slate-600 mb-8\">No more monthly bills for virtual resources you don&#8217;t own. Run your own hardware, upgrade your own RAM, and keep your data in your physical room\u2014while having the same visibility as a server in a Tier-1 data center.<\/p>\n                    <div class=\"space-y-6\">\n                        <div class=\"flex gap-4\">\n                            <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-purple-600 text-white flex items-center justify-center font-bold\">1<\/div>\n                            <div>\n                                <h4 class=\"font-bold\">Plug in Hardware<\/h4>\n                                <p class=\"text-sm text-slate-500\">Connect your server to your home internet.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex gap-4\">\n                            <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-purple-600 text-white flex items-center justify-center font-bold\">2<\/div>\n                            <div>\n                                <h4 class=\"font-bold\">Connect to CloudAgni<\/h4>\n                                <p class=\"text-sm text-slate-500\">Run our lightweight global-transit agent on your machine.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex gap-4\">\n                            <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-purple-600 text-white flex items-center justify-center font-bold\">3<\/div>\n                            <div>\n                                <h4 class=\"font-bold\">Go Live<\/h4>\n                                <p class=\"text-sm text-slate-500\">Your server is now accessible via your new Static Public IP.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"lg:w-1\/2 bg-slate-900 rounded-3xl p-8 text-slate-300 font-mono text-sm shadow-2xl\" data-aos=\"fade-left\">\n                    <div class=\"flex gap-2 mb-4\">\n                        <div class=\"w-3 h-3 rounded-full bg-red-500\"><\/div>\n                        <div class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n                        <div class=\"w-3 h-3 rounded-full bg-green-500\"><\/div>\n                    <\/div>\n                    <p class=\"text-purple-400\"># CloudAgni Home Transit Initialized<\/p>\n                    <p>$ cloudagni-connect &#8211;start<\/p>\n                    <p class=\"text-emerald-400 mt-2\">[SUCCESS] Tunnel established<\/p>\n                    <p>[INFO] Local IP: 192.168.1.50<\/p>\n                    <p>[INFO] Public Transit IP: 103.45.xx.xx<\/p>\n                    <p>[INFO] Status: Global Hosting Enabled<\/p>\n                    <p class=\"mt-4 text-slate-500 animate-pulse\">_<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Transit Plans -->\n    <section id=\"plans\" class=\"py-24 bg-white\">\n        <div class=\"container mx-auto px-6 text-center\">\n            <h2 class=\"text-4xl font-bold mb-4\" data-aos=\"fade-up\">Transit &#038; Transit-only Plans<\/h2>\n            <p class=\"text-slate-500 mb-16\" data-aos=\"fade-up\" data-aos-delay=\"100\">Bring the backbone to your home office.<\/p>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 text-left\">\n                <!-- Basic Transit -->\n                <div class=\"p-8 cyber-border rounded-2xl flex flex-col\" data-aos=\"fade-up\">\n                    <h4 class=\"text-lg font-bold mb-2\">Home Starter<\/h4>\n                    <div class=\"text-3xl font-bold text-purple-600 mb-6\">\u20b9599<span class=\"text-sm text-slate-400 font-normal\">\/mo<\/span><\/div>\n                    <ul class=\"space-y-4 mb-10 flex-grow text-sm text-slate-600\">\n                        <li class=\"border-b border-slate-50 pb-2\"><b>1 Dedicated<\/b> Static Public IP<\/li>\n                        <li class=\"border-b border-slate-50 pb-2\">Unblocked Ports (80, 443)<\/li>\n                        <li class=\"border-b border-slate-50 pb-2\">Standard DDoS Filter<\/li>\n                        <li>Support for 1 Server<\/li>\n                    <\/ul>\n                    <button class=\"w-full py-4 rounded-xl border border-purple-200 text-purple-600 font-bold hover:bg-purple-50 transition-all\">Start Hosting<\/button>\n                <\/div>\n\n                <!-- Webmaster Pro -->\n                <div class=\"p-8 purple-gradient-btn rounded-2xl flex flex-col scale-105 shadow-2xl shadow-purple-200 text-white relative\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <h4 class=\"text-lg font-bold mb-2\">HostMaster Pro<\/h4>\n                    <div class=\"text-3xl font-bold mb-6\">\u20b91,299<span class=\"text-sm text-purple-100 font-normal\">\/mo<\/span><\/div>\n                    <ul class=\"space-y-4 mb-10 flex-grow text-sm text-purple-50\">\n                        <li class=\"border-b border-purple-400\/30 pb-2\"><b>\/29 IPv4 Subnet<\/b> (5 Static IPs)<\/li>\n                        <li class=\"border-b border-purple-400\/30 pb-2\">Advanced Layer 7 Protection<\/li>\n                        <li class=\"border-b border-purple-400\/30 pb-2\">Port 25 (Mail) Allowed<\/li>\n                        <li>High-Priority Transit Route<\/li>\n                    <\/ul>\n                    <button class=\"w-full py-4 bg-white text-purple-900 rounded-xl font-bold transition hover:shadow-xl\">Global Enable<\/button>\n                <\/div>\n\n                <!-- Custom Transit -->\n                <div class=\"p-8 cyber-border rounded-2xl flex flex-col\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <h4 class=\"text-lg font-bold mb-2\">Transit Backbone<\/h4>\n                    <div class=\"text-3xl font-bold text-purple-600 mb-6\">\u20b93,499<span class=\"text-sm text-slate-400 font-normal\">\/mo<\/span><\/div>\n                    <ul class=\"space-y-4 mb-10 flex-grow text-sm text-slate-600\">\n                        <li class=\"border-b border-slate-50 pb-2\"><b>BYO IP Range<\/b> (BGP Support)<\/li>\n                        <li class=\"border-b border-slate-50 pb-2\">Full \/64 IPv6 Delegation<\/li>\n                        <li class=\"border-b border-slate-50 pb-2\">Multi-home Redundancy<\/li>\n                        <li>Direct Peering Session<\/li>\n                    <\/ul>\n                    <button class=\"w-full py-4 rounded-xl border border-purple-200 text-purple-600 font-bold hover:bg-purple-50 transition-all\">Connect ASN<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ -->\n    <section class=\"py-20 bg-slate-50\/50 border-t border-slate-100\">\n        <div class=\"container mx-auto px-6 max-w-3xl\">\n            <h3 class=\"text-2xl font-bold mb-10 text-center\">Hosting at Home FAQ<\/h3>\n            <div class=\"space-y-4\">\n                <details class=\"group bg-white p-6 rounded-xl border border-slate-200 cursor-pointer\">\n                    <summary class=\"font-bold text-slate-900 list-none flex justify-between items-center\">\n                        Does this work with my regular Home Broadband?\n                        <span class=\"text-purple-600 group-open:rotate-180 transition-transform\">\u25bc<\/span>\n                    <\/summary>\n                    <p class=\"mt-4 text-sm text-slate-600 leading-relaxed\">Yes! Even if your ISP uses CGNAT or gives you a dynamic local IP, our transit tunnel gives your server a permanent, static, global public address that never changes.<\/p>\n                <\/details>\n                <details class=\"group bg-white p-6 rounded-xl border border-slate-200 cursor-pointer\">\n                    <summary class=\"font-bold text-slate-900 list-none flex justify-between items-center\">\n                        What kind of hardware can I host?\n                        <span class=\"text-purple-600 group-open:rotate-180 transition-transform\">\u25bc<\/span>\n                    <\/summary>\n                    <p class=\"mt-4 text-sm text-slate-600 leading-relaxed\">Literally anything. From a small Raspberry Pi hosting a blog to a full enterprise rack server running VMware or Proxmox. If it has a network port, we can take it global.<\/p>\n                <\/details>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        AOS.init({ duration: 1000, once: true });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CloudAgni | Home Server Global Connect Your Home Server. Global Audience. Host anything physically at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudagni.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":2,"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/cloudagni.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}