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

@@ -0,0 +1,71 @@
+import { MapPin, Phone, Mail, Clock, Instagram } from "lucide-react";
+import { siteContent } from "@/data/content";
+import { BRAND } from "@/lib/constants";
+import { SectionHeading } from "@/components/ui/SectionHeading";
+import { Reveal } from "@/components/ui/Reveal";
+
+export function Contact() {
+  const { contact } = siteContent;
+
+  return (
+    <section id="contact" className="surface-base section-padding">
+      <div className="section-container grid items-start gap-12 lg:grid-cols-2">
+        <Reveal>
+          <SectionHeading>{contact.title}</SectionHeading>
+
+          <div className="mt-12 space-y-6">
+            <div className="contact-item">
+              <MapPin size={20} className="contact-icon" />
+              <p className="body-text">{contact.address}</p>
+            </div>
+
+            <div className="contact-item">
+              <Phone size={20} className="contact-icon" />
+              <a href={`tel:${contact.phone}`} className="nav-link text-base">
+                {contact.phone}
+              </a>
+            </div>
+
+            <div className="contact-item">
+              <Mail size={20} className="contact-icon" />
+              <a href={`mailto:${contact.email}`} className="nav-link text-base">
+                {contact.email}
+              </a>
+            </div>
+
+            <div className="contact-item">
+              <Clock size={20} className="contact-icon" />
+              <p className="body-text">{contact.workingHours}</p>
+            </div>
+
+            <div className="theme-border contact-item border-t pt-6">
+              <Instagram size={20} className="contact-icon" />
+              <a
+                href={contact.instagram}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="nav-link text-base"
+              >
+                {BRAND.instagramHandle}
+              </a>
+            </div>
+          </div>
+        </Reveal>
+
+        <Reveal>
+          <div className="theme-border overflow-hidden rounded-2xl border">
+            <iframe
+              src={contact.mapEmbedUrl}
+              width="100%"
+              height="350"
+              style={{ border: 0 }}
+              allowFullScreen
+              loading="lazy"
+              title="Карта"
+            />
+          </div>
+        </Reveal>
+      </div>
+    </section>
+  );
+}