feat: Instagram data sync, gold accent, SVG logo, FAQ & Pricing sections

- Sync all content from Instagram: fix addresses, trainer names, add 5 new
  trainers, remove 2 inactive, update class descriptions
- Add FAQ section (11 Q&A items) and Pricing section (tabs: subscriptions,
  rental, rules)
- Redesign with editorial magazine feel: centered headings, generous spacing,
  section glow effects, glassmorphism cards
- Migrate entire accent palette from rose to warm gold (#c9a96e)
- Replace low-res PNG logo with vector SVG traced via potrace — crisp at any
  size, animated gradient (black↔gold), heartbeat pulse animation
- Make header brand name gold

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/layout/Header.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import Image from "next/image";
 import Link from "next/link";
 import { Menu, X } from "lucide-react";
 import { useState, useEffect } from "react";
 import { BRAND, NAV_LINKS } from "@/lib/constants";
+import { HeroLogo } from "@/components/ui/HeroLogo";
 
 export function Header() {
   const [menuOpen, setMenuOpen] = useState(false);
@@ -32,22 +32,15 @@ export function Header() {
             <div
               className="absolute inset-0 rounded-full transition-all duration-300 group-hover:scale-125"
               style={{
-                background: "radial-gradient(circle, rgba(225,29,72,0.5) 0%, rgba(225,29,72,0.15) 50%, transparent 70%)",
+                background: "radial-gradient(circle, rgba(201,169,110,0.5) 0%, rgba(201,169,110,0.15) 50%, transparent 70%)",
               }}
             />
-            <Image
-              src="/images/logo.png"
-              alt={BRAND.name}
-              width={24}
-              height={24}
-              unoptimized
-              className="relative transition-transform duration-300 group-hover:scale-110"
-              style={{
-                filter: "drop-shadow(0 0 3px rgba(225,29,72,0.5))",
-              }}
+            <HeroLogo
+              size={24}
+              className="relative text-black transition-transform duration-300 drop-shadow-[0_0_3px_rgba(201,169,110,0.5)] group-hover:scale-110"
             />
           </div>
-          <span className="font-display text-lg font-bold tracking-tight text-white">
+          <span className="font-display text-lg font-bold tracking-tight text-[#c9a96e]">
             {BRAND.shortName}
           </span>
         </Link>
@@ -57,7 +50,7 @@ export function Header() {
             <a
               key={link.href}
               href={link.href}
-              className="relative py-1 text-sm font-medium text-neutral-400 transition-all duration-300 after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-0 after:bg-rose-500 after:transition-all after:duration-300 hover:text-white hover:after:w-full"
+              className="relative py-1 text-sm font-medium text-neutral-400 transition-all duration-300 after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-0 after:bg-[#c9a96e] after:transition-all after:duration-300 hover:text-white hover:after:w-full"
             >
               {link.label}
             </a>