banner.php
133 lines
| 1 | <?php |
| 2 | |
| 3 | /** |
| 4 | * Main renderer for the Review Banner |
| 5 | * |
| 6 | * @category Child Plugin |
| 7 | * @author iClyde <kontakt@iclyde.pl> |
| 8 | */ |
| 9 | |
| 10 | // Namespace |
| 11 | namespace Inisev\Subs; |
| 12 | |
| 13 | // Disallow direct access |
| 14 | if (!defined('ABSPATH')) exit; |
| 15 | |
| 16 | $backupblissPricing = 'https://backupbliss.com/pricing'; |
| 17 | $bbStorage = 'https://storage.backupbliss.com'; |
| 18 | $bmiPremium = 'https://backupbliss.com'; |
| 19 | |
| 20 | ?> |
| 21 | |
| 22 | <div class="bmi-banner" id="new-bb-banner"> |
| 23 | <!-- Close (X) button --> |
| 24 | <img src="<?php echo $this->_asset('imgs/bg.svg'); ?>" alt="Left background" class="bmi-banner__left-bg" /> |
| 25 | <a href="#" class="bmi-banner__close" target="_blank">×</a> |
| 26 | |
| 27 | <div class="bmi-banner__header"> |
| 28 | <div> |
| 29 | Meet the <span class="bb-highlight">new Backup Migration</span> |
| 30 | <span class="small">(by BackupBliss)</span> |
| 31 | </div> |
| 32 | </div> |
| 33 | |
| 34 | <div class="bmi-banner__cards"> |
| 35 | <!-- Card 1 --> |
| 36 | <div class="bmi-banner__card" id="bmi-banner__card-free-external-storage" style="display: none;"> |
| 37 | <div class="bmi-banner__card-header"> |
| 38 | <img src="<?php echo $this->_asset('imgs/cloud-options.svg'); ?>" alt="Cloud storage icons" /> |
| 39 | <span> |
| 40 | More <div class="bmi-banner__free-underlined"><span>free</span></div> external storage options |
| 41 | </span> |
| 42 | </div> |
| 43 | <span class="bmi-banner__card-text"> |
| 44 | You can now save your backups automatically on |
| 45 | <b>Google Drive, Dropbox, Amazon S3, FTP</b> etc. for free. |
| 46 | </span> |
| 47 | </div> |
| 48 | |
| 49 | <div class="bmi-banner__card bmi-banner__premium-card" id="bmi-banner__card-premium-external-storage" style="display: none;"> |
| 50 | <div class="bmi-banner__img-wrapper"> |
| 51 | <img src="<?php echo $this->_asset('imgs/premium-cloud-options.svg'); ?>" alt="Cloud storage icons" /> |
| 52 | </div> |
| 53 | <div class="bmi-banner__card-content"> |
| 54 | <div class="bmi-banner__card-header"> |
| 55 | <span> |
| 56 | More external storage options |
| 57 | </span> |
| 58 | </div> |
| 59 | <div class="bmi-banner__card-text"> |
| 60 | <span> |
| 61 | You can now save your backups automatically on |
| 62 | <b>Dropbox, Amazon S3, FTP</b> etc. for free. |
| 63 | </span> |
| 64 | </div> |
| 65 | </div> |
| 66 | </div> |
| 67 | |
| 68 | <!-- Card 2 --> |
| 69 | <div class="bmi-banner__card" id="bmi-banner__card-free-storage" style="display: none;"> |
| 70 | <div class="bmi-banner__card-header"> |
| 71 | <img src="<?php echo $this->_asset('imgs/500mb-free.svg'); ?>" alt="500 MB free icon" /> |
| 72 | <span>500 MB of <br><div class="bmi-banner__free-underlined"><span>free</span></div> storage</span> |
| 73 | </div> |
| 74 | <span class="bmi-banner__card-text"> |
| 75 | We added our <b>own storage option,</b> giving you |
| 76 | 500 MB of free space (and |
| 77 | <a href="<?php echo $backupblissPricing; ?>" target="_blank" class="bmi-links">very affordable</a> |
| 78 | plans for more)! <a href="<?php echo $bbStorage; ?>" target="_blank" class="bmi-links">Learn more</a> |
| 79 | </span> |
| 80 | </div> |
| 81 | |
| 82 | <div class="bmi-banner__card bmi-banner__premium-card" id="bmi-banner__card-premium-storage" style="display: none;"> |
| 83 | <div class="bmi-banner__img-wrapper"> |
| 84 | <img src="<?php echo $this->_asset('imgs/5gb-free.svg'); ?>" alt="5 GB premium icon" /> |
| 85 | </div> |
| 86 | <div class="bmi-banner__card-content"> |
| 87 | <div class="bmi-banner__card-header"> |
| 88 | <span> |
| 89 | 5 GB of <div class="bmi-banner__free-underlined"><span>free</span></div> storage |
| 90 | </span> |
| 91 | </div> |
| 92 | <div class="bmi-banner__card-text"> |
| 93 | <span> |
| 94 | We added our <b>own storage option,</b> giving you 5 GB of free space as premium user! |
| 95 | <a href="<?php echo $bbStorage; ?>" target="_blank" class="bmi-links">Check it out</a> |
| 96 | </span> |
| 97 | </div> |
| 98 | </div> |
| 99 | </div> |
| 100 | |
| 101 | |
| 102 | |
| 103 | |
| 104 | |
| 105 | |
| 106 | <!-- Card 3 --> |
| 107 | <div class="bmi-banner__card" id="bmi-banner__card-4gb-upgraded" style="display: none;"> |
| 108 | <div class="bmi-banner__card-header"> |
| 109 | <img src="<?php echo $this->_asset('imgs/4gb-upgraded.svg'); ?>" alt="4 GB double backup size" /> |
| 110 | <span>Double <br> backup size</span> |
| 111 | </div> |
| 112 | <span class="bmi-banner__card-text"> |
| 113 | We doubled the supported backup size in the free |
| 114 | plugin <b>from 2 GB to 4 GB!</b> (Unlimited in |
| 115 | <a href="<?php echo $bmiPremium; ?>" target="_blank" class="bmi-links">premium</a>) |
| 116 | </span> |
| 117 | </div> |
| 118 | </div> |
| 119 | |
| 120 | <div class="bmi-banner__footer"> |
| 121 | <div class="bmi-banner__footer-text"> |
| 122 | <img src="<?php echo $this->_asset('imgs/bmi-logo.svg'); ?>" alt="BackupBliss logo" /> |
| 123 | <span> |
| 124 | BackupBliss is now the <b>no-brainer solution</b> for backups, |
| 125 | migrations and creating staging sites |
| 126 | </span> |
| 127 | </div> |
| 128 | <div> |
| 129 | <button class="bmi-banner__cta-button redirect-to-bmi">Cool, let's get started!</button> |
| 130 | </div> |
| 131 | </div> |
| 132 | <a href="#" class="bmi-banner__dismiss-link">Dismiss this forever</a> |
| 133 | </div> |