Seed: fitness template (17 files)

src/components/Header.tsx

@@ -22,7 +22,7 @@ function AuthDialog({ trigger }: { trigger: React.ReactNode }) {
   if (isSignedIn) {
     return (
       <Button variant="ghost" size="sm" className="text-slate-300 hover:text-orange-400 uppercase tracking-wide font-bold" onClick={() => { signout(); toast.success("Signed out"); }}>
-        Sign Out{user?.email ? ` (\${user.email})` : ""}
+        Sign Out{user?.email ? ` (${user.email})` : ""}
       </Button>
     );
   }
@@ -96,7 +96,7 @@ export default function Header() {
   ];
 
   return (
-    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 \${scrolled ? "bg-slate-950/95 backdrop-blur-lg border-b border-slate-800 shadow-lg" : "bg-transparent"}`}>
+    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${scrolled ? "bg-slate-950/95 backdrop-blur-lg border-b border-slate-800 shadow-lg" : "bg-transparent"}`}>
       <div className="mx-auto max-w-7xl flex items-center justify-between px-6 py-4">
         <Link to="/" className="flex items-center gap-2 group">
           <div className="p-1.5 rounded-lg bg-gradient-to-br from-orange-500 to-red-500 shadow-lg shadow-orange-500/25 group-hover:shadow-orange-500/40 transition-shadow">
@@ -106,7 +106,7 @@ export default function Header() {
         </Link>
         <nav className="hidden md:flex items-center gap-8">
           {links.map((l) => (
-            <Link key={l.to} to={l.to} className={`text-sm font-semibold uppercase tracking-wide transition-colors hover:text-orange-400 \${scrolled ? "text-slate-300" : "text-white/90"}`}>{l.label}</Link>
+            <Link key={l.to} to={l.to} className={`text-sm font-semibold uppercase tracking-wide transition-colors hover:text-orange-400 ${scrolled ? "text-slate-300" : "text-white/90"}`}>{l.label}</Link>
           ))}
         </nav>
         <div className="hidden md:flex items-center gap-3">