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/Team.tsx

@@ -0,0 +1,32 @@
+import { User } from "lucide-react";
+import { siteContent } from "@/data/content";
+import { SectionHeading } from "@/components/ui/SectionHeading";
+import { Reveal } from "@/components/ui/Reveal";
+
+export function Team() {
+  const { team } = siteContent;
+
+  return (
+    <section id="team" className="surface-base section-padding">
+      <div className="section-container">
+        <Reveal>
+          <SectionHeading>{team.title}</SectionHeading>
+        </Reveal>
+
+        <div className="mt-12 grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+          {team.members.map((member, i) => (
+            <Reveal key={i}>
+              <div className="card text-center">
+                <div className="mx-auto flex h-32 w-32 items-center justify-center overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-800">
+                  <User size={48} className="muted-text" />
+                </div>
+                <h3 className="heading-text mt-4 text-lg font-semibold">{member.name}</h3>
+                <p className="muted-text mt-1 text-sm">{member.role}</p>
+              </div>
+            </Reveal>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}