Seed: saas template (34 files)

src/pages/Features.tsx

@@ -78,7 +78,7 @@ export default function FeaturesPage() {
 
       {/* ── FEATURE SECTIONS (Alternating) ── */}
       {featureSections.map((section, i) => (
-        <section key={section.title} className={`py-24 \${i % 2 === 1 ? "bg-slate-50" : "bg-white"}`}>
+        <section key={section.title} className={`py-24 ${i % 2 === 1 ? "bg-slate-50" : "bg-white"}`}>
           <div className="mx-auto max-w-7xl px-6">
             <div className="grid lg:grid-cols-2 gap-16 items-center">
               <div className={i % 2 === 1 ? "lg:order-2" : ""}>
@@ -98,7 +98,7 @@ export default function FeaturesPage() {
                 </Button>
               </div>
               <div className={i % 2 === 1 ? "lg:order-1" : ""}>
-                <div className={`animate-scale-in aspect-[4/3] rounded-2xl bg-gradient-to-br \${section.gradient} flex items-center justify-center shadow-2xl shadow-indigo-500/10 relative overflow-hidden`}>
+                <div className={`animate-scale-in aspect-[4/3] rounded-2xl bg-gradient-to-br ${section.gradient} flex items-center justify-center shadow-2xl shadow-indigo-500/10 relative overflow-hidden`}>
                   <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wMyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiLz48L2c+PC9nPjwvc3ZnPg==')] opacity-60" />
                   <div className="absolute -top-10 -right-10 w-40 h-40 rounded-full bg-white/10 blur-3xl" />
                   <div className="absolute -bottom-10 -left-10 w-32 h-32 rounded-full bg-white/10 blur-3xl" />