← All changes
|
backend/views/components/Main/components/ProCard.jsx
+14
-12
1.4.13
→
1.4.19
View file →
| @@ -1,5 +1,6 @@ | ||
| 1 | 1 | import { __ } from '@wordpress/i18n'; |
| 2 | +import { Zap } from 'lucide-react'; | |
| 2 | 3 | import checkIcon from '../../../asset/img/icons/check-icon.svg'; |
| 3 | 4 | |
| 4 | 5 | const PRICING_URL = |
| 5 | 6 | 'https://discoplugin.com/?utm_source=campaign_page&utm_medium=banner&utm_campaign=free-pro&utm_id=1#pricing'; |
| @@ -16,17 +17,17 @@ | ||
| 16 | 17 | 'Dedicated Priority Support', |
| 17 | 18 | ]; |
| 18 | 19 | |
| 19 | 20 | return ( |
| 20 | - <div className="disco-rounded-lg disco-overflow-hidden disco-text-white disco-bg-gradient-to-br disco-from-[#1a2e1a] disco-via-[#2d4a2d] disco-to-[#1a3a2a]"> | |
| 21 | - <div className="disco-p-4"> | |
| 22 | - <h3 className="disco-text-xl disco-text-white disco-font-bold disco-m-0 disco-mb-1"> | |
| 21 | + <div className="disco:rounded-lg disco:overflow-hidden disco:text-white disco:bg-linear-to-br disco:from-[#1a2e1a] disco:via-[#2d4a2d] disco:to-[#1a3a2a]"> | |
| 22 | + <div className="disco:p-4"> | |
| 23 | + <h3 className="disco:text-xl! disco:text-white! disco:font-bold! disco:m-0 disco:mb-1!"> | |
| 23 | 24 | {__('Unlock', 'disco')}{' '} |
| 24 | - <span className="disco-text-primary"> | |
| 25 | + <span className="disco:text-primary"> | |
| 25 | 26 | {__('Disco Pro', 'disco')} |
| 26 | 27 | </span> |
| 27 | 28 | </h3> |
| 28 | - <p className="disco-text-sm disco-text-gray-300 disco-m-0 disco-mb-5"> | |
| 29 | + <p className="disco:text-sm! disco:text-gray-300 disco:m-0 disco:mb-3!"> | |
| 29 | 30 | {__( |
| 30 | 31 | 'Get more discount power, analytics and integrations', |
| 31 | 32 | 'disco' |
| 32 | 33 | )} |
| @@ -31,18 +32,18 @@ | ||
| 31 | 32 | 'disco' |
| 32 | 33 | )} |
| 33 | 34 | </p> |
| 34 | 35 | |
| 35 | - <div className="disco-flex disco-flex-col disco-gap-3"> | |
| 36 | + <div className="disco:flex disco:flex-col disco:gap-3"> | |
| 36 | 37 | {proFeatures.map((f, i) => ( |
| 37 | 38 | <div |
| 38 | 39 | key={i} |
| 39 | - className="disco-flex disco-items-center disco-gap-2" | |
| 40 | + className="disco:flex disco:items-center disco:gap-2" | |
| 40 | 41 | > |
| 41 | - <span className="disco-w-5 disco-h-5 disco-rounded-full disco-bg-[#22C55E33] disco-border disco-border-primary disco-flex disco-items-center disco-justify-center disco-flex-shrink-0"> | |
| 42 | + <span className="disco:w-5 disco:h-5 disco:rounded-full disco:bg-[#22C55E33] disco:border disco:border-primary disco:flex disco:items-center disco:justify-center disco:shrink-0"> | |
| 42 | 43 | <img src={checkIcon} alt="check icon" /> |
| 43 | 44 | </span> |
| 44 | - <span className="disco-text-sm disco-text-gray-100"> | |
| 45 | + <span className="disco:text-sm disco:text-gray-100"> | |
| 45 | 46 | {f} |
| 46 | 47 | </span> |
| 47 | 48 | </div> |
| 48 | 49 | ))} |
| @@ -51,14 +52,15 @@ | ||
| 51 | 52 | <a |
| 52 | 53 | href={PRICING_URL} |
| 53 | 54 | target="_blank" |
| 54 | 55 | rel="noopener noreferrer" |
| 55 | - className="disco-w-full disco-mt-6 disco-py-3.5 disco-px-6 disco-rounded-full disco-border-none disco-cursor-pointer disco-font-bold disco-text-base disco-text-white disco-flex disco-items-center disco-justify-center disco-gap-2 disco-transition-transform hover:disco-scale-105 active:disco-scale-95 disco-no-underline hover:disco-text-white disco-bg-gradient-to-r disco-from-amber-400 disco-to-orange-500 disco-shadow-orange-500/50 disco-shadow-md disco-outline-none focus:disco-shadow-none focus:disco-text-white focus:disco-rounded-full" | |
| 56 | + className="disco:w-full disco:mt-6 disco:py-3.5 disco:px-6 disco:rounded-full disco:border-none disco:cursor-pointer disco:font-bold disco:text-base! disco:text-white! disco:flex disco:items-center disco:justify-center disco:gap-2 disco:transition-all! disco:hover:scale-105 disco:active:scale-95 disco:no-underline disco:hover:text-white! disco:bg-linear-to-r disco:from-amber-400 disco:to-orange-500 disco:shadow-orange-500/50 disco:shadow-md disco:outline-hidden disco:focus:shadow-none! disco:focus:text-white! disco:focus:rounded-full!" | |
| 56 | 57 | > |
| 57 | - <span>⚡</span> {__('Upgrade Pro Now', 'disco')} | |
| 58 | + <Zap size={16} strokeWidth={2} /> | |
| 59 | + {__('Upgrade Pro Now', 'disco')} | |
| 58 | 60 | </a> |
| 59 | 61 | |
| 60 | - <p className="disco-text-center disco-text-xs disco-text-gray-400 disco-mt-3 disco-mb-0"> | |
| 62 | + <p className="disco:text-center disco:text-xs! disco:text-gray-400! disco:mt-3! disco:mb-0"> | |
| 61 | 63 | {__('🛡️ 14-day money-back guarantee', 'disco')} |
| 62 | 64 | </p> |
| 63 | 65 | </div> |
| 64 | 66 | </div> |