{"id":227,"date":"2026-02-27T06:50:16","date_gmt":"2026-02-27T06:50:16","guid":{"rendered":"https:\/\/jojohost.com\/?page_id=227"},"modified":"2026-02-27T09:20:55","modified_gmt":"2026-02-27T09:20:55","slug":"about-us","status":"publish","type":"page","link":"https:\/\/jojohost.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"227\" class=\"elementor elementor-227\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-657ad0a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"657ad0a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8ded11\" data-id=\"b8ded11\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9ab163c elementor-widget elementor-widget-html\" data-id=\"9ab163c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>About JojoHost - Web Hosting Made Simple<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n\r\n        :root {\r\n            --primary-color: #0066ff;\r\n            --primary-dark: #0052cc;\r\n            --accent-color: #ff6b35;\r\n            --text-dark: #1a1a1a;\r\n            --text-light: #666666;\r\n            --text-lighter: #999999;\r\n            --background-light: #f8f9fa;\r\n            --background-white: #ffffff;\r\n            --border-color: #e5e7eb;\r\n            --success-color: #10b981;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--text-dark);\r\n            background: var(--background-white);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===== HERO SECTION ===== *\/\r\n        .hero {\r\n            background: #ffffff;\r\n            text-align: center;\r\n            min-height: 500px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: none;\r\n        }\r\n\r\n        .hero::after {\r\n            content: none;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 800px;\r\n            animation: fadeInUp 0.8s ease;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(2.5rem, 8vw, 4rem);\r\n            font-weight: 800;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.1;\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .hero .subtitle {\r\n            font-size: 1.2rem;\r\n            color: var(--text-light);\r\n            margin-bottom: 2.5rem;\r\n            font-weight: 400;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 1rem 2.5rem;\r\n            border-radius: 10px;\r\n            text-decoration: none !important;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1rem;\r\n            box-shadow: 0 10px 30px rgba(0, 102, 255, 0.2);\r\n        }\r\n\r\n        .cta-button:hover {\r\ncolor:white;\r\n        }\r\n\r\n        \/* ===== STORY SECTION ===== *\/\r\n        .story {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .story-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .story-content h2 {\r\n            font-size: clamp(2rem, 5vw, 2.8rem);\r\n            font-weight: 700;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--text-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .story-content p {\r\n            font-size: 1.05rem;\r\n            color: var(--text-light);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .story-content p:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .story-highlight {\r\n            background: #f8f9fa;\r\n            padding: 2rem;\r\n            border-radius: 12px;\r\n            border-left: 4px solid var(--primary-color);\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .story-highlight h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 0.75rem;\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .story-highlight p {\r\n            margin-bottom: 0;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .story-visual {\r\n            position: relative;\r\n            height: 400px;\r\n            background: #f8f9fa;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .story-visual::before {\r\n            content: none;\r\n        }\r\n\r\n        .story-visual::after {\r\n            content: none;\r\n        }\r\n\r\n        .story-icon {\r\n            font-size: 120px;\r\n            color: var(--primary-color);\r\n            opacity: 0.3;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ===== MISSION & VALUES SECTION ===== *\/\r\n        .mission-values {\r\n            background: #f8f9fa;\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .mission-values::before {\r\n            content: none;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: clamp(2rem, 5vw, 2.8rem);\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 1.1rem;\r\n            color: var(--text-light);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .mission-grid {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2.5rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .mission-card {\r\n            background: white;\r\n            padding: 2.5rem;\r\n            border-radius: 12px;\r\n            border: 1px solid var(--border-color);\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .mission-card:hover {\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 10px 30px rgba(0, 102, 255, 0.1);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .mission-card-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--primary-color);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8rem;\r\n            color: white;\r\n            margin-bottom: 1.5rem;\r\n            box-shadow: 0 5px 15px rgba(0, 102, 255, 0.2);\r\n        }\r\n\r\n        .mission-card h3 {\r\n            font-size: 1.35rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .mission-card p {\r\n            color: var(--text-light);\r\n            font-size: 1rem;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ===== FEATURES SECTION ===== *\/\r\n        .features {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2.5rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .feature-card {\r\n            background: #ffffff;\r\n            padding: 2.5rem;\r\n            border-radius: 12px;\r\n            border: 1px solid var(--border-color);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .feature-card::before {\r\n            content: none;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 10px 30px rgba(0, 102, 255, 0.1);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--primary-color);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            box-shadow: 0 5px 15px rgba(0, 102, 255, 0.2);\r\n            color: white;\r\n        }\r\n\r\n        .feature-card h3 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 0.75rem;\r\n            color: var(--text-dark);\r\n            position: relative;\r\n            z-index: 2;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .feature-card p {\r\n            color: var(--text-light);\r\n            font-size: 0.95rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ===== PRODUCTS SECTION ===== *\/\r\n        .products {\r\n            background: #ffffff;\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .products::before {\r\n            content: none;\r\n        }\r\n\r\n        .products-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .products-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .product-card {\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid var(--border-color);\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n            display: grid;\r\n            grid-template-columns: 150px 1fr;\r\n        }\r\n\r\n        .product-header {\r\n            height: auto;\r\n            min-height: 150px;\r\n            background: var(--primary-color);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .product-header::before {\r\n            content: none;\r\n        }\r\n\r\n        .product-header i {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .product-body {\r\n            padding: 2.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .product-card h3 {\r\n            font-size: 1.4rem;\r\n            margin-bottom: 0.75rem;\r\n            color: var(--text-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .product-card p {\r\n            color: var(--text-light);\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* ===== WHY CHOOSE US SECTION ===== *\/\r\n        .why-choose {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .why-choose-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .why-card {\r\n            text-align: center;\r\n            padding: 2.5rem;\r\n        }\r\n\r\n        .why-card-number {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            color: var(--primary-color);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .why-card h3 {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .why-card p {\r\n            color: var(--text-light);\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ===== TEAM SECTION ===== *\/\r\n        .team {\r\n            background: #f8f9fa;\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .team-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .team-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .team-member {\r\n            text-align: center;\r\n            padding: 2.5rem;\r\n            border-radius: 12px;\r\n            background: #ffffff;\r\n            border: 1px solid var(--border-color);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .team-member::before {\r\n            content: none;\r\n        }\r\n\r\n        .team-member:hover {\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 10px 30px rgba(0, 102, 255, 0.1);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .team-avatar {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--primary-color);\r\n            border-radius: 50%;\r\n            margin: 0 auto 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            position: relative;\r\n            z-index: 2;\r\n            box-shadow: 0 5px 20px rgba(0, 102, 255, 0.2);\r\n        }\r\n\r\n        .team-member h3 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 0.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            color: var(--text-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .team-member p {\r\n            color: var(--text-light);\r\n            font-size: 0.95rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ===== CONTACT SECTION ===== *\/\r\n        .contact {\r\n            background: #f8f9fa;\r\n            color: var(--text-dark);\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-top: 2px solid var(--primary-color);\r\n        }\r\n\r\n        .contact::before {\r\n            content: none;\r\n        }\r\n\r\n        .contact::after {\r\n            content: none;\r\n        }\r\n\r\n        .contact-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .contact h2 {\r\n            font-size: clamp(2rem, 5vw, 2.5rem);\r\n            margin-bottom: 1rem;\r\n            text-align: center;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .contact > .subtitle {\r\n            text-align: center;\r\n            color: var(--text-light);\r\n            font-size: 1.05rem;\r\n            margin-bottom: 3rem;\r\n            display: block;\r\n        }\r\n\r\n        .contact-info {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .contact-item {\r\n            background: #ffffff;\r\n            padding: 2rem;\r\n            border-radius: 12px;\r\n            border: 1px solid var(--border-color);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .contact-item:hover {\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 10px 30px rgba(0, 102, 255, 0.1);\r\n        }\r\n\r\n        .contact-item-icon {\r\n            font-size: 2.5rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .contact-item h3 {\r\n            margin-bottom: 0.75rem;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .contact-item p {\r\n            color: var(--text-light);\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .contact-item a {\r\n            color: var(--primary-color);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .contact-item a:hover {\r\n            color: var(--accent-color);\r\n        }\r\n\r\n        \/* ===== ANIMATIONS ===== *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* ===== RESPONSIVE DESIGN ===== *\/\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                padding: 4rem 1rem;\r\n                min-height: auto;\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n                margin-bottom: 1rem;\r\n            }\r\n\r\n            .hero .subtitle {\r\n                font-size: 1rem;\r\n                margin-bottom: 1.5rem;\r\n            }\r\n\r\n            .story-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .story-visual {\r\n                height: 300px;\r\n            }\r\n\r\n            .story-icon {\r\n                font-size: 80px;\r\n            }\r\n\r\n            .mission-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .product-card {\r\n                grid-template-columns: 100px 1fr;\r\n            }\r\n\r\n            .product-header {\r\n                min-height: 100px;\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .product-body {\r\n                padding: 1.5rem;\r\n            }\r\n\r\n            .why-choose-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .team-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .contact-info {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .story {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .mission-values {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .features {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .products {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .why-choose {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .team {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .contact {\r\n                padding: 3rem 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero {\r\n                padding: 2rem 1rem;\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: 1.75rem;\r\n            }\r\n\r\n            .hero .subtitle {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 0.75rem 1.5rem;\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 1.75rem;\r\n            }\r\n\r\n            .story-content h2 {\r\n                font-size: 1.75rem;\r\n            }\r\n\r\n            .why-choose-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .product-card {\r\n                grid-template-columns: 80px 1fr;\r\n            }\r\n\r\n            .product-header {\r\n                min-height: 80px;\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- HERO SECTION -->\r\n    <section class=\"hero\" id=\"about\">\r\n        <div class=\"hero-content\">\r\n            <h1>About JojoHost<\/h1>\r\n            <p class=\"subtitle\">We're redefining web hosting by combining powerful technology, exceptional support, and innovative solutions to help businesses thrive online.<\/p>\r\n            <a href=\"#contact\" class=\"cta-button\">Get In Touch<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- STORY SECTION -->\r\n    <section class=\"story\">\r\n        <div class=\"story-grid\">\r\n            <div class=\"story-content\">\r\n                <h2>Our Story<\/h2>\r\n                <p>JojoHost was founded with a simple vision: to democratize web hosting and make it accessible to everyone, regardless of their technical expertise. We realized that small businesses and entrepreneurs deserved the same reliability and support as enterprise clients, but at fair prices.<\/p>\r\n                <p>What started as a passion project has grown into a trusted hosting provider serving thousands of businesses worldwide. We've built our reputation on reliability, innovation, and genuine customer care.<\/p>\r\n                <div class=\"story-highlight\">\r\n                    <h3>Our Promise<\/h3>\r\n                    <p>We don't just host your website; we partner with you to ensure your online presence thrives. Your success is our success.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"story-visual\">\r\n                <i class=\"fas fa-globe story-icon\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- MISSION & VALUES SECTION -->\r\n    <section class=\"mission-values\">\r\n        <div class=\"section-header\">\r\n            <h2>Mission & Values<\/h2>\r\n            <p>What drives us every single day<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mission-grid\">\r\n            <div class=\"mission-card\">\r\n                <div class=\"mission-card-icon\">\r\n                    <i class=\"fas fa-rocket\"><\/i>\r\n                <\/div>\r\n                <h3>Our Mission<\/h3>\r\n                <p>To empower businesses and individuals with scalable, reliable hosting solutions backed by exceptional support and continuous innovation.<\/p>\r\n            <\/div>\r\n            <div class=\"mission-card\">\r\n                <div class=\"mission-card-icon\">\r\n                    <i class=\"fas fa-heart\"><\/i>\r\n                <\/div>\r\n                <h3>Customer First<\/h3>\r\n                <p>Every decision we make is guided by what's best for our customers. Your growth is our priority, and your satisfaction is our measure of success.<\/p>\r\n            <\/div>\r\n            <div class=\"mission-card\">\r\n                <div class=\"mission-card-icon\">\r\n                    <i class=\"fas fa-shield-alt\"><\/i>\r\n                <\/div>\r\n                <h3>Trust & Security<\/h3>\r\n                <p>We take security seriously with enterprise-grade infrastructure, 99.9% uptime guarantee, and proactive monitoring to keep your site safe 24\/7.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FEATURES SECTION -->\r\n    <section class=\"features\">\r\n        <div class=\"section-header\">\r\n            <h2>Why Choose JojoHost?<\/h2>\r\n            <p>Powerful features designed to help your business succeed<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n                <h3>Lightning Fast<\/h3>\r\n                <p>SSD hosting with unlimited bandwidth ensures your site loads in milliseconds, keeping visitors happy and your SEO rankings strong.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-cogs\"><\/i><\/div>\r\n                <h3>Easy Setup<\/h3>\r\n                <p>One-click installation for WordPress, Joomla, Drupal, and more. Get your site live in minutes, not days.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n                <h3>Always Secure<\/h3>\r\n                <p>Free SSL certificates, regular malware scans, automatic backups, and advanced security measures protect your data.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n                <h3>24\/7 Support<\/h3>\r\n                <p>Our expert support team is always available to help. No waiting, no frustration\u2014just real answers to your questions.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n                <h3>Scale With Ease<\/h3>\r\n                <p>Start small and grow big. Our flexible plans scale with your business, so you only pay for what you need.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                <h3>Free Email<\/h3>\r\n                <p>Professional email hosting included with every plan. Build brand credibility with custom domain email addresses.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PRODUCTS SECTION -->\r\n    <section class=\"products\">\r\n        <div class=\"products-content\">\r\n            <div class=\"section-header\">\r\n                <h2>Our Products<\/h2>\r\n                <p>Beyond hosting\u2014tools to grow your business<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"products-grid\">\r\n                <div class=\"product-card\">\r\n                    <div class=\"product-header\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n                    <div class=\"product-body\">\r\n                        <h3>JojoBot Builder<\/h3>\r\n                        <p>Automate customer engagement on WhatsApp and Telegram. Build intelligent chatbots that respond instantly, qualify leads, and drive conversions\u2014all without coding.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WHY CHOOSE US SECTION -->\r\n    <section class=\"why-choose\">\r\n        <div class=\"section-header\">\r\n            <h2>By The Numbers<\/h2>\r\n            <p>Our impact in the hosting industry<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"why-choose-grid\">\r\n            <div class=\"why-card\">\r\n                <div class=\"why-card-number\">10K+<\/div>\r\n                <h3>Happy Clients<\/h3>\r\n                <p>Businesses worldwide trust us with their online presence<\/p>\r\n            <\/div>\r\n            <div class=\"why-card\">\r\n                <div class=\"why-card-number\">99.9%<\/div>\r\n                <h3>Uptime<\/h3>\r\n                <p>Guaranteed reliability so your site is always available<\/p>\r\n            <\/div>\r\n            <div class=\"why-card\">\r\n                <div class=\"why-card-number\">24\/7<\/div>\r\n                <h3>Support<\/h3>\r\n                <p>Expert help whenever you need it, day or night<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TEAM SECTION -->\r\n    <section class=\"team\">\r\n        <div class=\"team-content\">\r\n            <div class=\"section-header\">\r\n                <h2>Meet Our Team<\/h2>\r\n                <p>Passionate professionals dedicated to your success<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"team-grid\">\r\n                <div class=\"team-member\">\r\n                    <div class=\"team-avatar\"><i class=\"fas fa-code\"><\/i><\/div>\r\n                    <h3>Expert Developers<\/h3>\r\n                    <p>Continuously innovating and improving our infrastructure to give you the best performance.<\/p>\r\n                <\/div>\r\n                <div class=\"team-member\">\r\n                    <div class=\"team-avatar\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n                    <h3>Support Heroes<\/h3>\r\n                    <p>Available 24\/7 to answer your questions and solve problems faster than you'd expect.<\/p>\r\n                <\/div>\r\n                <div class=\"team-member\">\r\n                    <div class=\"team-avatar\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n                    <h3>Your Partners<\/h3>\r\n                    <p>Committed to your growth and success\u2014we're here for the long haul, every step of the way.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACT SECTION -->\r\n    <section class=\"contact\">\r\n        <div class=\"contact-content\">\r\n            <h2>Get In Touch<\/h2>\r\n            <span class=\"subtitle\">We'd love to hear from you. Reach out anytime with questions or to start your journey with JojoHost.<\/span>\r\n\r\n            <div class=\"contact-info\">\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <h3>Email Us<\/h3>\r\n                    <p><a href=\"mailto:support@jojohost.com\"><span class=\"__cf_email__\" data-cfemail=\"c1b2b4b1b1aeb3b581abaeabaea9aeb2b5efa2aeac\">support@jojohost.com<\/span><\/a><\/p>\r\n                    <p style=\"color: var(--text-lighter); font-size: 0.9rem; margin-top: 0.5rem;\">We typically reply within 2 hours<\/p>\r\n                <\/div>\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3>Our Address<\/h3>\r\n                    <p>30 N GOULD ST STE R<br>SHERIDAN, WY 82801<\/p>\r\n                    <p style=\"color: var(--text-lighter); font-size: 0.9rem; margin-top: 0.5rem;\">United States<\/p>\r\n                <\/div>\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n                    <\/div>\r\n                    <h3>Always Here<\/h3>\r\n                    <p>24\/7 Support Available<\/p>\r\n                    <p style=\"color: var(--text-lighter); font-size: 0.9rem; margin-top: 0.5rem\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About JojoHost &#8211; Web Hosting Made Simple About JojoHost We&#8217;re redefining web hosting by combining powerful technology, exceptional support, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":16,"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/pages\/227\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/jojohost.com\/index.php\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}