feat: BLACK HEART DANCE HOUSE landing page

Landing page with Hero, About, Team, Classes, and Contact sections.
Light/dark mode, scroll reveal animations, Yandex Maps, responsive design.
Next.js 16 + Tailwind v4 + TypeScript.

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

src/components/sections/Hero.tsx

@@ -0,0 +1,34 @@
+import Image from "next/image";
+import { siteContent } from "@/data/content";
+import { BRAND } from "@/lib/constants";
+import { Button } from "@/components/ui/Button";
+
+export function Hero() {
+  const { hero } = siteContent;
+
+  return (
+    <section className="surface-base section-container flex min-h-svh items-center justify-center">
+      <div className="text-center">
+        <Image
+          src="/images/logo.png"
+          alt={BRAND.name}
+          width={280}
+          height={280}
+          priority
+          className="hero-logo mx-auto mb-8 dark:invert"
+        />
+        <h1 className="hero-title font-display text-5xl font-bold tracking-tight sm:text-6xl lg:text-8xl">
+          {hero.headline}
+        </h1>
+        <p className="hero-subtitle body-text mx-auto mt-6 max-w-md text-lg sm:text-xl">
+          {hero.subheadline}
+        </p>
+        <div className="hero-cta mt-10">
+          <Button href={hero.ctaHref} size="lg">
+            {hero.ctaText}
+          </Button>
+        </div>
+      </div>
+    </section>
+  );
+}