Seed: dashboard template (24 files)

src/pages/Analytics.tsx

@@ -141,10 +141,10 @@ export default function AnalyticsPage() {
               <Card key={metric.title} className="border-0 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300">
                 <CardContent className="p-6">
                   <div className="flex items-center justify-between">
-                    <div className={`flex items-center justify-center h-12 w-12 rounded-xl \${metric.color}`}>
+                    <div className={`flex items-center justify-center h-12 w-12 rounded-xl ${metric.color}`}>
                       <metric.icon className="h-6 w-6" />
                     </div>
-                    <div className={`flex items-center gap-1 text-sm font-medium \${metric.trend === "up" ? "text-emerald-600" : "text-red-600"}`}>
+                    <div className={`flex items-center gap-1 text-sm font-medium ${metric.trend === "up" ? "text-emerald-600" : "text-red-600"}`}>
                       {metric.trend === "up" ? <ArrowUpRight className="h-4 w-4" /> : <ArrowDownRight className="h-4 w-4" />}
                       {metric.change}
                     </div>
@@ -182,7 +182,7 @@ export default function AnalyticsPage() {
                 <div className="grid grid-cols-2 gap-3 mt-4">
                   {trafficSources.map((source) => (
                     <div key={source.name} className="flex items-center gap-2">
-                      <div className={`h-3 w-3 rounded-full \${source.color}`} />
+                      <div className={`h-3 w-3 rounded-full ${source.color}`} />
                       <span className="text-sm text-slate-600">{source.name}</span>
                       <span className="text-sm font-medium text-slate-900 ml-auto">{source.value}%</span>
                     </div>
@@ -265,7 +265,7 @@ export default function AnalyticsPage() {
                     <div className="h-2 bg-slate-100 rounded-full overflow-hidden">
                       <div
                         className="h-full bg-gradient-to-r from-sky-500 to-sky-400 rounded-full transition-all"
-                        style={{ width: `\${geo.pct}%` }}
+                        style={{ width: `${geo.pct}%` }}
                       />
                     </div>
                   </div>