feat: add real content from Notion page

Fill in team members, classes, contact info, and Yandex Maps with
actual data from the BLACK HEART DANCE HOUSE Notion page.

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

src/components/sections/Classes.tsx

@@ -1,4 +1,4 @@
-import { Flame, Sparkles, Wind, Music } from "lucide-react";
+import { Flame, Sparkles, Wind, Zap, Star, Monitor } from "lucide-react";
 import { siteContent } from "@/data/content";
 import { SectionHeading } from "@/components/ui/SectionHeading";
 import { Reveal } from "@/components/ui/Reveal";
@@ -7,7 +7,9 @@ const iconMap: Record<string, React.ReactNode> = {
   flame: <Flame size={32} />,
   sparkles: <Sparkles size={32} />,
   wind: <Wind size={32} />,
-  music: <Music size={32} />,
+  zap: <Zap size={32} />,
+  star: <Star size={32} />,
+  monitor: <Monitor size={32} />,
 };
 
 export function Classes() {

src/components/sections/Contact.tsx

@@ -14,10 +14,12 @@ export function Contact() {
           <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>
+            {contact.addresses.map((address, i) => (
+              <div key={i} className="contact-item">
+                <MapPin size={20} className="contact-icon" />
+                <p className="body-text">{address}</p>
+              </div>
+            ))}
 
             <div className="contact-item">
               <Phone size={20} className="contact-icon" />

src/components/sections/Team.tsx

@@ -1,4 +1,4 @@
-import { User } from "lucide-react";
+import { User, Instagram } from "lucide-react";
 import { siteContent } from "@/data/content";
 import { SectionHeading } from "@/components/ui/SectionHeading";
 import { Reveal } from "@/components/ui/Reveal";
@@ -22,6 +22,19 @@ export function Team() {
                 </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>
+                {member.instagram && (
+                  <a
+                    href={member.instagram}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="nav-link mt-2 inline-flex items-center gap-1 text-sm"
+                  >
+                    <Instagram size={14} />
+                    <span>
+                      @{member.instagram.split("/").filter(Boolean).pop()}
+                    </span>
+                  </a>
+                )}
               </div>
             </Reveal>
           ))}