{"id":109849,"date":"2025-10-14T09:19:53","date_gmt":"2025-10-14T09:19:53","guid":{"rendered":"https:\/\/seolutions.biz\/shop\/?page_id=109849"},"modified":"2025-11-22T17:35:43","modified_gmt":"2025-11-22T17:35:43","slug":"testimonials","status":"publish","type":"page","link":"https:\/\/seolutions.biz\/shop\/testimonials\/","title":{"rendered":"Testimonials"},"content":{"rendered":"\n\n\n<div class=\"rev-hero-1col-wrapper\">\n\n<style>\n    \/* =========================================\n       SCOPED CSS: REVIEWS HERO (1-COL STACK)\n       ========================================= *\/\n    .rev-hero-1col-wrapper {\n        width: 100%;\n        background-color: #ffffff;\n        color: #0f172a;\n        padding: 100px 0;\n        box-sizing: border-box;\n        font-family: inherit;\n        line-height: 1.6;\n        border-bottom: 1px solid #f1f5f9;\n        position: relative;\n        overflow: hidden;\n    }\n    .rev-hero-1col-wrapper *, \n    .rev-hero-1col-wrapper *::before, \n    .rev-hero-1col-wrapper *::after {\n        box-sizing: border-box;\n    }\n\n    .rev-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4rem;\n    }\n\n    \/* --- TOP: TEXT --- *\/\n    .rev-text-col {\n        text-align: center;\n        max-width: 900px;\n        z-index: 2;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 1rem;\n    }\n\n    .rev-h1 {\n        font-size: clamp(3rem, 6vw, 4.5rem);\n        font-weight: 800;\n        line-height: 1.1;\n        color: #0f172a;\n        margin: 0 0 1rem 0;\n        letter-spacing: -1.5px;\n    }\n\n    .rev-p {\n        font-size: 1.2rem;\n        color: #475569;\n        margin: 0 auto 1.5rem auto;\n        max-width: 750px;\n        line-height: 1.7;\n    }\n\n    \/* Small Trust Widget (Under Text) *\/\n    .mini-trust-box {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 10px 20px;\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 50px;\n        font-size: 0.9rem;\n        color: #334155;\n        text-decoration: none;\n        transition: transform 0.2s;\n        margin-bottom: 1rem;\n    }\n    .mini-trust-box:hover { transform: translateY(-2px); border-color: #cbd5e1; }\n    \n    .mtb-stars { color: #fbbf24; letter-spacing: 2px; font-size: 1rem; }\n    .mtb-val { font-weight: 800; color: #0f172a; }\n\n    \/* --- BOTTOM: TRUST DASHBOARD --- *\/\n    .rev-visual-block {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        position: relative;\n    }\n\n    \/* Background Blob *\/\n    .rev-blob {\n        position: absolute;\n        width: 100%; height: 100%;\n        top: 0; left: 0;\n        background: radial-gradient(circle at 50% 50%, #f0fdf4 0%, transparent 60%); \/* Trust Green Hint *\/\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* The Main Dashboard Card *\/\n    .trust-dashboard {\n        width: 100%;\n        max-width: 900px;\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 24px;\n        box-shadow: 0 40px 80px -20px rgba(0,0,0,0.1);\n        position: relative;\n        z-index: 2;\n        overflow: hidden;\n        display: grid;\n        grid-template-columns: 300px 1fr; \/* Score Left, Feed Right *\/\n    }\n\n    \/* Left: The Score *\/\n    .td-score-panel {\n        background: #f8fafc;\n        border-right: 1px solid #e2e8f0;\n        padding: 50px 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n    }\n\n    .td-big-score { font-size: 5rem; font-weight: 800; color: #0f172a; line-height: 1; letter-spacing: -2px; }\n    .td-stars { color: #fbbf24; font-size: 1.5rem; margin: 10px 0; letter-spacing: 2px; }\n    .td-label { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 1px; }\n    \n    .td-platform { \n        margin-top: 30px; padding-top: 20px; border-top: 1px solid #e2e8f0; width: 100%;\n        display: flex; justify-content: center; align-items: center; gap: 8px;\n        font-size: 0.9rem; font-weight: 700; color: #0f172a;\n    }\n\n    \/* Right: Review Feed Mockup *\/\n    .td-feed-panel {\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .feed-header {\n        display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;\n    }\n    .fh-title { font-weight: 800; font-size: 1.2rem; color: #0f172a; }\n    .fh-count { background: #dcfce7; color: #16a34a; font-weight: 700; padding: 4px 10px; border-radius: 50px; font-size: 0.8rem; }\n\n    .feed-list { display: flex; flex-direction: column; gap: 20px; }\n\n    .feed-item {\n        display: flex; gap: 15px; align-items: flex-start;\n        padding: 20px; border: 1px solid #f1f5f9; border-radius: 12px;\n        transition: transform 0.2s;\n    }\n    .feed-item:hover { transform: translateX(5px); border-color: #e2e8f0; box-shadow: 0 5px 15px rgba(0,0,0,0.02); }\n\n    .fi-avatar { \n        width: 40px; height: 40px; background: #0f172a; color: white; \n        border-radius: 50%; display: flex; align-items: center; justify-content: center; \n        font-weight: 700; flex-shrink: 0; font-size: 0.9rem;\n    }\n    .fi-content h4 { margin: 0 0 5px 0; font-size: 0.95rem; font-weight: 700; color: #0f172a; }\n    .fi-content p { margin: 0; font-size: 0.9rem; color: #64748b; line-height: 1.4; }\n    .fi-stars { color: #fbbf24; font-size: 0.8rem; margin-bottom: 5px; display: block; }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .rev-hero-1col-wrapper { padding: 60px 0; }\n        .rev-h1 { font-size: 2.8rem; }\n        \n        .trust-dashboard { grid-template-columns: 1fr; }\n        .td-score-panel { padding: 40px 20px; border-right: none; border-bottom: 1px solid #e2e8f0; }\n        .td-feed-panel { padding: 30px 20px; }\n        \n        \/* Hide last review item on mobile to save space *\/\n        .feed-item:nth-child(3) { display: none; }\n    }\n<\/style>\n\n    <div class=\"rev-container\">\n        \n        <!-- TOP: TEXT -->\n        <div class=\"rev-text-col\">\n            <h1 class=\"rev-h1\">Trusted by Hundreds of SEO Professionals.<\/h1>\n            <p class=\"rev-p\">\n                We don&#8217;t just sell links. We build rankings. See why agencies, affiliates, and business owners rely on SEOlutions for their authority growth.\n            <\/p>\n            \n            <!-- Small Trust Widget -->\n            <a href=\"https:\/\/www.shopperapproved.com\/reviews\/seolutions.biz\" target=\"_blank\" class=\"mini-trust-box\">\n                <div class=\"mtb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <span>Rated <span class=\"mtb-val\">4.9\/5<\/span> on Shopper Approved<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- BOTTOM: WIDE VISUAL -->\n        <div class=\"rev-visual-block\">\n            <div class=\"rev-blob\"><\/div>\n            \n            <div class=\"trust-dashboard\">\n                \n                <!-- Left: The Score -->\n                <div class=\"td-score-panel\">\n                    <span class=\"td-label\">Overall Rating<\/span>\n                    <span class=\"td-big-score\">4.8<\/span>\n                    <div class=\"td-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <span class=\"td-label\">Based on 1,900+ Reviews<\/span>\n                    \n                    <div class=\"td-platform\">\n                        <span>Verified by<\/span>\n                        <span style=\"font-weight:900;\">Shopper Approved<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Right: The Feed -->\n                <div class=\"td-feed-panel\">\n                    <div class=\"feed-header\">\n                        <span class=\"fh-title\">Recent Feedback<\/span>\n                        <span class=\"fh-count\">\u25cf Live Feed<\/span>\n                    <\/div>\n\n                    <div class=\"feed-list\">\n                        <!-- Review 1 -->\n                        <div class=\"feed-item\">\n                            <div class=\"fi-avatar\">T<\/div>\n                            <div class=\"fi-content\">\n                                <span class=\"fi-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                <h4>Temp55<\/h4>\n                                <p>&#8220;My niche is insanely competitive&#8230; got crazy good results in a very short period of time.&#8221;<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Review 2 -->\n                        <div class=\"feed-item\">\n                            <div class=\"fi-avatar\">P<\/div>\n                            <div class=\"fi-content\">\n                                <span class=\"fi-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                <h4>Pegasus456<\/h4>\n                                <p>&#8220;I still rank on page #1 for one of my most important keyword phrases thanks to them.&#8221;<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Review 3 -->\n                        <div class=\"feed-item\">\n                            <div class=\"fi-avatar\">O<\/div>\n                            <div class=\"fi-content\">\n                                <span class=\"fi-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                <h4>oldguyjoe<\/h4>\n                                <p>&#8220;Best buying experience ever! Delivered more than promised.&#8221;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<div class=\"reviews-master-wrapper\">\n\n<style>\n    \/* =========================================\n       SCOPED CSS: REVIEWS SECTION\n       ========================================= *\/\n    .reviews-master-wrapper {\n        width: 100%;\n        background-color: #f8fafc; \/* Light contrast background *\/\n        color: #0f172a;\n        box-sizing: border-box;\n        font-family: inherit;\n        line-height: 1.6;\n        padding: 100px 0;\n        overflow: hidden;\n    }\n    .reviews-master-wrapper *, \n    .reviews-master-wrapper *::before, \n    .reviews-master-wrapper *::after {\n        box-sizing: border-box;\n    }\n\n    .rev-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    \/* Header Typography *\/\n    .rev-header {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto 4rem auto;\n    }\n\n    .rev-h2 {\n        font-size: clamp(2rem, 4vw, 3rem);\n        font-weight: 800;\n        color: #0f172a;\n        margin: 0 0 1rem 0;\n        letter-spacing: -1px;\n        line-height: 1.1;\n    }\n\n    .rev-p {\n        font-size: 1.1rem;\n        color: #64748b;\n        margin: 0;\n    }\n\n    \/* Stats Bar (CSS Only Visuals) *\/\n    .rev-stats-row {\n        display: flex;\n        justify-content: center;\n        gap: 60px;\n        margin-bottom: 4rem;\n        position: relative;\n    }\n    \n    \/* Divider Line *\/\n    .rev-stats-row::after {\n        content: ''; position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%);\n        width: 100px; height: 2px; background: #e2e8f0;\n    }\n\n    .rs-item {\n        text-align: center;\n        position: relative;\n    }\n\n    .rs-val {\n        font-size: 3rem;\n        font-weight: 800;\n        color: #0f172a;\n        line-height: 1;\n        display: block;\n        margin-bottom: 5px;\n    }\n\n    .rs-label {\n        font-size: 0.85rem;\n        font-weight: 700;\n        color: #64748b;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Visual: CSS Stars *\/\n    .css-stars {\n        color: #fbbf24; \/* Gold *\/\n        font-size: 1.2rem;\n        letter-spacing: 3px;\n        margin-bottom: 5px;\n        display: block;\n    }\n\n    \/* Widget Container (The Frame) *\/\n    .widget-frame {\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 24px;\n        padding: 40px;\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.08);\n        position: relative;\n        z-index: 2;\n        min-height: 400px; \/* Prevents layout shift while JS loads *\/\n    }\n\n    \/* Background Decoration *\/\n    .rev-glow {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%; height: 100%;\n        max-width: 1000px;\n        background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, rgba(0,0,0,0) 70%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Live Indicator *\/\n    .live-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        padding: 6px 12px;\n        border-radius: 50px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        color: #16a34a;\n        margin-bottom: 20px;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n    }\n    \n    .pulse-green {\n        width: 8px; height: 8px; background: #16a34a; border-radius: 50%;\n        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4);\n        animation: pulse 2s infinite;\n    }\n\n    @keyframes pulse {\n        0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4); }\n        70% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .rev-stats-row { flex-direction: column; gap: 30px; }\n        .rev-stats-row::after { display: none; }\n        .widget-frame { padding: 20px; }\n    }\n<\/style>\n\n    <div class=\"rev-container\">\n        \n        <!-- Header -->\n        <div class=\"rev-header\">\n            <h2 class=\"rev-h2\">Verified Results.<\/h2>\n            <p class=\"rev-p\">\n                We don&#8217;t hide behind NDAs. See what real agencies and brand owners say about our link quality and support.\n            <\/p>\n        <\/div>\n\n        <!-- Key Stats (CSS Only) -->\n        <div class=\"rev-stats-row\">\n            <div class=\"rs-item\">\n                <span class=\"rs-val\">1,900+<\/span>\n                <span class=\"rs-label\">Verified Reviews<\/span>\n            <\/div>\n            <div class=\"rs-item\">\n                <span class=\"rs-val\">4.9<\/span>\n                <div class=\"css-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <span class=\"rs-label\">Average Rating<\/span>\n            <\/div>\n            <div class=\"rs-item\">\n                <span class=\"rs-val\">10+<\/span>\n                <span class=\"rs-label\">Years in Business<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- The Widget Wrapper -->\n        <div style=\"position:relative;\">\n            <div class=\"rev-glow\"><\/div>\n            \n            <!-- Live Status -->\n            <div style=\"text-align:center;\">\n                <div class=\"live-badge\">\n                    <div class=\"pulse-green\"><\/div> Live Feed via Shopper Approved\n                <\/div>\n            <\/div>\n\n            <div class=\"widget-frame\">\n                <!-- EMBED CODE START -->\n                <div id=\"SA_review_wrapper\"><\/div>\n                <script type=\"text\/javascript\">\n                    var sa_interval = 5000;\n                    function saLoadScript(src) { \n                        var js = window.document.createElement('script'); \n                        js.src = src; \n                        js.type = 'text\/javascript'; \n                        document.getElementsByTagName(\"head\")[0].appendChild(js); \n                    } \n                    if (typeof(shopper_first) == 'undefined') \n                        saLoadScript('https:\/\/www.shopperapproved.com\/widgets\/6487\/merchant\/review-page\/d79qDjhY5nxP.js'); \n                    shopper_first = true; \n                <\/script>\n                <!-- EMBED CODE END -->\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\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-109849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/pages\/109849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/comments?post=109849"}],"version-history":[{"count":21,"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/pages\/109849\/revisions"}],"predecessor-version":[{"id":110886,"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/pages\/109849\/revisions\/110886"}],"wp:attachment":[{"href":"https:\/\/seolutions.biz\/shop\/wp-json\/wp\/v2\/media?parent=109849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}