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/sections/Hero.tsx

@@ -1,10 +1,9 @@
 "use client";
 
-import Image from "next/image";
 import { siteContent } from "@/data/content";
-import { BRAND } from "@/lib/constants";
 import { Button } from "@/components/ui/Button";
 import { FloatingHearts } from "@/components/ui/FloatingHearts";
+import { HeroLogo } from "@/components/ui/HeroLogo";
 import { ChevronDown } from "lucide-react";
 
 export function Hero() {
@@ -24,7 +23,7 @@ export function Hero() {
           top: "-10%",
           left: "50%",
           transform: "translateX(-50%)",
-          background: "radial-gradient(circle, rgba(225, 29, 72, 0.12), transparent 70%)",
+          background: "radial-gradient(circle, rgba(201, 169, 110, 0.12), transparent 70%)",
         }}
       />
       <div
@@ -34,7 +33,7 @@ export function Hero() {
           height: "300px",
           bottom: "10%",
           right: "10%",
-          background: "radial-gradient(circle, rgba(225, 29, 72, 0.08), transparent 70%)",
+          background: "radial-gradient(circle, rgba(201, 169, 110, 0.08), transparent 70%)",
           animationDelay: "3s",
         }}
       />
@@ -44,29 +43,16 @@ export function Hero() {
 
       {/* Content */}
       <div className="section-container relative z-10 text-center">
-        <div className="hero-logo relative mx-auto mb-10 h-[220px] w-[220px]">
-          {/* Outer ambient glow */}
-          <div className="absolute -inset-16 rounded-full bg-rose-500/8 blur-[60px]" />
-          {/* Rose disc — makes black heart visible as silhouette */}
-          <div
-            className="absolute inset-2 rounded-full"
-            style={{
-              background: "radial-gradient(circle, rgba(225,29,72,0.45) 0%, rgba(225,29,72,0.18) 45%, transparent 70%)",
-            }}
-          />
-          <Image
-            src="/images/logo.png"
-            alt={BRAND.name}
-            width={220}
-            height={220}
-            priority
-            unoptimized
-            className="relative"
-            style={{
-              filter:
-                "drop-shadow(0 0 6px rgba(225,29,72,0.5)) drop-shadow(0 0 20px rgba(225,29,72,0.25))",
-            }}
-          />
+        <div className="hero-logo relative mx-auto mb-10 flex items-center justify-center" style={{ width: 220, height: 181 }}>
+          {/* Soft ambient glow behind heart */}
+          <div className="absolute -inset-10 rounded-full blur-[80px]" style={{ background: "radial-gradient(circle, rgba(201,169,110,0.15), transparent 70%)" }} />
+          <div className="hero-logo-heartbeat relative">
+            <HeroLogo
+              size={220}
+              animated
+              className="drop-shadow-[0_0_8px_rgba(201,169,110,0.35)] drop-shadow-[0_0_30px_rgba(201,169,110,0.15)]"
+            />
+          </div>
         </div>
 
         <h1 className="hero-title font-display text-5xl font-bold tracking-tight sm:text-6xl lg:text-8xl">
@@ -88,7 +74,7 @@ export function Hero() {
       <div className="hero-cta absolute bottom-8 left-1/2 -translate-x-1/2">
         <a
           href="#about"
-          className="flex flex-col items-center gap-1 text-neutral-600 transition-colors hover:text-rose-400"
+          className="flex flex-col items-center gap-1 text-neutral-600 transition-colors hover:text-[#d4b87a]"
         >
           <span className="text-xs uppercase tracking-widest">Scroll</span>
           <ChevronDown size={20} className="animate-bounce" />