← All changes | backend/views/components/ProPlan/components/TestimonialsSection.jsx +10 -13 1.3.52 → 1.4.19 View file →

		@@ -22,43 +22,40 @@
22	22	];
23	23
24	24	function TestimonialsSection() {
25	25	return (
26		- <div className="disco-max-w-5xl disco-mx-auto disco-px-4 disco-py-12">
27		- <h2 className="disco-text-3xl disco-font-extrabold disco-text-center disco-text-gray-900 disco-mb-2">
	26	+ <div className="disco:max-w-5xl disco:mx-auto disco:px-4 disco:py-12">
	27	+ <h2 className="disco:text-3xl! disco:font-extrabold disco:text-center disco:text-gray-900 disco:mb-2!">
28	28	What Pro Users Say
29	29	</h2>
30		- <p className="disco-text-center disco-text-gray-400 disco-text-sm disco-mb-10">
	30	+ <p className="disco:text-center disco:text-gray-400 disco:text-sm! disco:mb-10!">
31	31	Real feedback from store owners who upgraded.
32	32	</p>
33		- <div className="disco-grid disco-grid-cols-1 md:disco-grid-cols-3 disco-gap-6">
	33	+ <div className="disco:grid disco:grid-cols-1 disco:md:grid-cols-3 disco:gap-6">
34	34	{testimonials.map((t, i) => (
35	35	<div
36	36	key={i}
37		- className="disco-flex disco-flex-col disco-justify-between disco-bg-white disco-border-2 disco-border-gray-200 disco-rounded-xl disco-p-5 hover:disco-border-primary disco-transition-all"
	37	+ className="disco:flex disco:flex-col disco:justify-between disco:bg-white disco:border-2 disco:border-gray-200 disco:rounded-xl disco:p-5 disco:hover:border-primary disco:transition-all"
38	38	>
39	39	<div>
40		- <div className="disco-flex disco-gap-0.5 disco-mb-3">
	40	+ <div className="disco:flex disco:gap-0.5 disco:mb-3">
41	41	{Array.from({ length: t.stars }).map((_, j) => (
42	42	<StarIcon key={j} filled />
43	43	))}
44	44	</div>
45		- <p className="disco-text-sm disco-text-gray-600 disco-mb-4 disco-leading-relaxed">
	45	+ <p className="disco:text-sm! disco:text-gray-600 disco:mb-4! disco:leading-relaxed!">
46	46	{t.text}
47	47	</p>
48	48	</div>
49	49
50		- <div className="disco-flex disco-items-center disco-gap-2">
51		- <div className="disco-w-8 disco-h-8 disco-rounded-full disco-bg-emerald-100 disco-flex disco-items-center disco-justify-center disco-text-emerald-600 disco-font-bold disco-text-xs">
	50	+ <div className="disco:flex disco:items-center disco:gap-2">
	51	+ <div className="disco:w-8 disco:h-8 disco:rounded-full disco:bg-emerald-100 disco:flex disco:items-center disco:justify-center disco:text-emerald-600 disco:font-bold disco:text-xs">
52	52	{t.name[0]}
53	53	</div>
54	54	<div>
55		- <p className="disco-text-sm disco-font-semibold disco-text-gray-800">
	55	+ <p className="disco:text-sm! disco:font-semibold disco:text-gray-800">
56	56	{t.name}
57	57	</p>
58		- {/* <p className="disco-text-xs disco-text-gray-400">
59		- {t.site}
60		- </p> */}
61	58	</div>
62	59	</div>
63	60	</div>
64	61	))}