← All changes
|
backend/views/components/ProPlan/components/CTAFooter.jsx
+11
-11
1.4.12
→
1.4.21
View file →
| @@ -2,9 +2,9 @@ | ||
| 2 | 2 | |
| 3 | 3 | const CtaSection = () => { |
| 4 | 4 | return ( |
| 5 | 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" | |
| 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 | 7 | style={{ |
| 8 | 8 | background: |
| 9 | 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 | 10 | }} |
| @@ -10,9 +10,9 @@ | ||
| 10 | 10 | }} |
| 11 | 11 | > |
| 12 | 12 | {/* Glow effect */} |
| 13 | 13 | <div |
| 14 | - className="disco-absolute disco-top-[-120px] disco-left-[-80px] disco-w-[350px] disco-h-[350px] disco-rounded-full disco-pointer-events-none" | |
| 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 | 15 | style={{ |
| 16 | 16 | background: |
| 17 | 17 | 'radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 70%)', |
| 18 | 18 | }} |
| @@ -17,12 +17,12 @@ | ||
| 17 | 17 | 'radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 70%)', |
| 18 | 18 | }} |
| 19 | 19 | /> |
| 20 | 20 | |
| 21 | - <div className="disco-relative disco-z-10 disco-flex disco-flex-col lg:disco-flex-row disco-items-center disco-justify-between disco-gap-10 disco-px-10 lg:disco-px-16 disco-py-14"> | |
| 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 | 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"> | |
| 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 | 25 | <img |
| 26 | 26 | src={imgRatingStar} |
| 27 | 27 | alt="★" |
| 28 | 28 | style={{ width: 12, height: 12 }} |
| @@ -30,18 +30,18 @@ | ||
| 30 | 30 | Ready to unlock full power? |
| 31 | 31 | </p> |
| 32 | 32 | |
| 33 | 33 | <h2 |
| 34 | - className="disco-text-4xl lg:disco-text-[40px] disco-font-extrabold disco-leading-tight disco-text-white disco-mb-4" | |
| 34 | + className="disco:text-4xl! disco:lg:text-[40px]! disco:font-extrabold disco:leading-tight! disco:text-white! disco:mb-4!" | |
| 35 | 35 | style={{ fontFamily: "'Sora', sans-serif" }} |
| 36 | 36 | > |
| 37 | 37 | Start converting more with <br /> |
| 38 | - <span className="disco-text-primary"> | |
| 38 | + <span className="disco:text-primary"> | |
| 39 | 39 | Disco Pro today |
| 40 | 40 | </span> |
| 41 | 41 | </h2> |
| 42 | 42 | |
| 43 | - <p className="disco-text-base disco-text-white/50 disco-leading-relaxed disco-max-w-[460px]"> | |
| 43 | + <p className="disco:text-base! disco:text-white/50 disco:leading-relaxed! disco:max-w-115"> | |
| 44 | 44 | Join 700+ WooCommerce stores using Disco Pro. 14-day |
| 45 | 45 | money-back guarantee. No risk. |
| 46 | 46 | </p> |
| 47 | 47 | </div> |
| @@ -46,14 +46,14 @@ | ||
| 46 | 46 | </p> |
| 47 | 47 | </div> |
| 48 | 48 | |
| 49 | 49 | {/* Right CTA */} |
| 50 | - <div className="disco-flex disco-flex-col disco-items-center disco-gap-4 disco-flex-shrink-0"> | |
| 50 | + <div className="disco:flex disco:flex-col disco:items-center disco:gap-4 disco:shrink-0"> | |
| 51 | 51 | <a |
| 52 | 52 | href="https://discoplugin.com/?utm_source=pro_plan_page&utm_medium=banner&utm_campaign=free-pro&utm_id=1#pricing" |
| 53 | 53 | target="_blank" |
| 54 | 54 | rel="noopener noreferrer" |
| 55 | - 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 hover:disco-text-white hover:disco-scale-105 focus:disco-text-white focus:disco-rounded-2xl" | |
| 55 | + 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" | |
| 56 | 56 | style={{ |
| 57 | 57 | boxShadow: '0 6px 22px 0 rgba(245, 158, 11, 0.40)', |
| 58 | 58 | }} |
| 59 | 59 | > |
| @@ -60,9 +60,9 @@ | ||
| 60 | 60 | <span>⚡</span> |
| 61 | 61 | Unlock Pro Now |
| 62 | 62 | </a> |
| 63 | 63 | |
| 64 | - <p className="disco-text-sm disco-text-white/35"> | |
| 64 | + <p className="disco:text-sm disco:text-white/35"> | |
| 65 | 65 | 14-day money-back · No contracts |
| 66 | 66 | </p> |
| 67 | 67 | </div> |
| 68 | 68 | </div> |