Seed: resume template (10 files)

src/pages/Index.tsx

@@ -85,7 +85,7 @@ export default function ResumePage() {
     <div className="min-h-screen bg-background text-foreground antialiased">
       {/* ── HEADER ── */}
       <header
-        className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 \${
+        className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${
           scrolled
             ? "bg-background/95 backdrop-blur-lg border-b shadow-sm"
             : "bg-transparent"
@@ -179,7 +179,7 @@ export default function ResumePage() {
             {experience.map((job, i) => (
               <div
                 key={i}
-                className={`relative pl-8 pb-12 last:pb-0 rounded-lg hover:bg-muted/50 transition-colors \${i % 2 === 1 ? "bg-muted/30 -ml-4 pl-12 py-8 rounded-r-xl" : ""}`}
+                className={`relative pl-8 pb-12 last:pb-0 rounded-lg hover:bg-muted/50 transition-colors ${i % 2 === 1 ? "bg-muted/30 -ml-4 pl-12 py-8 rounded-r-xl" : ""}`}
               >
                 <div className="absolute -left-[9px] top-1 w-4 h-4 rounded-full bg-primary ring-4 ring-primary/20 border-2 border-background" />
                 <div className="flex flex-wrap items-center gap-3 mb-2">
@@ -211,7 +211,7 @@ export default function ResumePage() {
           <div className="grid md:grid-cols-3 gap-6 stagger">
             {projects.map((p, i) => (
               <Card key={i} className="group overflow-hidden hover-lift hover:shadow-lg transition-all duration-300 backdrop-blur-sm bg-card/80 border-border/50">
-                <div className={`aspect-video bg-gradient-to-br \${p.gradient} rounded-t-xl flex items-center justify-center relative overflow-hidden`}>
+                <div className={`aspect-video bg-gradient-to-br ${p.gradient} rounded-t-xl flex items-center justify-center relative overflow-hidden`}>
                   <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-24 h-24 rounded-full bg-white/10 blur-2xl" />
                   <div className="w-12 h-12 rounded-xl bg-white/20 backdrop-blur group-hover:scale-110 transition-transform relative z-10" />
                 </div>
@@ -299,7 +299,7 @@ export default function ResumePage() {
                       <span className="text-xs text-muted-foreground tabular-nums">{s.value}%</span>
                     </div>
                     <div className="h-2 rounded-full bg-muted overflow-hidden">
-                      <div className="h-full rounded-full bg-gradient-to-r from-primary via-violet-500 to-rose-500 transition-all duration-500" style={{ width: `\${s.value}%` }} />
+                      <div className="h-full rounded-full bg-gradient-to-r from-primary via-violet-500 to-rose-500 transition-all duration-500" style={{ width: `${s.value}%` }} />
                     </div>
                   </div>
                 ))}