{"id":11,"date":"2026-08-20T21:42:32","date_gmt":"2026-08-20T21:42:32","guid":{"rendered":"https:\/\/vyralmediastudio.site\/?page_id=11"},"modified":"2026-08-20T23:29:19","modified_gmt":"2026-08-20T23:29:19","slug":"11-2","status":"publish","type":"page","link":"https:\/\/vyralmediastudio.site\/?page_id=11","title":{"rendered":""},"content":{"rendered":"\n    <style>\n\n        \/* =====================================================\n           HIDE THEME HEADER \/ FOOTER\n        ===================================================== *\/\n\n        html body .site-header,\n        html body #masthead,\n        html body header.site-header,\n        html body .main-header,\n        html body .header-wrapper,\n        html body .main-navigation {\n            display:none !important;\n            visibility:hidden !important;\n            height:0 !important;\n            min-height:0 !important;\n            max-height:0 !important;\n            margin:0 !important;\n            padding:0 !important;\n            overflow:hidden !important;\n        }\n\n        html body .site-footer,\n        html body #colophon,\n        html body footer.site-footer,\n        html body .main-footer,\n        html body .footer-wrapper {\n            display:none !important;\n            visibility:hidden !important;\n            height:0 !important;\n            min-height:0 !important;\n            max-height:0 !important;\n            margin:0 !important;\n            padding:0 !important;\n            overflow:hidden !important;\n        }\n\n\n        \/* =====================================================\n           BASE\n        ===================================================== *\/\n\n        .vyral-website-page,\n        .vyral-website-page * {\n            box-sizing:border-box;\n        }\n\n        .vyral-website-page {\n            width:100vw !important;\n            max-width:100vw !important;\n            margin-left:calc(50% - 50vw) !important;\n            margin-right:calc(50% - 50vw) !important;\n\n            background:#0c0907;\n            color:#f0ebe5;\n\n            font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n            overflow:hidden;\n        }\n\n        .vyral-website-inner {\n            width:92%;\n            max-width:1160px;\n            margin:0 auto;\n        }\n\n\n        \/* =====================================================\n           HERO\n        ===================================================== *\/\n\n        .vyral-website-hero {\n            min-height:700px;\n\n            display:flex;\n            align-items:center;\n            justify-content:center;\n\n            padding:100px 18px 80px;\n\n            text-align:center;\n\n            background:\n                radial-gradient(\n                    circle at 50% 0%,\n                    rgba(151,108,48,.18),\n                    transparent 40%\n                ),\n                linear-gradient(\n                    180deg,\n                    #211a14,\n                    #100d0a 70%,\n                    #0c0907\n                );\n        }\n\n        .vyral-website-content {\n            max-width:850px;\n            margin:0 auto;\n        }\n\n\n        \/* =====================================================\n           EYEBROW\n        ===================================================== *\/\n\n        .vyral-website-eyebrow {\n            display:inline-flex;\n            align-items:center;\n            gap:7px;\n\n            padding:8px 12px;\n\n            border:1px solid rgba(190,145,73,.42);\n            border-radius:5px;\n\n            background:rgba(130,90,30,.08);\n\n            color:#c8a05e;\n\n            font-size:9px;\n            font-weight:600;\n            letter-spacing:1.6px;\n            text-transform:uppercase;\n        }\n\n        .vyral-website-dot {\n            width:5px;\n            height:5px;\n\n            border-radius:50%;\n\n            background:#c59a55;\n        }\n\n\n        \/* =====================================================\n           HERO TEXT\n        ===================================================== *\/\n\n        .vyral-website-content h1 {\n            margin:25px 0 0 !important;\n\n            color:#f5f0ea !important;\n\n            font-size:clamp(48px,8vw,86px) !important;\n\n            line-height:.98 !important;\n\n            letter-spacing:-4px !important;\n\n            font-weight:600 !important;\n        }\n\n        .vyral-website-content h1 span {\n            display:block;\n\n            margin-top:15px;\n\n            color:#c8a05e;\n        }\n\n        .vyral-website-text {\n            max-width:700px;\n\n            margin:30px auto 0;\n\n            color:#a89f95;\n\n            font-size:16px;\n\n            line-height:1.8;\n        }\n\n\n        \/* =====================================================\n           BUTTONS\n        ===================================================== *\/\n\n        .vyral-website-buttons {\n            display:flex;\n\n            justify-content:center;\n\n            gap:12px;\n\n            flex-wrap:wrap;\n\n            margin-top:35px;\n        }\n\n        .vyral-website-btn {\n            min-height:56px;\n\n            padding:0 28px;\n\n            display:inline-flex;\n\n            align-items:center;\n\n            justify-content:center;\n\n            border-radius:8px;\n\n            font-size:13px;\n\n            font-weight:600;\n\n            text-decoration:none !important;\n        }\n\n        .vyral-website-primary {\n            color:#fff !important;\n\n            background:\n                linear-gradient(\n                    135deg,\n                    #a87932,\n                    #684718\n                );\n\n            border:1px solid #c0954d;\n\n            box-shadow:\n                0 10px 30px rgba(130,90,30,.18);\n        }\n\n        .vyral-website-primary:hover {\n            color:#fff !important;\n\n            background:\n                linear-gradient(\n                    135deg,\n                    #bd8d3e,\n                    #79521e\n                );\n\n            transform:translateY(-2px);\n        }\n\n        .vyral-website-secondary {\n            color:#eee7df !important;\n\n            background:#191512;\n\n            border:1px solid #4a4037;\n        }\n\n        .vyral-website-secondary:hover {\n            color:#fff !important;\n\n            border-color:#a87932;\n\n            transform:translateY(-2px);\n        }\n\n\n        \/* =====================================================\n           GENERAL SECTION\n        ===================================================== *\/\n\n        .vyral-website-section {\n            padding:90px 18px;\n\n            background:#100d0a;\n        }\n\n        .vyral-website-heading {\n            max-width:750px;\n\n            margin:0 auto 50px;\n\n            text-align:center;\n        }\n\n        .vyral-website-heading h2 {\n            margin:18px 0 14px !important;\n\n            color:#f0ebe5 !important;\n\n            font-size:clamp(36px,5vw,56px) !important;\n\n            line-height:1 !important;\n\n            letter-spacing:-2.5px !important;\n\n            font-weight:600 !important;\n        }\n\n        .vyral-website-heading p {\n            margin:0;\n\n            color:#988f86;\n\n            font-size:14px;\n\n            line-height:1.8;\n        }\n\n\n        \/* =====================================================\n           FEATURE CARDS\n        ===================================================== *\/\n\n        .vyral-website-cards {\n            display:grid;\n\n            grid-template-columns:repeat(3,1fr);\n\n            gap:18px;\n        }\n\n        .vyral-website-card {\n            padding:30px 24px;\n\n            border:1px solid #3c342d;\n\n            border-radius:14px;\n\n            background:\n                linear-gradient(\n                    145deg,\n                    #211b16,\n                    #120f0c\n                );\n        }\n\n        .vyral-website-card h3 {\n            margin:0 0 12px !important;\n\n            color:#f0ebe5 !important;\n\n            font-size:22px !important;\n\n            font-weight:500 !important;\n        }\n\n        .vyral-website-card p {\n            margin:0;\n\n            color:#988f86;\n\n            font-size:13px;\n\n            line-height:1.75;\n        }\n\n\n        \/* =====================================================\n           SEE WHAT WE MADE\n        ===================================================== *\/\n\n        .vyral-website-showcase {\n            padding:100px 18px;\n\n            background:\n                radial-gradient(\n                    circle at 50% 20%,\n                    rgba(170,120,45,.10),\n                    transparent 45%\n                ),\n                #0c0907;\n        }\n\n        .vyral-website-showcase-heading {\n            max-width:750px;\n\n            margin:0 auto 45px;\n\n            text-align:center;\n        }\n\n        .vyral-website-showcase-heading h2 {\n            margin:18px 0 14px !important;\n\n            color:#f0ebe5 !important;\n\n            font-size:clamp(36px,5vw,56px) !important;\n\n            line-height:1 !important;\n\n            letter-spacing:-2.5px !important;\n\n            font-weight:600 !important;\n        }\n\n        .vyral-website-showcase-heading p {\n            margin:0;\n\n            color:#988f86;\n\n            font-size:14px;\n\n            line-height:1.8;\n        }\n\n        .vyral-website-showcase-card {\n            position:relative;\n\n            max-width:1000px;\n\n            margin:0 auto;\n\n            padding:12px;\n\n            border:1px solid #40372f;\n\n            border-radius:16px;\n\n            background:#15110e;\n\n            box-shadow:\n                0 20px 60px rgba(0,0,0,.35);\n        }\n\n\n        \/* =====================================================\n           WEBSITE IMAGE CAROUSEL\n        ===================================================== *\/\n\n        .vyral-website-carousel {\n            position:relative;\n\n            width:100%;\n\n            overflow:hidden;\n\n            border-radius:10px;\n\n            background:#15110e;\n        }\n\n        .vyral-website-slide {\n            display:none;\n\n            width:100%;\n        }\n\n        .vyral-website-slide.active {\n            display:block;\n        }\n\n        .vyral-website-showcase-image {\n            display:block;\n\n            width:100%;\n\n            height:auto;\n\n            border-radius:10px;\n        }\n\n\n        \/* =====================================================\n           CAROUSEL PLACEHOLDER SLIDES\n        ===================================================== *\/\n\n        .vyral-website-carousel-placeholder {\n            min-height:500px;\n\n            display:flex;\n\n            align-items:center;\n\n            justify-content:center;\n\n            text-align:center;\n\n            border-radius:10px;\n\n            background:\n                linear-gradient(\n                    135deg,\n                    #292017,\n                    #17120e\n                );\n\n            border:1px solid #332b24;\n\n            color:#8f8173;\n        }\n\n        .vyral-website-carousel-placeholder-inner {\n            padding:30px;\n        }\n\n        .vyral-website-carousel-placeholder-icon {\n            width:70px;\n            height:70px;\n\n            margin:0 auto 20px;\n\n            display:flex;\n\n            align-items:center;\n\n            justify-content:center;\n\n            border:1px solid #655036;\n\n            border-radius:12px;\n\n            color:#c39a57;\n\n            font-size:28px;\n\n            background:#1c160f;\n        }\n\n        .vyral-website-carousel-placeholder-title {\n            color:#ddd2c6;\n\n            font-size:20px;\n\n            font-weight:500;\n\n            margin-bottom:8px;\n        }\n\n        .vyral-website-carousel-placeholder-text {\n            color:#81766c;\n\n            font-size:12px;\n        }\n\n\n        \/* =====================================================\n           CAROUSEL ARROWS\n           BLACK + SLEEK\n        ===================================================== *\/\n\n        .vyral-website-carousel-arrow {\n            position:absolute;\n\n            top:50%;\n\n            transform:translateY(-50%);\n\n            width:48px;\n            height:48px;\n\n            display:flex;\n\n            align-items:center;\n            justify-content:center;\n\n            border:1px solid rgba(255,255,255,.12);\n\n            border-radius:50%;\n\n            background:#050505 !important;\n\n            color:#ffffff !important;\n\n            font-size:20px;\n\n            line-height:1;\n\n            cursor:pointer;\n\n            z-index:10;\n\n            transition:\n                transform .2s ease,\n                background .2s ease,\n                box-shadow .2s ease;\n\n            box-shadow:\n                0 8px 25px rgba(0,0,0,.45);\n        }\n\n        .vyral-website-carousel-arrow:hover {\n            background:#000000 !important;\n\n            color:#ffffff !important;\n\n            border-color:rgba(255,255,255,.25);\n\n            transform:translateY(-50%) scale(1.06);\n\n            box-shadow:\n                0 10px 30px rgba(0,0,0,.6);\n        }\n\n        .vyral-website-carousel-arrow:focus {\n            outline:none;\n\n            background:#000000 !important;\n\n            color:#ffffff !important;\n        }\n\n        .vyral-website-carousel-prev {\n            left:20px;\n        }\n\n        .vyral-website-carousel-next {\n            right:20px;\n        }\n\n\n        \/* =====================================================\n           CAROUSEL DOTS\n        ===================================================== *\/\n\n        .vyral-website-carousel-dots {\n            display:flex;\n\n            justify-content:center;\n\n            align-items:center;\n\n            gap:8px;\n\n            margin-top:18px;\n        }\n\n        .vyral-website-carousel-dot {\n            width:7px;\n            height:7px;\n\n            padding:0;\n\n            border:0;\n\n            border-radius:50%;\n\n            background:#55483b;\n\n            cursor:pointer;\n\n            transition:.2s ease;\n        }\n\n        .vyral-website-carousel-dot.active {\n            width:22px;\n\n            border-radius:10px;\n\n            background:#bd914b;\n        }\n\n\n        \/* =====================================================\n           PRICING\n        ===================================================== *\/\n\n        .vyral-website-price-section {\n            padding:90px 18px;\n\n            background:#110d09;\n        }\n\n        .vyral-website-price-card {\n            max-width:650px;\n\n            margin:0 auto;\n\n            padding:40px 30px;\n\n            text-align:center;\n\n            border:1px solid #70542f;\n\n            border-radius:16px;\n\n            background:\n                linear-gradient(\n                    145deg,\n                    #211a14,\n                    #120e0b\n                );\n\n            box-shadow:\n                0 20px 60px rgba(0,0,0,.25);\n        }\n\n        .vyral-website-price {\n            margin:20px 0;\n\n            color:#f0ebe5;\n\n            font-size:48px;\n\n            font-weight:600;\n        }\n\n        .vyral-website-price span {\n            color:#81776d;\n\n            font-size:13px;\n\n            font-weight:400;\n        }\n\n        .vyral-website-list {\n            max-width:480px;\n\n            margin:25px auto;\n\n            padding:0;\n\n            list-style:none;\n\n            text-align:left;\n        }\n\n        .vyral-website-list li {\n            padding:12px 0 12px 22px;\n\n            border-top:1px solid #302a24;\n\n            color:#e1dad2;\n\n            font-size:13px;\n\n            position:relative;\n        }\n\n        .vyral-website-list li:before {\n            content:\"\u2713\";\n\n            position:absolute;\n\n            left:0;\n\n            color:#bd914b;\n        }\n\n\n        \/* =====================================================\n           CUSTOM EMAIL\n        ===================================================== *\/\n\n        .vyral-website-email-box {\n            max-width:480px;\n\n            margin:20px auto 30px;\n\n            padding:18px;\n\n            border:1px solid #3f352b;\n\n            border-radius:10px;\n\n            background:#15100c;\n\n            text-align:left;\n        }\n\n        .vyral-website-email-title {\n            color:#c9a15e;\n\n            font-size:12px;\n\n            font-weight:600;\n\n            letter-spacing:.7px;\n\n            text-transform:uppercase;\n\n            margin-bottom:6px;\n        }\n\n        .vyral-website-email-text {\n            color:#958a80;\n\n            font-size:12px;\n\n            line-height:1.6;\n        }\n\n        .vyral-website-email-price {\n            margin-top:8px;\n\n            color:#e9e1d8;\n\n            font-size:16px;\n\n            font-weight:500;\n        }\n\n\n        \/* =====================================================\n           FOOTER\n        ===================================================== *\/\n\n        .vyral-website-footer {\n            padding:25px 20px;\n\n            border-top:1px solid #28221d;\n\n            background:#070605;\n\n            color:#5f574f;\n\n            text-align:center;\n\n            font-size:9px;\n        }\n\n\n        \/* =====================================================\n           MOBILE\n        ===================================================== *\/\n\n        @media(max-width:800px) {\n\n            .vyral-website-hero {\n                min-height:650px;\n\n                padding:90px 18px 70px;\n            }\n\n            .vyral-website-content h1 {\n                font-size:clamp(46px,14vw,70px) !important;\n\n                letter-spacing:-3px !important;\n            }\n\n            .vyral-website-buttons {\n                flex-direction:column;\n\n                align-items:center;\n            }\n\n            .vyral-website-btn {\n                width:100%;\n\n                max-width:340px;\n            }\n\n            .vyral-website-cards {\n                grid-template-columns:1fr;\n            }\n\n            .vyral-website-showcase {\n                padding:72px 18px;\n            }\n\n            .vyral-website-carousel-placeholder {\n                min-height:300px;\n            }\n\n            .vyral-website-carousel-arrow {\n                width:42px;\n                height:42px;\n\n                font-size:19px;\n            }\n\n            .vyral-website-carousel-prev {\n                left:10px;\n            }\n\n            .vyral-website-carousel-next {\n                right:10px;\n            }\n\n            .vyral-website-price-section {\n                padding:72px 18px;\n            }\n\n        }\n\n    <\/style>\n\n\n    <div class=\"vyral-website-page\">\n\n\n        <!-- =================================================\n             HERO\n        ================================================= -->\n\n        <section class=\"vyral-website-hero\">\n\n            <div class=\"vyral-website-inner\">\n\n                <div class=\"vyral-website-content\">\n\n                    <div class=\"vyral-website-eyebrow\">\n\n                        <span class=\"vyral-website-dot\"><\/span>\n\n                        WEBSITE DEVELOPMENT\n\n                    <\/div>\n\n\n                    <h1>\n\n                        Upgrade your website.\n\n                        <span>Look professional.<\/span>\n\n                    <\/h1>\n\n\n                    <div class=\"vyral-website-text\">\n\n                        Get a modern, professional website built around your\n                        brand without the high starting costs of traditional\n                        website development.\n\n                    <\/div>\n\n\n                    <div class=\"vyral-website-buttons\">\n\n                        <a\n                            href=\"#vyral-website-pricing\"\n                            class=\"vyral-website-btn vyral-website-primary\"\n                        >\n                            View Pricing\n                        <\/a>\n\n\n                        <a\n                            href=\"https:\/\/vyralmediastudio.site\/#vyral-home-final-contact\"\n                            class=\"vyral-website-btn vyral-website-secondary\"\n                        >\n                            Contact Us\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n\n        <!-- =================================================\n             WHAT WE BUILD\n        ================================================= -->\n\n        <section class=\"vyral-website-section\">\n\n            <div class=\"vyral-website-inner\">\n\n                <div class=\"vyral-website-heading\">\n\n                    <div class=\"vyral-website-eyebrow\">\n\n                        WHAT WE BUILD\n\n                    <\/div>\n\n\n                    <h2>\n\n                        A website that makes your brand look serious.\n\n                    <\/h2>\n\n\n                    <p>\n\n                        We build clean, modern websites designed to make a\n                        strong first impression and help turn visitors into\n                        customers.\n\n                    <\/p>\n\n                <\/div>\n\n\n\n                <div class=\"vyral-website-cards\">\n\n\n                    <div class=\"vyral-website-card\">\n\n                        <h3>\n                            Modern Design\n                        <\/h3>\n\n                        <p>\n\n                            Clean layouts, strong typography and a professional\n                            design built around your brand.\n\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"vyral-website-card\">\n\n                        <h3>\n                            Mobile Focused\n                        <\/h3>\n\n                        <p>\n\n                            Your website is designed to look great and work\n                            properly across phones, tablets and desktops.\n\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"vyral-website-card\">\n\n                        <h3>\n                            Built For Growth\n                        <\/h3>\n\n                        <p>\n\n                            A professional online presence designed to support\n                            your marketing and help your business grow.\n\n                        <\/p>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n\n        <!-- =================================================\n             SEE WHAT WE MADE\n        ================================================= -->\n\n        <section class=\"vyral-website-showcase\">\n\n            <div class=\"vyral-website-inner\">\n\n\n                <div class=\"vyral-website-showcase-heading\">\n\n                    <div class=\"vyral-website-eyebrow\">\n\n                        SEE WHAT WE MADE\n\n                    <\/div>\n\n\n                    <h2>\n\n                        Websites we've created.\n\n                    <\/h2>\n\n\n                    <p>\n\n                        Explore some of the websites we've built for brands\n                        and businesses.\n\n                    <\/p>\n\n                <\/div>\n\n\n\n                <div class=\"vyral-website-showcase-card\">\n\n                    <div\n                        class=\"vyral-website-carousel\"\n                        id=\"vyralWebsiteCarousel\"\n                    >\n\n\n                        <!-- IMAGE 1 -->\n\n                        <div class=\"vyral-website-slide active\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/vyralmediastudio.site\/wp-content\/uploads\/2026\/08\/website-example-1.png\"\n                                alt=\"Website created by Vyral Media Studio\"\n                                class=\"vyral-website-showcase-image\"\n                            >\n\n                        <\/div>\n\n\n                        <!-- IMAGE 2 PLACEHOLDER -->\n\n                        <div class=\"vyral-website-slide\">\n\n                            <div class=\"vyral-website-carousel-placeholder\">\n\n                                <div class=\"vyral-website-carousel-placeholder-inner\">\n\n                                    <div class=\"vyral-website-carousel-placeholder-icon\">\n                                        \u25eb\n                                    <\/div>\n\n                                    <div class=\"vyral-website-carousel-placeholder-title\">\n                                        Website Example 2\n                                    <\/div>\n\n                                    <div class=\"vyral-website-carousel-placeholder-text\">\n                                        Replace this placeholder with your second website image.\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- IMAGE 3 PLACEHOLDER -->\n\n                        <div class=\"vyral-website-slide\">\n\n                            <div class=\"vyral-website-carousel-placeholder\">\n\n                                <div class=\"vyral-website-carousel-placeholder-inner\">\n\n                                    <div class=\"vyral-website-carousel-placeholder-icon\">\n                                        \u25eb\n                                    <\/div>\n\n                                    <div class=\"vyral-website-carousel-placeholder-title\">\n                                        Website Example 3\n                                    <\/div>\n\n                                    <div class=\"vyral-website-carousel-placeholder-text\">\n                                        Replace this placeholder with your third website image.\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- LEFT ARROW -->\n\n                        <button\n                            type=\"button\"\n                            class=\"vyral-website-carousel-arrow vyral-website-carousel-prev\"\n                            id=\"vyralWebsitePrev\"\n                            aria-label=\"Previous website\"\n                        >\n                            &#10094;\n                        <\/button>\n\n\n                        <!-- RIGHT ARROW -->\n\n                        <button\n                            type=\"button\"\n                            class=\"vyral-website-carousel-arrow vyral-website-carousel-next\"\n                            id=\"vyralWebsiteNext\"\n                            aria-label=\"Next website\"\n                        >\n                            &#10095;\n                        <\/button>\n\n\n                    <\/div>\n\n\n                    <!-- DOTS -->\n\n                    <div class=\"vyral-website-carousel-dots\">\n\n                        <button\n                            type=\"button\"\n                            class=\"vyral-website-carousel-dot active\"\n                            data-slide=\"0\"\n                            aria-label=\"View website 1\"\n                        ><\/button>\n\n                        <button\n                            type=\"button\"\n                            class=\"vyral-website-carousel-dot\"\n                            data-slide=\"1\"\n                            aria-label=\"View website 2\"\n                        ><\/button>\n\n                        <button\n                            type=\"button\"\n                            class=\"vyral-website-carousel-dot\"\n                            data-slide=\"2\"\n                            aria-label=\"View website 3\"\n                        ><\/button>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n\n        <!-- =================================================\n             PRICING\n        ================================================= -->\n\n        <section\n            class=\"vyral-website-price-section\"\n            id=\"vyral-website-pricing\"\n        >\n\n            <div class=\"vyral-website-inner\">\n\n\n                <div class=\"vyral-website-price-card\">\n\n\n                    <div class=\"vyral-website-eyebrow\">\n\n                        STARTING PRICE\n\n                    <\/div>\n\n\n                    <div class=\"vyral-website-price\">\n\n                        $80\n\n                        <span>\n                            starting\n                        <\/span>\n\n                    <\/div>\n\n\n                    <ul class=\"vyral-website-list\">\n\n                        <li>\n                            Professional custom website\n                        <\/li>\n\n                        <li>\n                            Mobile responsive design\n                        <\/li>\n\n                        <li>\n                            Modern branded layout\n                        <\/li>\n\n                        <li>\n                            Custom pages and sections\n                        <\/li>\n\n                        <li>\n                            Built around your business\n                        <\/li>\n\n                    <\/ul>\n\n\n                    <!-- CUSTOM EMAIL -->\n\n                    <div class=\"vyral-website-email-box\">\n\n                        <div class=\"vyral-website-email-title\">\n\n                            Custom Business Email\n\n                        <\/div>\n\n                        <div class=\"vyral-website-email-text\">\n\n                            Add a professional custom email address\n                            for your business.\n\n                        <\/div>\n\n                        <div class=\"vyral-website-email-price\">\n\n                            +$25\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <a\n                        href=\"https:\/\/vyralmediastudio.site\/#vyral-home-final-contact\"\n                        class=\"vyral-website-btn vyral-website-primary\"\n                    >\n\n                        Request a Free Consultation\n\n                    <\/a>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n\n        <!-- =================================================\n             FOOTER\n        ================================================= -->\n\n        <div class=\"vyral-website-footer\">\n\n            \u00a9 2026            Vyral Media Studio.\n            All rights reserved.\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         WEBSITE CAROUSEL JAVASCRIPT\n         AUTOMATICALLY CHANGES EVERY 3 SECONDS\n    ===================================================== -->\n\n    <script>\n    (function() {\n\n        function initVyralWebsiteCarousel() {\n\n            var carousel = document.getElementById(\"vyralWebsiteCarousel\");\n\n            if (!carousel) {\n                return;\n            }\n\n            var slides = carousel.querySelectorAll(\".vyral-website-slide\");\n            var dots = document.querySelectorAll(\".vyral-website-carousel-dot\");\n            var prevButton = document.getElementById(\"vyralWebsitePrev\");\n            var nextButton = document.getElementById(\"vyralWebsiteNext\");\n\n            if (!slides.length) {\n                return;\n            }\n\n            var currentSlide = 0;\n            var autoRotate;\n\n\n            function showSlide(index) {\n\n                if (index < 0) {\n                    index = slides.length - 1;\n                }\n\n                if (index >= slides.length) {\n                    index = 0;\n                }\n\n                currentSlide = index;\n\n\n                slides.forEach(function(slide, i) {\n\n                    if (i === currentSlide) {\n                        slide.classList.add(\"active\");\n                    } else {\n                        slide.classList.remove(\"active\");\n                    }\n\n                });\n\n\n                dots.forEach(function(dot, i) {\n\n                    if (i === currentSlide) {\n                        dot.classList.add(\"active\");\n                    } else {\n                        dot.classList.remove(\"active\");\n                    }\n\n                });\n\n            }\n\n\n            function nextSlide() {\n\n                showSlide(currentSlide + 1);\n\n            }\n\n\n            function startAutoRotate() {\n\n                clearInterval(autoRotate);\n\n                autoRotate = setInterval(function() {\n\n                    nextSlide();\n\n                }, 3000);\n\n            }\n\n\n            if (prevButton) {\n\n                prevButton.addEventListener(\"click\", function(event) {\n\n                    event.preventDefault();\n\n                    showSlide(currentSlide - 1);\n\n                    startAutoRotate();\n\n                });\n\n            }\n\n\n            if (nextButton) {\n\n                nextButton.addEventListener(\"click\", function(event) {\n\n                    event.preventDefault();\n\n                    showSlide(currentSlide + 1);\n\n                    startAutoRotate();\n\n                });\n\n            }\n\n\n            dots.forEach(function(dot) {\n\n                dot.addEventListener(\"click\", function(event) {\n\n                    event.preventDefault();\n\n                    var slideNumber = parseInt(\n                        dot.getAttribute(\"data-slide\"),\n                        10\n                    );\n\n                    if (!isNaN(slideNumber)) {\n\n                        showSlide(slideNumber);\n\n                        startAutoRotate();\n\n                    }\n\n                });\n\n            });\n\n\n            \/* START AUTOMATIC SLIDESHOW *\/\n\n            showSlide(0);\n\n            startAutoRotate();\n\n        }\n\n\n        \/*\n         * Works whether the script loads before or after\n         * DOMContentLoaded.\n         *\/\n\n        if (document.readyState === \"loading\") {\n\n            document.addEventListener(\n                \"DOMContentLoaded\",\n                initVyralWebsiteCarousel\n            );\n\n        } else {\n\n            initVyralWebsiteCarousel();\n\n        }\n\n    })();\n    <\/script>\n\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":3,"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/vyralmediastudio.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}