| 1 |
import imgRatingStar from '../../../asset/img/icons/Star.svg'; |
| 2 |
|
| 3 |
const CtaSection = () => { |
| 4 |
return ( |
| 5 |
<section |
| 6 |
className="disco:relative disco:w-full disco:max-w-5xl disco:mx-auto disco:rounded-3xl disco:border disco:border-emerald-500/10 disco:overflow-hidden" |
| 7 |
style={{ |
| 8 |
background: |
| 9 |
'radial-gradient(ellipse at 20% 50%, rgba(16,185,129,0.12) 0%, transparent 60%), linear-gradient(180deg, #132019 0%, #0d1a14 50%, #0a1410 100%)', |
| 10 |
}} |
| 11 |
> |
| 12 |
{/* Glow effect */} |
| 13 |
<div |
| 14 |
className="disco:absolute disco:-top-30 disco:-left-20 disco:w-87.5 disco:h-87.5 disco:rounded-full disco:pointer-events-none" |
| 15 |
style={{ |
| 16 |
background: |
| 17 |
'radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 70%)', |
| 18 |
}} |
| 19 |
/> |
| 20 |
|
| 21 |
<div className="disco:relative disco:z-10 disco:flex disco:flex-col disco:lg:flex-row disco:items-center disco:justify-between disco:gap-10 disco:px-10 disco:lg:px-16 disco:py-14"> |
| 22 |
{/* Left content */} |
| 23 |
<div className="disco:flex-1"> |
| 24 |
<p className="disco:text-xs! disco:font-bold disco:tracking-[2.5px] disco:uppercase disco:text-primary disco:mb-4 disco:flex disco:items-center disco:gap-1"> |
| 25 |
<img |
| 26 |
src={imgRatingStar} |
| 27 |
alt="� |
| 28 |
" |
| 29 |
style={{ width: 12, height: 12 }} |
| 30 |
/> |
| 31 |
Ready to unlock full power? |
| 32 |
</p> |
| 33 |
|
| 34 |
<h2 |
| 35 |
className="disco:text-4xl! disco:lg:text-[40px]! disco:font-extrabold disco:leading-tight! disco:text-white! disco:mb-4!" |
| 36 |
style={{ fontFamily: "'Sora', sans-serif" }} |
| 37 |
> |
| 38 |
Start converting more with <br /> |
| 39 |
<span className="disco:text-primary"> |
| 40 |
Disco Pro today |
| 41 |
</span> |
| 42 |
</h2> |
| 43 |
|
| 44 |
<p className="disco:text-base! disco:text-white/50 disco:leading-relaxed! disco:max-w-115"> |
| 45 |
Join 700+ WooCommerce stores using Disco Pro. 14-day |
| 46 |
money-back guarantee. No risk. |
| 47 |
</p> |
| 48 |
</div> |
| 49 |
|
| 50 |
{/* Right CTA */} |
| 51 |
<div className="disco:flex disco:flex-col disco:items-center disco:gap-4 disco:shrink-0"> |
| 52 |
<a |
| 53 |
href="https://discoplugin.com/?utm_source=disco-plugin&utm_medium=in-plugin&utm_campaign=pro-plan-page&utm_content=footer-cta#pricing" |
| 54 |
target="_blank" |
| 55 |
rel="noopener noreferrer" |
| 56 |
className="disco:inline-flex disco:items-center disco:gap-2.5 disco:px-6 disco:py-4 disco:bg-primary disco:text-white! disco:text-sm! disco:font-extrabold disco:rounded-2xl disco:no-underline disco:transition-all! disco:duration-200 disco:hover:text-white! disco:hover:scale-105 disco:focus:text-white! disco:focus:rounded-2xl" |
| 57 |
style={{ |
| 58 |
boxShadow: '0 6px 22px 0 rgba(245, 158, 11, 0.40)', |
| 59 |
}} |
| 60 |
> |
| 61 |
<span>⚡</span> |
| 62 |
Unlock Pro Now |
| 63 |
</a> |
| 64 |
|
| 65 |
<p className="disco:text-sm disco:text-white/35"> |
| 66 |
14-day money-back · No contracts |
| 67 |
</p> |
| 68 |
</div> |
| 69 |
</div> |
| 70 |
</section> |
| 71 |
); |
| 72 |
}; |
| 73 |
|
| 74 |
export default CtaSection; |
| 75 |
|
