← All changes | backend/views/components/ProPlan/components/ComparisonSection.jsx +18 -18 1.4.1 → 1.4.19 View file →

		@@ -3,28 +3,28 @@
3	3	import Badge from './Badge';
4	4
5	5	function ComparisonSection() {
6	6	return (
7		- <div className="disco-max-w-5xl disco-mx-auto disco-px-4 disco-py-12">
8		- <h2 className="disco-text-3xl disco-font-extrabold disco-text-center disco-text-gray-900 disco-mb-2">
	7	+ <div className="disco:max-w-5xl disco:mx-auto disco:px-4 disco:py-12">
	8	+ <h2 className="disco:text-3xl! disco:font-extrabold! disco:text-center disco:text-gray-900 disco:mb-2!">
9	9	Free vs Pro — Full Comparison
10	10	</h2>
11		- <p className="disco-text-center disco-text-gray-400 disco-text-sm disco-mb-8">
	11	+ <p className="disco:text-center disco:text-gray-400 disco:text-sm! disco:mb-8!">
12	12	See exactly what you unlock when you upgrade to Disco Pro.
13	13	</p>
14	14
15		- <div className="disco-overflow-x-auto">
16		- <table className="disco-w-full disco-text-sm">
	15	+ <div className="disco:overflow-x-auto">
	16	+ <table className="disco:w-full disco:text-sm">
17	17	<thead>
18		- <tr className="disco-bg-primary-light disco-border-b disco-border-gray-200">
19		- <th className="disco-text-left disco-py-3 disco-px-2 disco-font-semibold disco-text-black disco-uppercase disco-text-xs disco-w-1/2">
	18	+ <tr className="disco:bg-primary-light disco:border-b disco:border-gray-200">
	19	+ <th className="disco:text-left disco:py-3 disco:px-2 disco:font-semibold disco:text-black disco:uppercase disco:text-xs disco:w-1/2">
20	20	Feature
21	21	</th>
22		- <th className="disco-text-center disco-py-3 disco-px-2 disco-font-semibold disco-text-black disco-uppercase disco-text-xs disco-w-1/4">
	22	+ <th className="disco:text-center disco:py-3 disco:px-2 disco:font-semibold disco:text-black disco:uppercase disco:text-xs disco:w-1/4">
23	23	Free
24	24	</th>
25		- <th className="disco-text-center disco-text-xs disco-py-3 disco-px-2 disco-w-1/4">
26		- <span className="disco-text-black disco-mr-1">
	25	+ <th className="disco:text-center disco:text-xs disco:py-3 disco:px-2 disco:w-1/4">
	26	+ <span className="disco:text-black disco:mr-1">
27	27	{'🔒 Pro'}
28	28	</span>
29	29	<a
30	30	href="https://discoplugin.com/?utm_source=pro_plan&utm_medium=text_button&utm_campaign=free-pro&utm_id=1#pricing"
		@@ -29,9 +29,9 @@
29	29	<a
30	30	href="https://discoplugin.com/?utm_source=pro_plan&utm_medium=text_button&utm_campaign=free-pro&utm_id=1#pricing"
31	31	target="_blank"
32	32	rel="noopener noreferrer"
33		- className="disco-font-medium disco-text-white disco-bg-primary disco-rounded-full disco-px-2 disco-py-1 hover:disco-text-white focus:disco-rounded-full"
	33	+ className="disco:font-medium disco:text-white! disco:bg-primary disco:rounded-full disco:px-2 disco:py-1 disco:hover:text-white! disco:focus:rounded-full!"
34	34	>
35	35	Unlock All
36	36	</a>
37	37	</th>
		@@ -42,11 +42,11 @@
42	42	<Fragment key={si}>
43	43	<tr>
44	44	<td
45	45	colSpan={3}
46		- className="disco-py-3 disco-px-2 disco-bg-[#F8FAFC]"
	46	+ className="disco:py-3 disco:px-2 disco:bg-[#F8FAFC]"
47	47	>
48		- <span className="disco-text-xs disco-font-bold disco-text-emerald-600 disco-uppercase disco-tracking-wider">
	48	+ <span className="disco:text-xs disco:font-bold disco:text-emerald-600 disco:uppercase disco:tracking-wider">
49	49	{sec.title}
50	50	</span>
51	51	</td>
52	52	</tr>
		@@ -52,11 +52,11 @@
52	52	</tr>
53	53	{sec.rows.map((row, ri) => (
54	54	<tr
55	55	key={ri}
56		- className="disco-border-b disco-border-gray-100 hover:disco-bg-gray-50 disco-transition-colors"
	56	+ className="disco:border-b disco:border-gray-100 disco:hover:bg-gray-50 disco:transition-colors"
57	57	>
58		- <td className="disco-py-2.5 disco-px-2 disco-text-gray-700 disco-flex disco-items-center disco-gap-2">
	58	+ <td className="disco:py-2.5 disco:px-2 disco:text-gray-700 disco:flex disco:items-center disco:gap-2">
59	59	{row[0]}
60	60	{row[3] && (
61	61	<Badge
62	62	color={
		@@ -70,18 +70,18 @@
70	70	{row[3]}
71	71	</Badge>
72	72	)}
73	73	</td>
74		- <td className="disco-text-center disco-py-2.5 disco-text-primary">
	74	+ <td className="disco:text-center disco:py-2.5 disco:text-primary">
75	75	{row[1] ? (
76	76	'✓'
77	77	) : (
78		- <span className="disco-text-sm disco-bg-[#FEF3C7] disco-text-[#92400E] disco-font-bold disco-py-1 disco-px-2 disco-rounded-full">
	78	+ <span className="disco:text-sm disco:bg-[#FEF3C7] disco:text-[#92400E] disco:font-bold disco:py-1 disco:px-2 disco:rounded-full">
79	79	{'🔒 Pro'}
80	80	</span>
81	81	)}
82	82	</td>
83		- <td className="disco-text-center disco-py-2.5 disco-text-primary">
	83	+ <td className="disco:text-center disco:py-2.5 disco:text-primary">
84	84	{'✓'}
85	85	</td>
86	86	</tr>
87	87	))}