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

@@ -0,0 +1,37 @@
+import { Flame, Sparkles, Wind, Music } from "lucide-react";
+import { siteContent } from "@/data/content";
+import { SectionHeading } from "@/components/ui/SectionHeading";
+import { Reveal } from "@/components/ui/Reveal";
+
+const iconMap: Record<string, React.ReactNode> = {
+  flame: <Flame size={32} />,
+  sparkles: <Sparkles size={32} />,
+  wind: <Wind size={32} />,
+  music: <Music size={32} />,
+};
+
+export function Classes() {
+  const { classes } = siteContent;
+
+  return (
+    <section id="classes" className="surface-muted section-padding">
+      <div className="section-container">
+        <Reveal>
+          <SectionHeading>{classes.title}</SectionHeading>
+        </Reveal>
+
+        <div className="mt-12 grid gap-6 sm:grid-cols-2">
+          {classes.items.map((item) => (
+            <Reveal key={item.name}>
+              <div className="card">
+                <div className="heading-text">{iconMap[item.icon]}</div>
+                <h3 className="heading-text mt-4 text-xl font-semibold">{item.name}</h3>
+                <p className="body-text mt-2">{item.description}</p>
+              </div>
+            </Reveal>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}