| 1 |
import { __ } from '@wordpress/i18n'; |
| 2 |
|
| 3 |
export default function BottomCTA() { |
| 4 |
return ( |
| 5 |
<div |
| 6 |
className="disco:relative disco:rounded-[20px] disco:overflow-hidden disco:px-7 disco:py-7 disco:flex disco:items-center disco:justify-between disco:border disco:border-[rgba(34,197,94,0.2)]" |
| 7 |
style={{ |
| 8 |
backgroundImage: |
| 9 |
'linear-gradient(134.55deg, #052E16 0%, #14532D 100%)', |
| 10 |
}} |
| 11 |
> |
| 12 |
<div className="disco:flex disco:flex-col disco:gap-2 disco:max-w-[60%]"> |
| 13 |
<h2 className="disco:text-white! disco:text-base! disco:font-extrabold! disco:tracking-[-0.2px] disco:leading-none"> |
| 14 |
{__( |
| 15 |
'Unlock all integrations + 10× more power with Disco Pro', |
| 16 |
'disco' |
| 17 |
)} |
| 18 |
</h2> |
| 19 |
<p className="disco:text-gray-400! disco:text-[13px]! disco:font-normal disco:leading-[19.5px]"> |
| 20 |
{__( |
| 21 |
'Multi-currency discounts, role-based pricing, advanced analytics, and unlimited campaigns — used by 1000+ WooCommerce stores.', |
| 22 |
'disco' |
| 23 |
)} |
| 24 |
</p> |
| 25 |
</div> |
| 26 |
<a |
| 27 |
href="https://discoplugin.com/?utm_source=Compatible_page&utm_medium=banner&utm_campaign=free-pro&utm_id=1#pricing" |
| 28 |
target="_blank" |
| 29 |
rel="noopener noreferrer" |
| 30 |
className="disco:no-underline disco:focus:text-white! disco:focus:rounded-xl disco:flex disco:items-center disco:justify-center disco:h-10 disco:px-5 disco:rounded-[14px] disco:text-white! disco:text-[13px] disco:font-extrabold disco:shadow-[0px_8px_24px_0px_rgba(22,163,74,0.18)] disco:whitespace-nowrap disco:shrink-0 disco:hover:text-white! disco:hover:scale-105 disco:transition-all! disco:duration-300" |
| 31 |
style={{ |
| 32 |
backgroundImage: |
| 33 |
'linear-gradient(105.54deg, #0DC98B 0%, #07C888 100%)', |
| 34 |
}} |
| 35 |
> |
| 36 |
{__('⚡ Upgrade to Pro →', 'disco')} |
| 37 |
</a> |
| 38 |
<span |
| 39 |
className="disco:absolute disco:text-[80px] disco:leading-none disco:opacity-[0.06] disco:text-[#1e293b] disco:pointer-events-none" |
| 40 |
style={{ right: '170px', bottom: '-20px' }} |
| 41 |
> |
| 42 |
⚡ |
| 43 |
</span> |
| 44 |
</div> |
| 45 |
); |
| 46 |
} |
| 47 |
|
