Current File : //var/www/html/blog/wp-content/plugins/blogsqode-posts/admin/settings/blogsqode-notices.php

<?php
add_action('admin_notices', 'blogsqode_review_upgrade_notice');

function blogsqode_review_upgrade_notice()
{
?>
    <style>
        .blogsqode-box-notice {
            background: #fff;
            border-left: 4px solid #7a42f4;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            padding: 20px 20px 20px 10px;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            margin: 10px 20px 5px 2px;
            position: relative;
        }

        .blogsqode-box-notice .icon {
            background-color: #1d2327;
            color: #fff;
            width: 40px;
            height: 40px;
            font-weight: bold;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            margin-right: 20px;
        }

        .blogsqode-box-notice .text {
            flex-grow: 1;
        }

        .blogsqode-box-notice h3 {
            margin: 0 0 5px;
            font-weight: 600;
            font-size: 20px;
            line-height: 20px;
            color: #343444;
        }

        .blogsqode-box-notice p {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #343444;
            padding: 0;
            margin: 10px 0px;
        }

        .blogsqode-box-notice a.button.button-primary {
            color: #FFFFFF;
            background-color: #6F39FD;
            border-radius: 3px;
            font-size: 13px;
            line-height: 26px;
            font-weight: 600;
        }

        .blogsqode-box-notice a.button.button-seondary {
            background-color: #FFFFFF;
            color: #6F39FD;
            border: 1px solid #6F39FD;
            border-radius: 3px;
            font-size: 13px;
            line-height: 26px;
            font-weight: 600;
        }

        .blogsqode-box-notice a.button.button-seondary:hover {
            background-color: #f6f7f7;
        }
    </style>

    <div class="notice notice-success is-dismissible blogsqode-box-notice" id="blogsqode-pro-cta">
        <div class="icon">
            <img src="<?php echo esc_url(plugins_url('images/setting-icon.png', dirname(__DIR__, 2) . '/blogsqode-posts.php')); ?>" alt="setting icon">


        </div>
        <div class="text">
            <h3>Upgrade to Blogsqode Pro</h3>
            <p>Unlock premium layouts, animations, and advanced features with the Pro version.</p>
            <a href="https://1.envato.market/NKdD21" class="button button-primary" target="_blank">Download Pro</a>
            <a href="https://up2client.com/envato/blogsqode-v4.0/previewpage/preview_page.html" class="button button-seondary" target="_blank">Learn More</a>
        </div>
    </div>



    <div class="notice notice-info is-dismissible blogsqode-review-notice blogsqode-review-line" style=" margin-top: 20px; padding: 20px; background: linear-gradient(135deg, #f3f0ff, #fcfaff); border: 1px solid #ddd; border-left: 5px solid #6F39FD; border-radius: 8px; font-size: 15px; line-height: 1.6; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
        <div style="margin-bottom: 10px;">
            🌟 <strong>Enjoying WP Blog Layout Plugin?</strong><br>
            If it’s making your workflow better, please take a moment to show some love — your review means the world to us!
        </div>

        <a href="https://wordpress.org/support/plugin/blogsqode-posts/reviews/" target="_blank" style="display: inline-block;padding: 10px 20px;background: linear-gradient(90deg, #6F39FD, #6F39FD);color: #fff;text-decoration: none;border-radius: 6px;font-weight: bold;font-size: 14px;box-shadow: 0 3px 8px rgba(122, 66, 244, 0.25);transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
            ⭐ 5-Star Review
        </a>
    </div>
<?php
}