Seed: saas template (34 files)

src/pages/Blog.tsx

@@ -95,7 +95,7 @@ export default function BlogPage() {
                 key={cat}
                 variant={activeCategory === cat ? "default" : "outline"}
                 size="sm"
-                className={`rounded-full \${activeCategory === cat ? "bg-indigo-600 hover:bg-indigo-500" : ""}`}
+                className={`rounded-full ${activeCategory === cat ? "bg-indigo-600 hover:bg-indigo-500" : ""}`}
                 onClick={() => setActiveCategory(cat)}
               >
                 {cat}
@@ -106,7 +106,7 @@ export default function BlogPage() {
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 stagger">
             {filtered.map((article) => (
               <Card key={article.title} className="overflow-hidden border-slate-200 hover:-translate-y-1 hover:shadow-xl hover:border-indigo-200 transition-all duration-300 group cursor-pointer">
-                <div className={`aspect-[16/9] bg-gradient-to-br \${article.gradient} flex items-center justify-center relative overflow-hidden`}>
+                <div className={`aspect-[16/9] bg-gradient-to-br ${article.gradient} flex items-center justify-center relative overflow-hidden`}>
                   <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wMyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiLz48L2c+PC9nPjwvc3ZnPg==')] opacity-60" />
                   <div className="absolute -top-8 -right-8 w-32 h-32 rounded-full bg-white/10 blur-3xl" />
                   <div className="absolute -bottom-8 -left-8 w-24 h-24 rounded-full bg-white/10 blur-3xl" />