← All changes | backend/views/components/ProPlan/components/WhyUpgradeSection.jsx +9 -9 1.4.0 → 1.4.19 View file →

		@@ -1,31 +1,31 @@
1	1	import whyUpgradeReasons from '../data/whyUpgrade';
2	2
3	3	function WhyUpgradeSection() {
4	4	return (
5		- <div className="disco-max-w-5xl disco-mx-auto disco-px-4 disco-py-14">
6		- <h2 className="disco-text-3xl disco-font-extrabold disco-text-center disco-text-gray-900 disco-mb-2">
	5	+ <div className="disco:max-w-5xl disco:mx-auto disco:px-4 disco:py-14">
	6	+ <h2 className="disco:text-3xl! disco:font-extrabold disco:text-center disco:text-gray-900 disco:mb-2!">
7	7	Why Store Owners Upgrade
8	8	</h2>
9		- <p className="disco-text-center disco-text-gray-400 disco-text-sm disco-mb-10">
	9	+ <p className="disco:text-center disco:text-gray-400 disco:text-sm! disco:mb-10!">
10	10	The most common reasons Disco Free users switch to Pro.
11	11	</p>
12		- <div className="disco-grid disco-grid-cols-1 md:disco-grid-cols-3 disco-gap-6">
	12	+ <div className="disco:grid disco:grid-cols-1 disco:md:grid-cols-3 disco:gap-6">
13	13	{whyUpgradeReasons.map((r, i) => (
14	14	<div
15	15	key={i}
16		- className={`disco-rounded-xl disco-p-5 disco-border-2 disco-border-gray-100 hover:disco-border-primary disco-transition-all`}
	16	+ className={`disco:rounded-xl disco:p-5 disco:border-2 disco:border-gray-100 disco:hover:border-primary disco:transition-all`}
17	17	>
18		- <div className="disco-text-3xl disco-mb-3">
	18	+ <div className="disco:text-3xl disco:mb-3">
19	19	{r.icon}
20	20	</div>
21		- <h3 className="disco-font-bold disco-text-gray-900 disco-mb-2">
	21	+ <h3 className="disco:font-bold disco:text-gray-900 disco:mb-2!">
22	22	{r.title}
23	23	</h3>
24		- <p className="disco-text-sm disco-text-gray-500 disco-mb-3">
	24	+ <p className="disco:text-sm! disco:text-gray-500 disco:mb-3!">
25	25	{r.desc}
26	26	</p>
27		- <span className="disco-text-xs disco-font-medium disco-text-emerald-600">
	27	+ <span className="disco:text-xs disco:font-medium disco:text-emerald-600">
28	28	{'↑ '} {r.tag}
29	29	</span>
30	30	</div>
31	31	))}