Socials-Doc

Social Dock is a single click-to-reveal panel for every way people can reach you — Instagram, X, LinkedIn, Threads, YouTube, and a one-tap "copy email" button — wrapped in the same frosted-glass material Apple uses for its own menu popovers.

Instead of a row of icons eating up hero-section space, visitors get one small pill button. Click it, and a blurred, translucent panel drops down with only the links you've actually filled in.

Why it's different

• Real glass, not a flat card with opacity: 0.9 — proper backdrop-blur + saturation, inset highlight border, and a spring-in open animation.

• Every social is optional. Don't have a YouTube channel? Leave the field empty in the right panel and the row disappears — no code, no hidden divs, no awkward gaps.

• One-click copy email button with built-in "Copied ✓" confirmation state, so people don't have to open their mail app just to grab your address.

• Day / Night appearance toggle built into the properties panel — Day mode renders a dark glass panel for light backgrounds, Night mode renders a light glass panel for dark backgrounds. Pick per-page, no re-theming required.

• Left/right panel alignment control, so it works whether you're placing it top-left of a hero or tucked into a floating nav on the right.

Good for: portfolio hero sections, "contact" nav items, footer socials, link-in-bio style pages, agency team member cards.

Drop it in, fill in your links, done.