{"id":21,"date":"2026-02-06T16:34:00","date_gmt":"2026-02-06T16:34:00","guid":{"rendered":"https:\/\/cloudagni.com\/?page_id=21"},"modified":"2026-02-07T03:33:30","modified_gmt":"2026-02-07T03:33:30","slug":"web-hosting","status":"publish","type":"page","link":"https:\/\/cloudagni.com\/?page_id=21","title":{"rendered":"Web Hosting"},"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>Cloud Hosting &#8211; CloudAgni<\/title>\n    <!-- Tailwind CSS for modern styling -->\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;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-primary: #6d28d9;\n            --purple-dark: #4c1d95;\n            --purple-light: #a78bfa;\n            --purple-bg: #f5f3ff;\n            --eco-green: #22c55e;\n        }\n\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            background-color: var(--purple-bg);\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\n\n        .purple-gradient {\n            background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);\n        }\n\n        .glass-card {\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        .glass-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 25px 50px -12px rgba(109, 40, 217, 0.2);\n        }\n\n        .pricing-card.featured {\n            border: 2px solid var(--purple-primary);\n            position: relative;\n        }\n\n        .pricing-card.featured::after {\n            content: \"BEST VALUE\";\n            position: absolute;\n            top: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--purple-primary);\n            color: white;\n            padding: 4px 15px;\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 800;\n        }\n\n        .animate-float {\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .animate-pulse-slow {\n            animation: pulse-slow 4s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n            100% { transform: translateY(0px); }\n        }\n\n        @keyframes pulse-slow {\n            0%, 100% { transform: scale(1); opacity: 0.1; }\n            50% { transform: scale(1.1); opacity: 0.2; }\n        }\n\n        .feature-check {\n            color: var(--eco-green);\n            font-weight: bold;\n        }\n\n        \/* Sun glow effect for Solar Hosting *\/\n        .solar-glow {\n            box-shadow: 0 0 30px rgba(34, 197, 94, 0.2);\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <header class=\"relative overflow-hidden pt-16 pb-24 lg:pt-32 lg:pb-32\">\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"flex flex-col lg:flex-row items-center\">\n                <div class=\"lg:w-3\/5 text-center lg:text-left\" data-aos=\"fade-right\">\n                    <div class=\"flex items-center justify-center lg:justify-start gap-2 mb-6\">\n                        <span class=\"inline-block py-1 px-4 rounded-full bg-green-100 text-green-700 font-bold text-xs uppercase tracking-wider\">\n                            \ud83c\udf31 100% Solar Powered\n                        <\/span>\n                    <\/div>\n                    <h1 class=\"text-4xl lg:text-6xl font-extrabold text-gray-900 leading-tight mb-6\">\n                        Unlock Your Business Potential: <span class=\"text-purple-600\">Fast, Secure, &#038; Eco-Friendly<\/span>\n                    <\/h1>\n                    <p class=\"text-lg text-gray-600 mb-8 max-w-2xl\">\n                        At <span class=\"font-bold text-purple-700\">CloudAgni<\/span>, we believe powerful web hosting shouldn\u2019t cost the Earth. We offer blazing-fast cloud solutions specifically designed for beginners and small businesses\u2014all powered by renewable solar energy.\n                    <\/p>\n                    <div class=\"flex flex-col sm:flex-row justify-center lg:justify-start gap-4\">\n                        <a href=\"#pricing\" class=\"purple-gradient text-white px-8 py-4 rounded-xl font-bold shadow-lg hover:opacity-90 transition transform hover:scale-105\">\n                            Get Started Online\n                        <\/a>\n                        <a href=\"#features\" class=\"bg-white text-green-700 border-2 border-green-200 px-8 py-4 rounded-xl font-bold hover:bg-green-50 transition\">\n                            Our Solar Impact\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"lg:w-2\/5 mt-16 lg:mt-0 relative\" data-aos=\"zoom-in\">\n                    <div class=\"animate-float\">\n                        <!-- Custom Solar Animation SVG -->\n                        <div class=\"relative w-full max-w-md mx-auto\">\n                            <svg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full\">\n                                <circle cx=\"100\" cy=\"100\" r=\"70\" fill=\"#22c55e\" fill-opacity=\"0.1\" class=\"animate-pulse-slow\" \/>\n                                <path fill=\"#6D28D9\" d=\"M45.2,-77.6C58.3,-71.4,68.5,-58.5,75.3,-44.2C82,-29.9,85.3,-14.2,83.4,1.1C81.4,16.4,74.2,31.3,64.8,43.4C55.4,55.5,43.9,64.8,30.8,70.9C17.6,77,2.9,79.9,-12.3,78C-27.5,76.1,-43.3,69.4,-55.8,58.8C-68.4,48.2,-77.7,33.7,-81.8,17.8C-85.9,1.9,-84.8,-15.4,-78,-30.8C-71.1,-46.2,-58.6,-59.7,-43.8,-66.9C-29.1,-74.1,-12,-75,2.7,-79.7C17.4,-84.4,32.1,-83.8,45.2,-77.6Z\" transform=\"translate(100 100)\" opacity=\"0.1\"\/>\n                            <\/svg>\n                            <div class=\"absolute inset-0 flex items-center justify-center\">\n                                <div class=\"bg-white p-6 rounded-2xl shadow-2xl glass-card text-center border-t-4 border-green-500 solar-glow\">\n                                    <div class=\"text-green-500 text-5xl mb-4\">\u2600\ufe0f<\/div>\n                                    <div class=\"font-bold text-xl text-purple-900\">CloudAgni Green<\/div>\n                                    <p class=\"text-sm text-gray-500\">Solar Powered Infrastructure<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Background Decoration -->\n        <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-purple-200 rounded-full mix-blend-multiply filter blur-3xl opacity-30\"><\/div>\n        <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-96 h-96 bg-green-200 rounded-full mix-blend-multiply filter blur-3xl opacity-20\"><\/div>\n    <\/header>\n\n    <!-- Features Section -->\n    <section id=\"features\" class=\"py-20 bg-gray-50\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <div class=\"p-6 glass-card rounded-2xl\" data-aos=\"fade-up\">\n                    <div class=\"text-green-500 text-3xl mb-4\">\u267b\ufe0f<\/div>\n                    <h4 class=\"font-bold text-gray-900 mb-2\">Eco-Friendly Power<\/h4>\n                    <p class=\"text-gray-600 text-sm\">100% Solar-Powered Hosting. Reduce your carbon footprint with every click.<\/p>\n                <\/div>\n                <div class=\"p-6 glass-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"text-purple-500 text-3xl mb-4\">\ud83d\ude80<\/div>\n                    <h4 class=\"font-bold text-gray-900 mb-2\">Blazing Fast<\/h4>\n                    <p class=\"text-gray-600 text-sm\">Cloud-powered speed for a seamless user experience. Your website loads instantly.<\/p>\n                <\/div>\n                <div class=\"p-6 glass-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"text-blue-500 text-3xl mb-4\">\ud83d\udee1\ufe0f<\/div>\n                    <h4 class=\"font-bold text-gray-900 mb-2\">Advanced Security<\/h4>\n                    <p class=\"text-gray-600 text-sm\">Robust security measures keep your data and website safe from online threats.<\/p>\n                <\/div>\n                <div class=\"p-6 glass-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"text-indigo-500 text-3xl mb-4\">\ud83d\udcac<\/div>\n                    <h4 class=\"font-bold text-gray-900 mb-2\">Dedicated Support<\/h4>\n                    <p class=\"text-gray-600 text-sm\">Friendly experts ready to help 24\/7. We\u2019re here to guide you every step of the way.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section id=\"pricing\" class=\"py-24 bg-white relative\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n                <h2 class=\"text-purple-700 font-extrabold text-sm uppercase tracking-widest mb-3\">Pricing &#038; Plans<\/h2>\n                <h3 class=\"text-4xl lg:text-5xl font-extrabold text-gray-900 mb-4\">Simple Plans, Powerful Value<\/h3>\n                <p class=\"text-gray-500 max-w-xl mx-auto\">Affordable, high-performance cloud hosting for every stage of growth.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-7xl mx-auto\">\n                \n                <!-- Plan 1: Basic -->\n                <div class=\"glass-card pricing-card rounded-3xl p-6 flex flex-col text-center\" data-aos=\"fade-up\">\n                    <h4 class=\"text-lg font-bold text-gray-800 mb-4\">Basic<\/h4>\n                    <div class=\"mb-6\">\n                        <span class=\"text-3xl font-extrabold text-purple-700\">1800\u20b9<\/span>\n                        <span class=\"text-gray-500\">\/Year<\/span>\n                    <\/div>\n                    <ul class=\"text-left mb-8 space-y-3 text-sm flex-grow\">\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 1 Website<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 10 GB SSD Storage<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Free SSL<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Unmetered Bandwidth<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 24*7 Support<\/li>\n                    <\/ul>\n                    <a href=\"#\" class=\"w-full py-3 rounded-xl border-2 border-purple-600 text-purple-700 font-bold hover:bg-purple-600 hover:text-white transition-all\">Get Started<\/a>\n                <\/div>\n\n                <!-- Plan 2: Premium -->\n                <div class=\"glass-card pricing-card featured rounded-3xl p-6 flex flex-col text-center shadow-lg\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <h4 class=\"text-lg font-bold text-purple-700 mb-4\">Premium<\/h4>\n                    <div class=\"mb-6\">\n                        <span class=\"text-3xl font-extrabold text-purple-700\">2100\u20b9<\/span>\n                        <span class=\"text-gray-500\">\/Year<\/span>\n                    <\/div>\n                    <ul class=\"text-left mb-8 space-y-3 text-sm flex-grow\">\n                        <li class=\"flex items-center font-bold text-gray-900\"><span class=\"feature-check mr-2\">\u2713<\/span> Upto 20 Websites<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 25 GB SSD Storage<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Free SSL<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Unmetered Bandwidth<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 24*7 Support<\/li>\n                    <\/ul>\n                    <a href=\"#\" class=\"w-full py-3 rounded-xl purple-gradient text-white font-bold shadow-lg hover:opacity-90 transition-all\">Get Started<\/a>\n                <\/div>\n\n                <!-- Plan 3: Business -->\n                <div class=\"glass-card pricing-card rounded-3xl p-6 flex flex-col text-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <h4 class=\"text-lg font-bold text-gray-800 mb-4\">Business<\/h4>\n                    <div class=\"mb-6\">\n                        <span class=\"text-3xl font-extrabold text-purple-700\">3200\u20b9<\/span>\n                        <span class=\"text-gray-500\">\/Year<\/span>\n                    <\/div>\n                    <ul class=\"text-left mb-8 space-y-3 text-sm flex-grow\">\n                        <li class=\"flex items-center font-bold text-gray-900\"><span class=\"feature-check mr-2\">\u2713<\/span> Upto 50 Websites<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 60 GB SSD Storage<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Free SSL<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Unmetered Bandwidth<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 24*7 Support<\/li>\n                    <\/ul>\n                    <a href=\"#\" class=\"w-full py-3 rounded-xl border-2 border-purple-600 text-purple-700 font-bold hover:bg-purple-600 hover:text-white transition-all\">Get Started<\/a>\n                <\/div>\n\n                <!-- Plan 4: Enterprise -->\n                <div class=\"glass-card pricing-card rounded-3xl p-6 flex flex-col text-center bg-gray-50\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <h4 class=\"text-lg font-bold text-gray-800 mb-4\">High Capacity<\/h4>\n                    <div class=\"mb-6\">\n                        <span class=\"text-3xl font-extrabold text-purple-700\">5000\u20b9<\/span>\n                        <span class=\"text-gray-500\">\/Year<\/span>\n                    <\/div>\n                    <ul class=\"text-left mb-8 space-y-3 text-sm flex-grow\">\n                        <li class=\"flex items-center font-bold text-purple-900\"><span class=\"feature-check mr-2\">\u2713<\/span> Upto 100 Websites<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 200 GB SSD Storage<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Free SSL<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> Unmetered Bandwidth<\/li>\n                        <li class=\"flex items-center\"><span class=\"feature-check mr-2\">\u2713<\/span> 24*7 Support<\/li>\n                    <\/ul>\n                    <a href=\"#\" class=\"w-full py-3 rounded-xl border-2 border-purple-600 text-purple-700 font-bold hover:bg-purple-600 hover:text-white transition-all\">Get Started<\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- Guarantee Box -->\n            <div class=\"mt-20 max-w-4xl mx-auto p-8 rounded-3xl bg-green-50 border-2 border-green-100 flex flex-col md:flex-row items-center gap-8\" data-aos=\"zoom-in\">\n                <div class=\"text-5xl\">\ud83d\udee1\ufe0f<\/div>\n                <div>\n                    <h4 class=\"text-2xl font-bold text-gray-900 mb-2\">100% Money-Back Guarantee<\/h4>\n                    <p class=\"text-gray-600 italic\">\n                        Still unsure? Every purchase comes with a 100% money-back guarantee. Experience our product risk-free, and if it\u2019s not for you, we\u2019ll ensure you\u2019re fully refunded\u2014no questions asked.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Initialize Scroll Animations\n        AOS.init({\n            duration: 1000,\n            once: true,\n            easing: 'ease-out-quad'\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cloud Hosting &#8211; CloudAgni \ud83c\udf31 100% Solar Powered Unlock Your Business Potential: Fast, Secure, &#038; [&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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages\/21","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=21"}],"version-history":[{"count":2,"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/cloudagni.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/cloudagni.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}