patx/miadruck
Redesign site and build out SEO foundation
Commit 39d1644 · patx · 2026-07-26T23:00:54-04:00
Redesign site and build out SEO foundation Rebuild the single-page site as a five-page editorial property, and add the technical SEO it was missing entirely. Design — replace the gradient/glass template look with an editorial system: ivory/navy-ink/sand/brass palette, Fraunces display over Inter, hairline rules instead of soft shadows, border-radius down from 18-28px to 0-2px. Listings become a numbered index of alternating photo/text rows rather than a card grid. CSS and JS move to shared assets/ so the new pages don't duplicate them. SEO — listings were rendered client-side from a JS array, so no address or price appeared in the HTML source. They are now static markup with per-listing SingleFamilyResidence + Offer schema (sale and lease modelled separately for the two rentals). Adds meta descriptions, canonicals, full OG/Twitter cards, max-image-preview:large, RealEstateAgent/Person/WebSite/Review/FAQPage/ BreadcrumbList JSON-LD, robots.txt, sitemap.xml, 404.html and a favicon set. Area pages for Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton, each with genuine local content, the listings and sales in that city, and a local FAQ. No market statistics are asserted — they cannot be verified and go stale. Images — self-host all ten, previously hot-linked from Zillow/Google/postimg where they would 404 as listings expire. Converted to WebP with srcset; the hero drops from a 2.0 MB PNG to 94 KB. Initial render goes ~2.1 MB -> ~281 KB including both self-hosted fonts. Layout caps photos at 560 CSS px so none is upscaled past ~1.3x its native resolution. Fixes: og:image declared 1200x630 for a 382x510 file; duplicate .card-actions rule; invalid align-content:right; .pill font-size:2em oversizing the hero button. Adds skip link, focus-visible rings, form honeypot, and keeps the page fully readable with JavaScript disabled. Co-Authored-By: Claude Opus 5 <[email protected]>
Comments
No comments yet.
Diff
diff --git a/docs/404.html b/docs/404.html
new file mode 100644
index 0000000..012486b
--- /dev/null
+++ b/docs/404.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Page not found | Mia Druck</title>
+<meta name="description" content="That page could not be found. Browse Mia Druck's South Florida listings or get in touch.">
+<meta name="robots" content="noindex,follow">
+<meta name="theme-color" content="#0F2436">
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<script>document.documentElement.classList.add('js')</script>
+<link rel="stylesheet" href="/assets/site.css">
+<script src="/assets/site.js" defer></script>
+</head>
+<body>
+<a class="skip" href="#main">Skip to content</a>
+
+<header class="topbar">
+ <div class="topbar-inner">
+ <a class="wordmark" href="/">Mia Druck<span>Ocean Glades Realty</span></a>
+ <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+ </svg>
+ </button>
+ <nav class="navlinks" id="siteNav" aria-label="Main">
+ <a href="/#listings">Listings</a>
+ <a href="/#sales">Recent Sales</a>
+ <a href="/#areas">Areas</a>
+ <a href="/#about">About</a>
+ <a class="nav-cta" href="/#contact">Contact</a>
+ </nav>
+ </div>
+</header>
+
+<main id="main">
+ <section class="section">
+ <div class="wrap">
+ <p class="eyebrow">Error 404</p>
+ <h1 style="margin-top:18px;max-width:14ch;">This page moved on.</h1>
+ <p class="lead" style="margin-top:24px;">
+ The address you tried doesn't exist here. The listings below are a better place to start —
+ or just call Mia and skip the browsing.
+ </p>
+ <div class="hero-actions" style="margin-top:34px;">
+ <a class="btn" href="/#listings">View listings</a>
+ <a class="btn btn-ghost" href="tel:+19545527330">(954) 552-7330</a>
+ </div>
+ </div>
+ </section>
+
+ <section class="section section--sand section--tight">
+ <div class="wrap">
+ <div class="section-head">
+ <div>
+ <p class="eyebrow">Areas Served</p>
+ <h2>Try one of these</h2>
+ </div>
+ </div>
+ <div class="areas-grid">
+ <a class="area-card" href="/fort-lauderdale-real-estate/">
+ <h3>Fort Lauderdale</h3><p>Victoria Park, Rio Vista, Coral Ridge and the Las Olas isles.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/pompano-beach-real-estate/">
+ <h3>Pompano Beach</h3><p>Beach-side single family, townhomes and seasonal rentals.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/lighthouse-point-real-estate/">
+ <h3>Lighthouse Point</h3><p>Deep-water canals with direct ocean access.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/boca-raton-real-estate/">
+ <h3>Boca Raton</h3><p>Downtown condos and family neighborhoods east of I-95.</p>
+ <span class="go">Explore →</span>
+ </a>
+ </div>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <div class="wrap">
+ <div class="footer-legal" style="border-top:0;padding-top:0;">
+ <p>© <span id="y"></span> Mia Druck, licensed real estate agent with Ocean Glades Realty, Florida real estate license #3443255. Equal Housing Opportunity.</p>
+ <p><a href="/">Return home</a></p>
+ </div>
+ </div>
+</footer>
+</body>
+</html>
diff --git a/docs/apple-touch-icon.png b/docs/apple-touch-icon.png
new file mode 100644
index 0000000..c7a897d
Binary files /dev/null and b/docs/apple-touch-icon.png differ
diff --git a/docs/assets/fonts/fraunces-latin-var.woff2 b/docs/assets/fonts/fraunces-latin-var.woff2
new file mode 100644
index 0000000..cb295bf
Binary files /dev/null and b/docs/assets/fonts/fraunces-latin-var.woff2 differ
diff --git a/docs/assets/fonts/inter-latin-var.woff2 b/docs/assets/fonts/inter-latin-var.woff2
new file mode 100644
index 0000000..d15208d
Binary files /dev/null and b/docs/assets/fonts/inter-latin-var.woff2 differ
diff --git a/docs/assets/img/hero-fort-lauderdale-640w.webp b/docs/assets/img/hero-fort-lauderdale-640w.webp
new file mode 100644
index 0000000..a2fb822
Binary files /dev/null and b/docs/assets/img/hero-fort-lauderdale-640w.webp differ
diff --git a/docs/assets/img/hero-fort-lauderdale-960w.webp b/docs/assets/img/hero-fort-lauderdale-960w.webp
new file mode 100644
index 0000000..944063f
Binary files /dev/null and b/docs/assets/img/hero-fort-lauderdale-960w.webp differ
diff --git a/docs/assets/img/hero-fort-lauderdale.webp b/docs/assets/img/hero-fort-lauderdale.webp
new file mode 100644
index 0000000..2b5ed2f
Binary files /dev/null and b/docs/assets/img/hero-fort-lauderdale.webp differ
diff --git a/docs/assets/img/icon-192.png b/docs/assets/img/icon-192.png
new file mode 100644
index 0000000..2e94637
Binary files /dev/null and b/docs/assets/img/icon-192.png differ
diff --git a/docs/assets/img/icon-512.png b/docs/assets/img/icon-512.png
new file mode 100644
index 0000000..32a2534
Binary files /dev/null and b/docs/assets/img/icon-512.png differ
diff --git a/docs/assets/img/listing-1433-ne-27th-st-pompano-beach-400w.webp b/docs/assets/img/listing-1433-ne-27th-st-pompano-beach-400w.webp
new file mode 100644
index 0000000..2d7e517
Binary files /dev/null and b/docs/assets/img/listing-1433-ne-27th-st-pompano-beach-400w.webp differ
diff --git a/docs/assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp b/docs/assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp
new file mode 100644
index 0000000..198322e
Binary files /dev/null and b/docs/assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp differ
diff --git a/docs/assets/img/listing-1433-ne-27th-st-pompano-beach.webp b/docs/assets/img/listing-1433-ne-27th-st-pompano-beach.webp
new file mode 100644
index 0000000..cf8bb05
Binary files /dev/null and b/docs/assets/img/listing-1433-ne-27th-st-pompano-beach.webp differ
diff --git a/docs/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp b/docs/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp
new file mode 100644
index 0000000..80cb93c
Binary files /dev/null and b/docs/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp differ
diff --git a/docs/assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp b/docs/assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp
new file mode 100644
index 0000000..6a92ac4
Binary files /dev/null and b/docs/assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp differ
diff --git a/docs/assets/img/listing-600-nw-12th-ave-boca-raton-400w.webp b/docs/assets/img/listing-600-nw-12th-ave-boca-raton-400w.webp
new file mode 100644
index 0000000..d9ec200
Binary files /dev/null and b/docs/assets/img/listing-600-nw-12th-ave-boca-raton-400w.webp differ
diff --git a/docs/assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp b/docs/assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp
new file mode 100644
index 0000000..6884886
Binary files /dev/null and b/docs/assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp differ
diff --git a/docs/assets/img/listing-600-nw-12th-ave-boca-raton.webp b/docs/assets/img/listing-600-nw-12th-ave-boca-raton.webp
new file mode 100644
index 0000000..e52634e
Binary files /dev/null and b/docs/assets/img/listing-600-nw-12th-ave-boca-raton.webp differ
diff --git a/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach-400w.webp b/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach-400w.webp
new file mode 100644
index 0000000..9fb6285
Binary files /dev/null and b/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach-400w.webp differ
diff --git a/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp b/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp
new file mode 100644
index 0000000..f657ee8
Binary files /dev/null and b/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp differ
diff --git a/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach.webp b/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach.webp
new file mode 100644
index 0000000..d0500b8
Binary files /dev/null and b/docs/assets/img/listing-868-crystal-lake-dr-pompano-beach.webp differ
diff --git a/docs/assets/img/mia-druck-headshot.webp b/docs/assets/img/mia-druck-headshot.webp
new file mode 100644
index 0000000..970554c
Binary files /dev/null and b/docs/assets/img/mia-druck-headshot.webp differ
diff --git a/docs/assets/img/ocean-glades-realty-logo-223w.webp b/docs/assets/img/ocean-glades-realty-logo-223w.webp
new file mode 100644
index 0000000..f7281a8
Binary files /dev/null and b/docs/assets/img/ocean-glades-realty-logo-223w.webp differ
diff --git a/docs/assets/img/ocean-glades-realty-logo.webp b/docs/assets/img/ocean-glades-realty-logo.webp
new file mode 100644
index 0000000..9db362c
Binary files /dev/null and b/docs/assets/img/ocean-glades-realty-logo.webp differ
diff --git a/docs/assets/img/og-image.jpg b/docs/assets/img/og-image.jpg
new file mode 100644
index 0000000..5d59924
Binary files /dev/null and b/docs/assets/img/og-image.jpg differ
diff --git a/docs/assets/img/sold-2018-ne-15th-st-fort-lauderdale.webp b/docs/assets/img/sold-2018-ne-15th-st-fort-lauderdale.webp
new file mode 100644
index 0000000..caa98bb
Binary files /dev/null and b/docs/assets/img/sold-2018-ne-15th-st-fort-lauderdale.webp differ
diff --git a/docs/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp b/docs/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp
new file mode 100644
index 0000000..7d129ef
Binary files /dev/null and b/docs/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp differ
diff --git a/docs/assets/img/sold-581-se-11th-st-pompano-beach.webp b/docs/assets/img/sold-581-se-11th-st-pompano-beach.webp
new file mode 100644
index 0000000..f0270c1
Binary files /dev/null and b/docs/assets/img/sold-581-se-11th-st-pompano-beach.webp differ
diff --git a/docs/assets/img/sold-6862-houlton-circle-lake-worth-370w.webp b/docs/assets/img/sold-6862-houlton-circle-lake-worth-370w.webp
new file mode 100644
index 0000000..9f53dd0
Binary files /dev/null and b/docs/assets/img/sold-6862-houlton-circle-lake-worth-370w.webp differ
diff --git a/docs/assets/img/sold-6862-houlton-circle-lake-worth.webp b/docs/assets/img/sold-6862-houlton-circle-lake-worth.webp
new file mode 100644
index 0000000..4ea7aff
Binary files /dev/null and b/docs/assets/img/sold-6862-houlton-circle-lake-worth.webp differ
diff --git a/docs/assets/site.css b/docs/assets/site.css
new file mode 100644
index 0000000..f91925c
--- /dev/null
+++ b/docs/assets/site.css
@@ -0,0 +1,960 @@
+/* ==========================================================================
+ Mia Druck — Ocean Glades Realty
+ Editorial design system. Shared by index.html and every area page.
+ ========================================================================== */
+
+/* Fonts (self-hosted, latin subset) */
+@font-face{
+ font-family:'Fraunces';
+ src:url('fonts/fraunces-latin-var.woff2') format('woff2-variations');
+ font-weight:400 700;
+ font-display:swap;
+ unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
+ U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,
+ U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+@font-face{
+ font-family:'Inter';
+ src:url('fonts/inter-latin-var.woff2') format('woff2-variations');
+ font-weight:400 700;
+ font-display:swap;
+ unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
+ U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,
+ U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+
+:root{
+ /* Palette — no gradients anywhere. */
+ --ink:#0F2436;
+ --ink-80:rgba(15,36,54,.80);
+ --ink-60:rgba(15,36,54,.62);
+ --paper:#FBF8F3;
+ --sand:#E7DCCA;
+ --sand-soft:#F2EBDF;
+ --brass:#9A7B4F;
+ --brass-dark:#7C6039;
+ --rule:rgba(15,36,54,.14);
+ --rule-strong:rgba(15,36,54,.28);
+
+ --serif:'Fraunces',Georgia,'Times New Roman',serif;
+ --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
+
+ /* Type scale */
+ --t-meta:14px;
+ --t-body:17px;
+ --t-lead:clamp(19px,1.4vw,21px);
+ --t-h3:clamp(22px,2vw,26px);
+ --t-h2:clamp(30px,4vw,52px);
+ --t-h1:clamp(46px,7vw,96px);
+
+ --wrap:1180px;
+ --gutter:clamp(20px,5vw,48px);
+ --section:clamp(72px,10vw,140px);
+ --photo-max:560px; /* hard cap — see plan: keeps photos at ~1.3x native */
+}
+
+*,*::before,*::after{ box-sizing:border-box; }
+
+html{
+ scroll-behavior:smooth;
+ scroll-padding-top:96px;
+ -webkit-text-size-adjust:100%;
+}
+body{
+ margin:0;
+ background:var(--paper);
+ color:var(--ink);
+ font-family:var(--sans);
+ font-size:var(--t-body);
+ line-height:1.7;
+ -webkit-font-smoothing:antialiased;
+ text-rendering:optimizeLegibility;
+}
+
+img{ max-width:100%; height:auto; display:block; }
+a{ color:inherit; text-decoration:none; }
+
+h1,h2,h3,h4{
+ font-family:var(--serif);
+ font-variation-settings:'opsz' 144;
+ font-weight:600;
+ letter-spacing:-.02em;
+ margin:0;
+}
+h1{ font-size:var(--t-h1); line-height:.98; }
+h2{ font-size:var(--t-h2); line-height:1.04; }
+h3{ font-size:var(--t-h3); line-height:1.18; letter-spacing:-.015em; }
+p{ margin:0 0 1.1em; }
+p:last-child{ margin-bottom:0; }
+
+.wrap{ width:min(var(--wrap),100% - var(--gutter)*2); margin-inline:auto; }
+
+/* Accessibility ---------------------------------------------------------- */
+.skip{
+ position:absolute; left:-9999px; top:0; z-index:200;
+ background:var(--ink); color:var(--paper);
+ padding:14px 20px; font-weight:600;
+}
+.skip:focus{ left:0; }
+
+:focus-visible{
+ outline:2px solid var(--brass);
+ outline-offset:3px;
+}
+
+.visually-hidden{
+ position:absolute; width:1px; height:1px; overflow:hidden;
+ clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
+}
+
+/* Shared bits ------------------------------------------------------------ */
+.eyebrow{
+ font-family:var(--sans);
+ font-size:12px;
+ font-weight:600;
+ letter-spacing:.18em;
+ text-transform:uppercase;
+ color:var(--brass);
+ margin:0;
+}
+
+.lead{
+ font-size:var(--t-lead);
+ line-height:1.6;
+ color:var(--ink-80);
+ max-width:62ch;
+}
+
+.meta{
+ font-size:var(--t-meta);
+ font-weight:500;
+ letter-spacing:.02em;
+ color:var(--ink-60);
+}
+
+/* Links inside prose get a brass underline that thickens on hover. */
+.prose a,.underline-link{
+ color:var(--ink);
+ text-decoration:underline;
+ text-decoration-color:var(--brass);
+ text-underline-offset:4px;
+ text-decoration-thickness:1px;
+ transition:text-decoration-thickness .12s ease;
+}
+.prose a:hover,.underline-link:hover{ text-decoration-thickness:2px; }
+
+/* Buttons — square, hairline, no gradient. */
+.btn{
+ display:inline-flex;
+ align-items:center;
+ justify-content:center;
+ gap:10px;
+ min-height:52px;
+ padding:0 26px;
+ border:1px solid var(--ink);
+ border-radius:2px;
+ background:var(--ink);
+ color:var(--paper);
+ font-family:var(--sans);
+ font-size:15px;
+ font-weight:600;
+ letter-spacing:.02em;
+ cursor:pointer;
+ transition:background .14s ease,color .14s ease,border-color .14s ease;
+}
+.btn:hover{ background:var(--brass); border-color:var(--brass); }
+
+.btn-ghost{
+ background:transparent;
+ color:var(--ink);
+ border-color:var(--rule-strong);
+}
+.btn-ghost:hover{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
+
+.btn-light{
+ background:transparent;
+ color:#fff;
+ border-color:rgba(255,255,255,.55);
+}
+.btn-light:hover{ background:#fff; border-color:#fff; color:var(--ink); }
+
+/* Header ----------------------------------------------------------------- */
+.topbar{
+ position:sticky;
+ top:0;
+ z-index:50;
+ background:var(--paper);
+ border-bottom:1px solid var(--rule);
+}
+.topbar-inner{
+ width:min(var(--wrap),100% - var(--gutter)*2);
+ margin-inline:auto;
+ min-height:76px;
+ display:flex;
+ align-items:center;
+ justify-content:space-between;
+ gap:20px;
+ position:relative;
+}
+.wordmark{
+ font-family:var(--serif);
+ font-variation-settings:'opsz' 144;
+ font-weight:600;
+ font-size:21px;
+ letter-spacing:.14em;
+ text-transform:uppercase;
+ white-space:nowrap;
+}
+.wordmark span{
+ display:block;
+ font-family:var(--sans);
+ font-size:10px;
+ font-weight:500;
+ letter-spacing:.2em;
+ color:var(--ink-60);
+ margin-top:2px;
+}
+.navlinks{ display:flex; align-items:center; gap:28px; }
+.navlinks a{
+ font-size:14px;
+ font-weight:500;
+ letter-spacing:.03em;
+ color:var(--ink-80);
+ padding:6px 0;
+ border-bottom:1px solid transparent;
+ transition:color .12s ease,border-color .12s ease;
+}
+.navlinks a:hover{ color:var(--ink); border-bottom-color:var(--brass); }
+.navlinks a[aria-current="page"]{ color:var(--ink); border-bottom-color:var(--brass); }
+.navlinks a.nav-cta{
+ border:1px solid var(--ink);
+ border-radius:2px;
+ padding:11px 20px;
+ font-weight:600;
+ color:var(--ink);
+}
+.navlinks a.nav-cta:hover{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
+
+.nav-toggle{
+ display:none;
+ width:46px; height:46px;
+ align-items:center; justify-content:center;
+ border:1px solid var(--rule-strong);
+ border-radius:2px;
+ background:transparent;
+ color:var(--ink);
+ cursor:pointer;
+}
+.nav-toggle svg{ width:22px; height:22px; }
+
+@media (max-width:860px){
+ .nav-toggle{ display:inline-flex; }
+ .navlinks{
+ position:absolute;
+ top:calc(100% + 1px);
+ left:calc(var(--gutter) * -1);
+ right:calc(var(--gutter) * -1);
+ flex-direction:column;
+ align-items:stretch;
+ gap:0;
+ padding:8px var(--gutter) 20px;
+ background:var(--paper);
+ border-bottom:1px solid var(--rule);
+ opacity:0;
+ transform:translateY(-10px);
+ pointer-events:none;
+ transition:opacity .18s ease,transform .18s ease;
+ }
+ .topbar.nav-open .navlinks{ opacity:1; transform:translateY(0); pointer-events:auto; }
+ .navlinks a{
+ padding:15px 0;
+ font-size:16px;
+ border-bottom:1px solid var(--rule);
+ }
+ .navlinks a.nav-cta{
+ margin-top:16px;
+ text-align:center;
+ justify-content:center;
+ display:flex;
+ }
+}
+
+/* Hero — the only full-bleed image on the site. ---------------------------- */
+.hero{
+ position:relative;
+ min-height:min(88vh,820px);
+ display:flex;
+ align-items:flex-end;
+ overflow:hidden;
+ background:var(--ink);
+}
+.hero-img{
+ position:absolute; inset:0;
+ width:100%; height:100%;
+ object-fit:cover;
+}
+/* Scrim tuned so white body copy clears 4.5:1 against the photo. */
+.hero-scrim{
+ position:absolute; inset:0;
+ background:
+ linear-gradient(180deg,rgba(15,36,54,.42) 0%,rgba(15,36,54,0) 34%),
+ linear-gradient(0deg,rgba(15,36,54,.86) 0%,rgba(15,36,54,.44) 42%,rgba(15,36,54,.08) 78%);
+}
+.hero-inner{
+ position:relative;
+ width:min(var(--wrap),100% - var(--gutter)*2);
+ margin-inline:auto;
+ padding:clamp(48px,9vw,104px) 0;
+ color:#fff;
+}
+.hero .eyebrow{ color:var(--sand); }
+.hero h1{
+ margin:18px 0 0;
+ max-width:15ch;
+ color:#fff;
+}
+.hero h1 em{
+ font-style:italic;
+ font-weight:400;
+}
+.hero-sub{
+ margin:22px 0 0;
+ max-width:46ch;
+ font-size:var(--t-lead);
+ line-height:1.6;
+ color:rgba(255,255,255,.88);
+}
+.hero-actions{
+ margin-top:34px;
+ display:flex;
+ gap:14px;
+ flex-wrap:wrap;
+}
+/* Scoped to .hero: these invert for the dark photo hero. The area pages reuse
+ .hero-actions over a light background and must keep the default button
+ colours, so this must not leak out of .hero. */
+.hero .hero-actions .btn{ background:#fff; border-color:#fff; color:var(--ink); }
+.hero .hero-actions .btn:hover{ background:var(--brass); border-color:var(--brass); color:#fff; }
+.hero .hero-actions .btn-light{ background:transparent; color:#fff; }
+.hero .hero-actions .btn-light:hover{ background:#fff; color:var(--ink); }
+
+/* Proof strip ------------------------------------------------------------- */
+.proof{
+ background:var(--ink);
+ color:rgba(255,255,255,.82);
+ border-bottom:1px solid rgba(255,255,255,.12);
+}
+.proof-inner{
+ width:min(var(--wrap),100% - var(--gutter)*2);
+ margin-inline:auto;
+ padding:20px 0;
+ display:flex;
+ align-items:center;
+ justify-content:space-between;
+ gap:14px 34px;
+ flex-wrap:wrap;
+ font-size:13.5px;
+ letter-spacing:.04em;
+}
+.proof strong{ color:#fff; font-weight:600; }
+.proof .stars{ color:var(--sand); letter-spacing:2px; }
+.proof-areas{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
+.proof-areas a{
+ color:rgba(255,255,255,.82);
+ border-bottom:1px solid rgba(255,255,255,.28);
+ padding-bottom:1px;
+ transition:color .12s ease,border-color .12s ease;
+}
+.proof-areas a:hover{ color:#fff; border-bottom-color:var(--sand); }
+.proof-sep{ color:rgba(255,255,255,.34); }
+
+/* Section framework ------------------------------------------------------- */
+.section{ padding:var(--section) 0; }
+.section--sand{ background:var(--sand-soft); }
+.section--ink{ background:var(--ink); color:rgba(255,255,255,.86); }
+.section--ink h2,.section--ink h3{ color:#fff; }
+.section--ink .eyebrow{ color:var(--sand); }
+.section--tight{ padding-block:clamp(56px,7vw,96px); }
+
+.section-head{
+ display:flex;
+ align-items:flex-end;
+ justify-content:space-between;
+ gap:24px;
+ flex-wrap:wrap;
+ padding-bottom:22px;
+ margin-bottom:clamp(36px,5vw,64px);
+ border-bottom:1px solid var(--rule);
+}
+.section--ink .section-head{ border-bottom-color:rgba(255,255,255,.18); }
+.section-head .eyebrow{ margin-bottom:14px; }
+.section-head h2{ max-width:20ch; }
+.section-head .hint{
+ font-size:var(--t-meta);
+ color:var(--ink-60);
+ max-width:34ch;
+ text-align:right;
+}
+.section--ink .section-head .hint{ color:rgba(255,255,255,.62); }
+@media (max-width:760px){
+ .section-head{ flex-direction:column; align-items:flex-start; }
+ .section-head .hint{ text-align:left; }
+}
+
+/* Listings — editorial index rows, alternating sides. ---------------------- */
+.listing-index{ display:grid; gap:clamp(52px,7vw,96px); }
+
+.listing{
+ display:grid;
+ grid-template-columns:minmax(0,var(--photo-max)) minmax(0,1fr);
+ gap:clamp(28px,5vw,64px);
+ align-items:center;
+}
+.listing:nth-child(even) .listing-media{ order:2; }
+
+.listing-media{
+ position:relative;
+ max-width:var(--photo-max);
+ background:var(--sand);
+}
+.listing-media img{
+ width:100%;
+ aspect-ratio:3/2;
+ object-fit:cover;
+}
+.listing-flag{
+ position:absolute;
+ top:0; left:0;
+ background:var(--paper);
+ color:var(--ink);
+ font-size:11px;
+ font-weight:600;
+ letter-spacing:.16em;
+ text-transform:uppercase;
+ padding:8px 14px;
+}
+
+.listing-body{ min-width:0; }
+.listing-price{
+ font-family:var(--serif);
+ font-variation-settings:'opsz' 144;
+ font-weight:600;
+ font-size:clamp(26px,3vw,34px);
+ letter-spacing:-.02em;
+ line-height:1;
+}
+.listing-body h3{ margin:14px 0 4px; }
+.listing-city{
+ font-family:var(--serif);
+ font-style:italic;
+ font-weight:400;
+ font-size:var(--t-lead);
+ color:var(--ink-60);
+}
+.listing-rule{
+ height:1px;
+ background:var(--rule);
+ margin:22px 0;
+}
+.listing-specs{
+ display:flex;
+ flex-wrap:wrap;
+ gap:8px 18px;
+ font-size:var(--t-meta);
+ font-weight:500;
+ letter-spacing:.06em;
+ text-transform:uppercase;
+ color:var(--ink-80);
+}
+.listing-specs li{ list-style:none; }
+.listing-specs{ margin:0; padding:0; }
+.listing-tags{
+ display:flex;
+ flex-wrap:wrap;
+ gap:8px;
+ margin:20px 0 0;
+ padding:0;
+}
+.listing-tags li{
+ list-style:none;
+ font-size:12px;
+ font-weight:500;
+ letter-spacing:.08em;
+ text-transform:uppercase;
+ color:var(--ink-60);
+ border:1px solid var(--rule);
+ padding:6px 12px;
+}
+.listing-actions{
+ margin-top:28px;
+ display:flex;
+ align-items:center;
+ gap:14px;
+ flex-wrap:wrap;
+}
+
+.icon-btn{
+ width:52px; height:52px;
+ display:inline-flex;
+ align-items:center;
+ justify-content:center;
+ border:1px solid var(--rule-strong);
+ border-radius:2px;
+ background:transparent;
+ color:var(--ink);
+ cursor:pointer;
+ transition:background .14s ease,color .14s ease,border-color .14s ease;
+}
+.icon-btn:hover{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
+.icon-btn svg{ width:19px; height:19px; }
+
+/* Deep-linked listing (?listing=…) */
+.listing.is-highlighted .listing-media{ outline:3px solid var(--brass); outline-offset:8px; }
+
+@media (max-width:860px){
+ .listing{ grid-template-columns:1fr; gap:24px; }
+ .listing:nth-child(even) .listing-media{ order:0; }
+ .listing-media{ max-width:none; }
+}
+
+/* Recent sales — tighter 3-up. -------------------------------------------- */
+.sold-grid{
+ display:grid;
+ grid-template-columns:repeat(3,1fr);
+ gap:clamp(24px,3vw,40px);
+}
+@media (max-width:900px){ .sold-grid{ grid-template-columns:repeat(2,1fr); } }
+@media (max-width:600px){ .sold-grid{ grid-template-columns:1fr; } }
+
+.sold{ min-width:0; }
+.sold-media{ background:var(--sand); margin-bottom:18px; }
+.sold-media img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
+.sold-price{
+ font-family:var(--serif);
+ font-variation-settings:'opsz' 144;
+ font-weight:600;
+ font-size:26px;
+ letter-spacing:-.02em;
+ line-height:1;
+}
+.sold h3{ font-size:19px; margin:10px 0 4px; }
+.sold-date{
+ margin-top:12px;
+ padding-top:12px;
+ border-top:1px solid var(--rule);
+ font-size:12px;
+ font-weight:600;
+ letter-spacing:.12em;
+ text-transform:uppercase;
+ color:var(--brass);
+}
+
+/* Reviews — editorial pull quotes. ---------------------------------------- */
+.reviews-grid{
+ display:grid;
+ grid-template-columns:repeat(3,1fr);
+ gap:clamp(28px,4vw,52px);
+}
+@media (max-width:900px){ .reviews-grid{ grid-template-columns:1fr; max-width:66ch; } }
+
+.review{ position:relative; padding-top:18px; }
+.review::before{
+ content:'\201C';
+ position:absolute;
+ top:-24px; left:-6px;
+ font-family:var(--serif);
+ font-size:96px;
+ line-height:1;
+ color:var(--brass);
+ opacity:.34;
+ pointer-events:none;
+}
+.review blockquote{
+ margin:0;
+ position:relative;
+ font-size:15.5px;
+ line-height:1.72;
+ color:var(--ink-80);
+}
+.review figcaption{
+ margin-top:18px;
+ padding-top:14px;
+ border-top:1px solid var(--rule);
+ font-size:12px;
+ font-weight:600;
+ letter-spacing:.14em;
+ text-transform:uppercase;
+}
+.review figcaption .src{
+ display:block;
+ margin-top:5px;
+ font-weight:500;
+ letter-spacing:.06em;
+ text-transform:none;
+ color:var(--ink-60);
+}
+
+/* About ------------------------------------------------------------------- */
+.about{
+ display:grid;
+ grid-template-columns:minmax(0,382px) minmax(0,1fr);
+ gap:clamp(32px,6vw,80px);
+ align-items:start;
+}
+@media (max-width:860px){ .about{ grid-template-columns:1fr; } }
+.about-portrait{ background:var(--sand); }
+.about-portrait img{ width:100%; aspect-ratio:3/4; object-fit:cover; }
+.about-body .prose{ max-width:60ch; color:var(--ink-80); }
+.about-credits{
+ margin-top:36px;
+ padding-top:28px;
+ border-top:1px solid var(--rule);
+ display:flex;
+ align-items:center;
+ gap:28px;
+ flex-wrap:wrap;
+}
+.about-credits img{ height:66px; width:auto; }
+.social-row{ display:flex; gap:10px; }
+.social-btn{
+ width:46px; height:46px;
+ display:inline-flex;
+ align-items:center;
+ justify-content:center;
+ border:1px solid var(--rule);
+ border-radius:2px;
+ color:var(--ink);
+ transition:background .14s ease,color .14s ease,border-color .14s ease;
+}
+.social-btn:hover{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
+.social-btn svg{ width:20px; height:20px; }
+
+/* Areas served ------------------------------------------------------------ */
+.areas-grid{
+ display:grid;
+ grid-template-columns:repeat(4,1fr);
+ gap:1px;
+ background:var(--rule);
+ border:1px solid var(--rule);
+}
+@media (max-width:900px){ .areas-grid{ grid-template-columns:repeat(2,1fr); } }
+@media (max-width:520px){ .areas-grid{ grid-template-columns:1fr; } }
+
+.area-card{
+ display:block;
+ background:var(--paper);
+ padding:32px 26px 28px;
+ transition:background .16s ease,color .16s ease;
+}
+.section--sand .area-card{ background:var(--sand-soft); }
+.area-card h3{ font-size:22px; margin-bottom:8px; }
+.area-card p{
+ font-size:14px;
+ line-height:1.6;
+ color:var(--ink-60);
+ margin:0;
+ transition:color .16s ease;
+}
+.area-card .go{
+ display:inline-block;
+ margin-top:20px;
+ font-size:12px;
+ font-weight:600;
+ letter-spacing:.14em;
+ text-transform:uppercase;
+ color:var(--brass);
+ transition:color .16s ease;
+}
+.area-card:hover{ background:var(--ink); color:#fff; }
+.area-card:hover h3{ color:#fff; }
+.area-card:hover p{ color:rgba(255,255,255,.72); }
+.area-card:hover .go{ color:var(--sand); }
+
+/* FAQ --------------------------------------------------------------------- */
+.faq{ max-width:80ch; }
+.faq details{
+ border-top:1px solid var(--rule);
+ padding:0;
+}
+.faq details:last-of-type{ border-bottom:1px solid var(--rule); }
+.faq summary{
+ display:flex;
+ align-items:flex-start;
+ justify-content:space-between;
+ gap:24px;
+ padding:26px 0;
+ cursor:pointer;
+ list-style:none;
+ font-family:var(--serif);
+ font-variation-settings:'opsz' 144;
+ font-weight:600;
+ font-size:clamp(19px,1.7vw,22px);
+ letter-spacing:-.015em;
+ line-height:1.3;
+}
+.faq summary::-webkit-details-marker{ display:none; }
+.faq summary::after{
+ content:'+';
+ flex:none;
+ font-family:var(--sans);
+ font-size:24px;
+ font-weight:400;
+ line-height:1;
+ color:var(--brass);
+ transition:transform .18s ease;
+}
+.faq details[open] summary::after{ transform:rotate(45deg); }
+.faq-answer{
+ padding:0 0 28px;
+ max-width:70ch;
+ color:var(--ink-80);
+}
+
+/* Contact ----------------------------------------------------------------- */
+.contact{
+ display:grid;
+ grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
+ gap:clamp(36px,6vw,88px);
+ align-items:start;
+}
+@media (max-width:860px){ .contact{ grid-template-columns:1fr; } }
+
+.contact-direct{ display:grid; gap:26px; }
+.contact-line .label{
+ font-size:11px;
+ font-weight:600;
+ letter-spacing:.16em;
+ text-transform:uppercase;
+ color:var(--brass);
+ margin-bottom:6px;
+}
+.contact-line .value{
+ font-family:var(--serif);
+ font-variation-settings:'opsz' 144;
+ font-weight:600;
+ font-size:clamp(22px,2.2vw,28px);
+ letter-spacing:-.02em;
+ line-height:1.2;
+}
+.contact-line a.value:hover{ color:var(--brass); }
+.contact-line address{
+ font-style:normal;
+ font-size:16px;
+ line-height:1.6;
+ color:var(--ink-80);
+}
+
+.form{ display:grid; gap:20px; }
+.row2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
+@media (max-width:560px){ .row2{ grid-template-columns:1fr; } }
+
+.field{ display:grid; gap:8px; }
+.field > span{
+ font-size:11px;
+ font-weight:600;
+ letter-spacing:.16em;
+ text-transform:uppercase;
+ color:var(--ink-60);
+}
+.field .req{ color:var(--brass); }
+input,textarea,select{
+ font:inherit;
+ font-size:16px; /* 16px stops iOS zoom-on-focus */
+ color:var(--ink);
+ background:transparent;
+ border:0;
+ border-bottom:1px solid var(--rule-strong);
+ border-radius:0;
+ padding:12px 2px;
+ outline:none;
+ transition:border-color .14s ease;
+}
+textarea{ resize:vertical; min-height:104px; }
+input:focus,textarea:focus{ border-bottom-color:var(--brass); }
+input::placeholder,textarea::placeholder{ color:rgba(15,36,54,.38); }
+
+.form-foot{
+ display:flex;
+ align-items:center;
+ justify-content:space-between;
+ gap:20px;
+ flex-wrap:wrap;
+ margin-top:6px;
+}
+.form-note{ font-size:13px; color:var(--ink-60); max-width:38ch; }
+
+/* Honeypot — off-screen, never shown to real users. */
+.hp{
+ position:absolute !important;
+ left:-9999px !important;
+ width:1px; height:1px;
+ overflow:hidden;
+}
+
+.form-success{
+ border:1px solid var(--brass);
+ padding:36px 32px;
+ text-align:center;
+}
+.form-success h3{ margin-bottom:12px; }
+.form-success p{ color:var(--ink-80); }
+
+/* Footer ------------------------------------------------------------------ */
+footer{
+ background:var(--ink);
+ color:rgba(255,255,255,.68);
+ padding:clamp(56px,7vw,84px) 0 40px;
+ font-size:14px;
+}
+.footer-grid{
+ display:grid;
+ grid-template-columns:1.4fr 1fr 1fr;
+ gap:40px;
+ padding-bottom:40px;
+ border-bottom:1px solid rgba(255,255,255,.14);
+}
+@media (max-width:820px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
+@media (max-width:520px){ .footer-grid{ grid-template-columns:1fr; } }
+footer .wordmark{ color:#fff; margin-bottom:16px; }
+footer .wordmark span{ color:rgba(255,255,255,.58); }
+footer address{ font-style:normal; line-height:1.7; }
+footer a{ color:rgba(255,255,255,.78); }
+footer a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
+.footer-col h4{
+ font-family:var(--sans);
+ font-size:11px;
+ font-weight:600;
+ letter-spacing:.16em;
+ text-transform:uppercase;
+ color:var(--sand);
+ margin-bottom:16px;
+}
+.footer-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
+.footer-legal{
+ padding-top:28px;
+ display:flex;
+ justify-content:space-between;
+ gap:16px 32px;
+ flex-wrap:wrap;
+ font-size:12.5px;
+ color:rgba(255,255,255,.52);
+ line-height:1.6;
+}
+.footer-legal p{ margin:0; max-width:72ch; }
+
+/* Mobile sticky call bar --------------------------------------------------- */
+.mobile-bar{
+ position:fixed;
+ left:0; right:0; bottom:0;
+ z-index:60;
+ display:none;
+ border-top:1px solid var(--rule);
+ background:var(--paper);
+}
+.mobile-bar a{
+ flex:1;
+ min-height:58px;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ gap:8px;
+ font-size:14px;
+ font-weight:600;
+ letter-spacing:.04em;
+}
+.mobile-bar a + a{ border-left:1px solid var(--rule); }
+.mobile-bar a.primary{ background:var(--ink); color:var(--paper); }
+@media (max-width:860px){
+ .mobile-bar{ display:flex; }
+ body{ padding-bottom:58px; }
+}
+
+/* Breadcrumbs (area pages) ------------------------------------------------- */
+.crumbs{
+ padding:22px 0;
+ font-size:12.5px;
+ letter-spacing:.04em;
+ color:var(--ink-60);
+ border-bottom:1px solid var(--rule);
+}
+.crumbs ol{ list-style:none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap; }
+.crumbs a:hover{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
+.crumbs [aria-current="page"]{ color:var(--ink); }
+
+/* Area page — compact hero (no full-bleed photo). -------------------------- */
+.page-hero{
+ padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,72px);
+ border-bottom:1px solid var(--rule);
+}
+.page-hero h1{ max-width:16ch; margin:18px 0 0; }
+.page-hero .lead{ margin-top:24px; }
+/* Buttons here use the default .btn / .btn-ghost colours — no overrides needed. */
+
+/* Neighborhood chips */
+.chip-list{
+ display:flex;
+ flex-wrap:wrap;
+ gap:10px;
+ margin:0;
+ padding:0;
+}
+.chip-list li{
+ list-style:none;
+ border:1px solid var(--rule);
+ padding:9px 15px;
+ font-size:13px;
+ letter-spacing:.04em;
+ color:var(--ink-80);
+}
+
+/* Two-column prose block */
+.prose-cols{
+ display:grid;
+ grid-template-columns:repeat(2,minmax(0,1fr));
+ gap:clamp(28px,4vw,56px);
+ color:var(--ink-80);
+}
+@media (max-width:760px){ .prose-cols{ grid-template-columns:1fr; } }
+
+/* Toast ------------------------------------------------------------------- */
+.copy-toast{
+ position:fixed;
+ left:50%; bottom:26px;
+ transform:translateX(-50%) translateY(8px);
+ z-index:999;
+ background:var(--ink);
+ color:var(--paper);
+ padding:13px 22px;
+ font-size:13px;
+ font-weight:600;
+ letter-spacing:.08em;
+ text-transform:uppercase;
+ opacity:0;
+ pointer-events:none;
+ transition:opacity .2s ease,transform .2s ease;
+}
+.copy-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
+@media (max-width:860px){ .copy-toast{ bottom:74px; } }
+
+/* Utility ----------------------------------------------------------------- */
+.hide{ display:none !important; }
+
+/* Scroll reveal -----------------------------------------------------------
+ Scoped to .js so the page stays fully visible without JavaScript. The class
+ is set by an inline script in <head>; never hide content on CSS alone. */
+.js .reveal{
+ opacity:0;
+ transform:translateY(18px);
+ transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);
+}
+.js .reveal.is-visible{ opacity:1; transform:none; }
+
+@media (prefers-reduced-motion:reduce){
+ html{ scroll-behavior:auto; }
+ *,*::before,*::after{
+ animation-duration:.01ms !important;
+ animation-iteration-count:1 !important;
+ transition-duration:.01ms !important;
+ }
+ .js .reveal{ opacity:1; transform:none; }
+}
diff --git a/docs/assets/site.js b/docs/assets/site.js
new file mode 100644
index 0000000..ba85027
--- /dev/null
+++ b/docs/assets/site.js
@@ -0,0 +1,183 @@
+/* ==========================================================================
+ Mia Druck — shared behaviour. Loaded with `defer` on every page.
+ Listings are static HTML now, so there is no client-side rendering here.
+ ========================================================================== */
+(function () {
+ 'use strict';
+
+ var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+ /* -- Footer year -------------------------------------------------------- */
+ var year = document.getElementById('y');
+ if (year) year.textContent = new Date().getFullYear();
+
+ /* -- Mobile nav --------------------------------------------------------- */
+ (function () {
+ var topbar = document.querySelector('.topbar');
+ var btn = document.getElementById('navToggle');
+ var nav = document.getElementById('siteNav');
+ if (!topbar || !btn || !nav) return;
+
+ function close() {
+ topbar.classList.remove('nav-open');
+ btn.setAttribute('aria-expanded', 'false');
+ }
+
+ btn.addEventListener('click', function () {
+ var open = topbar.classList.toggle('nav-open');
+ btn.setAttribute('aria-expanded', open ? 'true' : 'false');
+ });
+
+ nav.addEventListener('click', function (e) {
+ if (e.target.closest('a')) close();
+ });
+
+ document.addEventListener('click', function (e) {
+ if (!topbar.contains(e.target)) close();
+ });
+
+ document.addEventListener('keydown', function (e) {
+ if (e.key === 'Escape') close();
+ });
+ })();
+
+ /* -- Toast -------------------------------------------------------------- */
+ var toastTimer;
+ function showToast(msg) {
+ var t = document.getElementById('copyToast');
+ if (!t) {
+ t = document.createElement('div');
+ t.id = 'copyToast';
+ t.className = 'copy-toast';
+ t.setAttribute('role', 'status');
+ t.setAttribute('aria-live', 'polite');
+ document.body.appendChild(t);
+ }
+ t.textContent = msg;
+ t.classList.add('show');
+ clearTimeout(toastTimer);
+ toastTimer = setTimeout(function () { t.classList.remove('show'); }, 1800);
+ }
+
+ /* -- Listing deep links ------------------------------------------------- */
+ var highlightTimer;
+
+ function highlight(id) {
+ var el = document.getElementById(id);
+ if (!el) return false;
+
+ document.querySelectorAll('.listing.is-highlighted')
+ .forEach(function (n) { n.classList.remove('is-highlighted'); });
+
+ el.scrollIntoView({
+ behavior: reduceMotion ? 'auto' : 'smooth',
+ block: 'center'
+ });
+
+ setTimeout(function () {
+ el.classList.add('is-highlighted');
+ clearTimeout(highlightTimer);
+ highlightTimer = setTimeout(function () {
+ el.classList.remove('is-highlighted');
+ }, 20000);
+ }, 220);
+
+ return true;
+ }
+
+ function shareUrl(id) {
+ // Listings only live on the homepage, so always build the link against it.
+ var u = new URL(location.origin + '/');
+ u.searchParams.set('listing', id);
+ return u.toString();
+ }
+
+ // Delegated — works for any listing added to the HTML later.
+ document.addEventListener('click', function (e) {
+ var btn = e.target.closest('[data-copy-listing]');
+ if (!btn) return;
+
+ var id = btn.getAttribute('data-copy-listing');
+ var url = shareUrl(id);
+
+ function done() {
+ showToast('Link copied');
+ highlight(id);
+ }
+
+ if (navigator.clipboard && window.isSecureContext) {
+ navigator.clipboard.writeText(url).then(done, function () {
+ window.prompt('Copy this link:', url);
+ });
+ } else {
+ var ta = document.createElement('textarea');
+ ta.value = url;
+ ta.setAttribute('readonly', '');
+ ta.style.position = 'fixed';
+ ta.style.opacity = '0';
+ document.body.appendChild(ta);
+ ta.select();
+ try { document.execCommand('copy'); done(); }
+ catch (err) { window.prompt('Copy this link:', url); }
+ ta.remove();
+ }
+ });
+
+ var deepLink = new URLSearchParams(location.search).get('listing');
+ if (deepLink) setTimeout(function () { highlight(deepLink); }, 300);
+
+ /* -- Contact form (Formspree, AJAX) ------------------------------------- */
+ (function () {
+ var form = document.getElementById('contactForm');
+ var success = document.getElementById('contactSuccess');
+ if (!form || !success) return;
+
+ form.addEventListener('submit', function (e) {
+ e.preventDefault();
+
+ // Honeypot: bots fill hidden fields, humans never see this one.
+ if (form.querySelector('[name="_gotcha"]').value) return;
+
+ var btn = form.querySelector('button[type="submit"]');
+ var label = btn ? btn.textContent : 'Send';
+ if (btn) { btn.disabled = true; btn.textContent = 'Sending…'; }
+
+ fetch(form.action, {
+ method: 'POST',
+ headers: { Accept: 'application/json' },
+ body: new FormData(form)
+ }).then(function (res) {
+ if (!res.ok) throw new Error('Bad response');
+ form.classList.add('hide');
+ success.classList.remove('hide');
+ success.setAttribute('tabindex', '-1');
+ success.focus();
+ form.reset();
+ }).catch(function () {
+ showToast('Could not send — please call');
+ if (btn) { btn.disabled = false; btn.textContent = label; }
+ });
+ });
+ })();
+
+ /* -- Scroll reveal ------------------------------------------------------ */
+ (function () {
+ var targets = document.querySelectorAll('.reveal');
+ if (!targets.length) return;
+
+ if (reduceMotion || !('IntersectionObserver' in window)) {
+ targets.forEach(function (el) { el.classList.add('is-visible'); });
+ return;
+ }
+
+ var io = new IntersectionObserver(function (entries) {
+ entries.forEach(function (entry) {
+ if (!entry.isIntersecting) return;
+ entry.target.classList.add('is-visible');
+ io.unobserve(entry.target);
+ });
+ }, { rootMargin: '0px 0px -12% 0px', threshold: 0.05 });
+
+ targets.forEach(function (el) { io.observe(el); });
+ })();
+})();
diff --git a/docs/boca-raton-real-estate/index.html b/docs/boca-raton-real-estate/index.html
new file mode 100644
index 0000000..404c413
--- /dev/null
+++ b/docs/boca-raton-real-estate/index.html
@@ -0,0 +1,477 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+
+<title>Boca Raton Real Estate Agent | Mia Druck</title>
+<meta name="description" content="Boca Raton homes with Mia Druck — Boca Villas, Golden Triangle, Old Floresta and the neighborhoods east of I-95, plus no-HOA single family. See her active listing.">
+<link rel="canonical" href="https://miadruck.com/boca-raton-real-estate/">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#0F2436">
+<meta name="geo.region" content="US-FL">
+<meta name="geo.placename" content="Boca Raton, Florida">
+
+<meta property="og:type" content="article">
+<meta property="og:site_name" content="Mia Druck | Ocean Glades Realty">
+<meta property="og:locale" content="en_US">
+<meta property="og:title" content="Boca Raton Real Estate Agent | Mia Druck">
+<meta property="og:description" content="Downtown condos, family neighborhoods east of I-95 and the no-HOA pockets buyers actually ask for.">
+<meta property="og:url" content="https://miadruck.com/boca-raton-real-estate/">
+<meta property="og:image" content="https://miadruck.com/assets/img/og-image.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="A lighthouse at sunset on the South Florida coast">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Boca Raton Real Estate Agent | Mia Druck">
+<meta name="twitter:description" content="Downtown condos, family neighborhoods east of I-95 and no-HOA single family.">
+<meta name="twitter:image" content="https://miadruck.com/assets/img/og-image.jpg">
+
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="preload" href="/assets/fonts/fraunces-latin-var.woff2" as="font" type="font/woff2" crossorigin>
+<script>document.documentElement.classList.add('js')</script>
+<link rel="stylesheet" href="/assets/site.css">
+<script src="/assets/site.js" defer></script>
+</head>
+
+<body>
+<a class="skip" href="#main">Skip to content</a>
+
+<header class="topbar">
+ <div class="topbar-inner">
+ <a class="wordmark" href="/">Mia Druck<span>Ocean Glades Realty</span></a>
+ <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+ </svg>
+ </button>
+ <nav class="navlinks" id="siteNav" aria-label="Main">
+ <a href="/#listings">Listings</a>
+ <a href="/#sales">Recent Sales</a>
+ <a href="/#areas" aria-current="page">Areas</a>
+ <a href="/#about">About</a>
+ <a class="nav-cta" href="#contact">Contact</a>
+ </nav>
+ </div>
+</header>
+
+<div class="wrap">
+ <nav class="crumbs" aria-label="Breadcrumb">
+ <ol>
+ <li><a href="/">Home</a></li>
+ <li aria-hidden="true">/</li>
+ <li><a href="/#areas">Areas</a></li>
+ <li aria-hidden="true">/</li>
+ <li aria-current="page">Boca Raton</li>
+ </ol>
+ </nav>
+</div>
+
+<main id="main">
+
+<section class="page-hero">
+ <div class="wrap">
+ <p class="eyebrow">Boca Raton · Palm Beach County</p>
+ <h1>Buying & selling in <em>Boca Raton</em></h1>
+ <p class="lead">
+ Boca splits cleanly along I-95. East of the highway you get older, smaller lots, walkability
+ to downtown and the beach, and a genuine supply of homes with no association. West of it you
+ get gated country club communities, newer construction and monthly fees that need to be part
+ of the budget conversation from day one.
+ </p>
+ <div class="hero-actions">
+ <a class="btn" href="tel:+19545527330">(954) 552-7330</a>
+ <a class="btn btn-ghost" href="#listings">See her Boca listing</a>
+ </div>
+ </div>
+</section>
+
+<section class="section section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Neighborhoods</p>
+ <h2>East, west and downtown</h2>
+ </div>
+ <p class="hint">A shortlist — ask about anywhere in south Palm Beach County.</p>
+ </div>
+
+ <ul class="chip-list reveal" style="margin-bottom:44px;">
+ <li>Boca Villas</li><li>Golden Triangle</li><li>Old Floresta</li><li>Por La Mar</li>
+ <li>Downtown Boca</li><li>Mizner Park area</li><li>Royal Palm</li><li>Broken Sound</li>
+ <li>Boca West</li><li>Woodfield</li>
+ </ul>
+
+ <div class="prose-cols reveal">
+ <div>
+ <p>
+ <strong>East of I-95</strong> is where Mia's active Boca listing sits — a four-bedroom
+ single family on NW 12th Avenue with no HOA. That last detail matters more here than
+ buyers expect. Boca enforces unusually tight architectural and signage standards citywide,
+ and on top of that most newer communities layer their own association rules. A no-HOA
+ property inside the city is a genuinely different proposition.
+ </p>
+ <p>
+ <strong>Old Floresta</strong> is the historic exception — 1920s Addison Mizner-era homes
+ on large, heavily planted lots, and effectively its own micro-market with very little
+ turnover.
+ </p>
+ </div>
+ <div>
+ <p>
+ <strong>Downtown and Mizner Park</strong> is the condo and lock-and-leave market: walkable
+ to restaurants and the amphitheatre, popular with seasonal owners, and priced on building
+ and view rather than square footage alone.
+ </p>
+ <p>
+ <strong>West Boca</strong> — Broken Sound, Boca West, Woodfield and the surrounding gated
+ communities — trades walkability for space, amenities and newer construction. Buyers here
+ need to look carefully at equity or membership requirements, which vary community to
+ community and can change the real cost substantially.
+ </p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<!-- Active listing ========================================================= -->
+<section class="section section--sand" id="listings">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Active</p>
+ <h2>Boca Raton listing</h2>
+ </div>
+ <p class="hint">Single family, no HOA, east of I-95.</p>
+ </div>
+
+ <div class="listing-index">
+ <article class="listing reveal" id="boca-600-nw-12">
+ <div class="listing-media">
+ <img src="/assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp"
+ srcset="/assets/img/listing-600-nw-12th-ave-boca-raton-400w.webp 400w,
+ /assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp 560w,
+ /assets/img/listing-600-nw-12th-ave-boca-raton.webp 1120w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="373" loading="lazy" decoding="async"
+ alt="Single family home at 600 NW 12th Avenue in Boca Raton, Florida">
+ <span class="listing-flag">For Sale</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$800,000</p>
+ <h3>600 NW 12th Avenue</h3>
+ <p class="listing-city">Boca Raton, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs"><li>4 Bed</li><li>3 Bath</li><li>1,857 Sq Ft</li><li>Single Family</li></ul>
+ <ul class="listing-tags"><li>No HOA</li><li>Nearby schools</li><li>Single family</li></ul>
+ <div class="listing-actions">
+ <a class="btn" href="https://www.zillow.com/homedetails/600-NW-12th-Ave-Boca-Raton-FL-33486/46704709_zpid/" target="_blank" rel="noopener">View details</a>
+ <a class="btn btn-ghost" href="#contact">Ask about this home</a>
+ </div>
+ </div>
+ </article>
+ </div>
+ </div>
+</section>
+
+<section class="section">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Questions</p>
+ <h2>Boca Raton FAQ</h2>
+ </div>
+ </div>
+
+ <div class="faq reveal">
+ <details>
+ <summary>Should I look east or west of I-95?</summary>
+ <div class="faq-answer">
+ <p>East if you want to walk to downtown or the beach and you'd rather have an older home on
+ a smaller lot with no association. West if you want newer construction, more square
+ footage, and community amenities, and you're comfortable with the monthly cost that comes
+ with them. Both are legitimate — the mistake is shopping both at once without deciding
+ which trade you're actually making.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Can I find a Boca Raton home without an HOA?</summary>
+ <div class="faq-answer">
+ <p>Yes, mostly in the older neighborhoods east of I-95. Mia's current listing at 600 NW
+ 12th Avenue is one — four bedrooms, three baths, 1,857 square feet, no association. That
+ combination is scarcer than buyers assume and tends to attract attention when it appears.</p>
+ </div>
+ </details>
+ <details>
+ <summary>What should I know about buying into a country club community?</summary>
+ <div class="faq-answer">
+ <p>Ask early about mandatory membership, equity versus non-equity structures, initiation
+ costs and annual minimums. These vary considerably between communities and can add
+ meaningfully to the true cost of ownership. It's a question worth answering before you
+ tour, not after you've fallen for a house.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Do you work north of Boca as well?</summary>
+ <div class="faq-answer">
+ <p>Mia works south Palm Beach County regularly — a recent closing was a six-bedroom in Lake
+ Worth at $835,000. Her deepest inventory remains in Broward, in
+ <a class="underline-link" href="/pompano-beach-real-estate/">Pompano Beach</a> and
+ <a class="underline-link" href="/fort-lauderdale-real-estate/">Fort Lauderdale</a>.</p>
+ </div>
+ </details>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand" id="contact">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Contact</p>
+ <h2>Let's talk about Boca</h2>
+ </div>
+ <p class="hint">Buying, selling, renting, or just exploring — all fine.</p>
+ </div>
+
+ <div class="contact reveal">
+ <div class="contact-direct">
+ <div class="contact-line">
+ <p class="label">Call or text</p>
+ <a class="value" href="tel:+19545527330">(954) 552-7330</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Email</p>
+ <a class="value" href="mailto:[email protected]">[email protected]</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Office</p>
+ <address>
+ Ocean Glades Realty<br>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308
+ </address>
+ </div>
+ </div>
+
+ <div>
+ <form class="form" id="contactForm" action="https://formspree.io/f/mpqqaadn" method="POST">
+ <input type="hidden" name="_subject" value="Boca Raton enquiry from miadruck.com">
+ <input type="hidden" name="area" value="Boca Raton">
+ <div class="hp" aria-hidden="true">
+ <label>Leave this field empty<input type="text" name="_gotcha" tabindex="-1" autocomplete="off"></label>
+ </div>
+ <div class="row2">
+ <label class="field"><span>First name</span><input name="first_name" autocomplete="given-name"></label>
+ <label class="field"><span>Last name</span><input name="last_name" autocomplete="family-name"></label>
+ </div>
+ <label class="field"><span>Email <span class="req" aria-hidden="true">*</span></span><input name="email" type="email" required autocomplete="email"></label>
+ <label class="field"><span>Phone</span><input name="phone" type="tel" autocomplete="tel"></label>
+ <label class="field"><span>How can Mia help?</span><textarea name="message" rows="4" placeholder="East or west of I-95? HOA or no HOA?"></textarea></label>
+ <div class="form-foot">
+ <p class="form-note">Your details go straight to Mia. No lists, no spam.</p>
+ <button class="btn" type="submit">Send message</button>
+ </div>
+ </form>
+
+ <div id="contactSuccess" class="form-success hide">
+ <h3>Message sent</h3>
+ <p>Thanks for reaching out — Mia will get back to you shortly.</p>
+ <p>Need a faster answer? Call <a class="underline-link" href="tel:+19545527330">(954) 552-7330</a>.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="section section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Nearby</p>
+ <h2>Other areas Mia covers</h2>
+ </div>
+ </div>
+ <div class="areas-grid reveal">
+ <a class="area-card" href="/fort-lauderdale-real-estate/">
+ <h3>Fort Lauderdale</h3><p>Victoria Park, Rio Vista, Coral Ridge and the Las Olas isles.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/pompano-beach-real-estate/">
+ <h3>Pompano Beach</h3><p>Beach-side single family, townhomes and seasonal rentals.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/lighthouse-point-real-estate/">
+ <h3>Lighthouse Point</h3><p>Deep-water canals with direct ocean access.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/">
+ <h3>All listings</h3><p>Everything Mia currently has active across South Florida.</p>
+ <span class="go">Back home →</span>
+ </a>
+ </div>
+ </div>
+</section>
+
+</main>
+
+<footer>
+ <div class="wrap">
+ <div class="footer-grid">
+ <div>
+ <div class="wordmark">Mia Druck<span>Ocean Glades Realty</span></div>
+ <address>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308<br>
+ <a href="tel:+19545527330">(954) 552-7330</a><br>
+ <a href="mailto:[email protected]">[email protected]</a>
+ </address>
+ </div>
+ <div class="footer-col">
+ <h4>Explore</h4>
+ <ul>
+ <li><a href="/#listings">Active listings</a></li>
+ <li><a href="/#sales">Recent sales</a></li>
+ <li><a href="/#about">About Mia</a></li>
+ <li><a href="/#contact">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-col">
+ <h4>Areas</h4>
+ <ul>
+ <li><a href="/fort-lauderdale-real-estate/">Fort Lauderdale</a></li>
+ <li><a href="/pompano-beach-real-estate/">Pompano Beach</a></li>
+ <li><a href="/lighthouse-point-real-estate/">Lighthouse Point</a></li>
+ <li><a href="/boca-raton-real-estate/">Boca Raton</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-legal">
+ <p>
+ © <span id="y"></span> Mia Druck, licensed real estate agent with Ocean Glades Realty, Florida real estate license #3443255.
+ Equal Housing Opportunity. All information is deemed reliable but not guaranteed and is
+ subject to change. Listings shown may be represented by other brokerages.
+ </p>
+ <p><a href="/sitemap.xml">Sitemap</a></p>
+ </div>
+ </div>
+</footer>
+
+<div class="mobile-bar">
+ <a class="primary" href="tel:+19545527330">Call Mia</a>
+ <a href="sms:+19545527330">Text</a>
+ <a href="#contact">Message</a>
+</div>
+
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "RealEstateAgent",
+ "@id": "https://miadruck.com/#agent",
+ "name": "Mia Druck | Ocean Glades Realty",
+ "url": "https://miadruck.com/",
+ "image": "https://miadruck.com/assets/img/mia-druck-headshot.webp",
+ "telephone": "+1-954-552-7330",
+ "email": "[email protected]",
+ "priceRange": "$$",
+ "hasCredential": {
+ "@type": "EducationalOccupationalCredential",
+ "credentialCategory": "Real Estate License",
+ "identifier": "3443255",
+ "recognizedBy": {
+ "@type": "GovernmentOrganization",
+ "name": "Florida Department of Business and Professional Regulation"
+ }
+ },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "275 Commercial Blvd, Suite 212",
+ "addressLocality": "Lauderdale-by-the-Sea",
+ "addressRegion": "FL",
+ "postalCode": "33308",
+ "addressCountry": "US"
+ },
+ "areaServed": { "@type": "City", "name": "Boca Raton", "sameAs": "https://en.wikipedia.org/wiki/Boca_Raton,_Florida" },
+ "sameAs": [
+ "https://instagram.com/miadruck",
+ "https://www.facebook.com/p/Mia-Druck-100064656883967/",
+ "https://share.google/sgExBQ7qvd5iWNHKI"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://miadruck.com/boca-raton-real-estate/#webpage",
+ "url": "https://miadruck.com/boca-raton-real-estate/",
+ "name": "Boca Raton Real Estate Agent | Mia Druck",
+ "description": "Boca Raton homes with Mia Druck — Boca Villas, Golden Triangle, Old Floresta and the neighborhoods east of I-95, plus no-HOA single family.",
+ "inLanguage": "en-US",
+ "about": { "@id": "https://miadruck.com/#agent" },
+ "isPartOf": { "@id": "https://miadruck.com/#website" }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://miadruck.com/" },
+ { "@type": "ListItem", "position": 2, "name": "Areas", "item": "https://miadruck.com/#areas" },
+ { "@type": "ListItem", "position": 3, "name": "Boca Raton" }
+ ]
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "600 NW 12th Avenue, Boca Raton",
+ "url": "https://miadruck.com/boca-raton-real-estate/#boca-600-nw-12",
+ "image": "https://miadruck.com/assets/img/listing-600-nw-12th-ave-boca-raton.webp",
+ "numberOfBedrooms": 4,
+ "numberOfBathroomsTotal": 3,
+ "floorSize": { "@type": "QuantitativeValue", "value": 1857, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "600 NW 12th Avenue",
+ "addressLocality": "Boca Raton",
+ "addressRegion": "FL",
+ "postalCode": "33486",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "price": "800000",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#Sell",
+ "seller": { "@id": "https://miadruck.com/#agent" }
+ }
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Should I look east or west of I-95 in Boca Raton?",
+ "acceptedAnswer": { "@type": "Answer", "text": "East if you want to walk to downtown or the beach and prefer an older home on a smaller lot with no association. West if you want newer construction, more square footage and community amenities, and are comfortable with the monthly cost." }
+ },
+ {
+ "@type": "Question",
+ "name": "Can I find a Boca Raton home without an HOA?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Yes, mostly in the older neighborhoods east of I-95. Mia's listing at 600 NW 12th Avenue is one — four bedrooms, three baths, 1,857 square feet, no association." }
+ },
+ {
+ "@type": "Question",
+ "name": "What should I know about buying into a Boca country club community?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Ask early about mandatory membership, equity versus non-equity structures, initiation costs and annual minimums. These vary considerably between communities and can add meaningfully to the true cost of ownership." }
+ },
+ {
+ "@type": "Question",
+ "name": "Do you work north of Boca Raton as well?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Mia works south Palm Beach County regularly — a recent closing was a six-bedroom in Lake Worth at $835,000. Her deepest inventory remains in Broward, in Pompano Beach and Fort Lauderdale." }
+ }
+ ]
+ }
+ ]
+}
+</script>
+</body>
+</html>
diff --git a/docs/favicon.ico b/docs/favicon.ico
new file mode 100644
index 0000000..5464ee1
Binary files /dev/null and b/docs/favicon.ico differ
diff --git a/docs/favicon.svg b/docs/favicon.svg
new file mode 100644
index 0000000..0573ea7
--- /dev/null
+++ b/docs/favicon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Mia Druck">
+ <rect width="64" height="64" fill="#0F2436"/>
+ <text x="32" y="38" text-anchor="middle"
+ font-family="Georgia, 'Times New Roman', serif" font-weight="700" font-size="26"
+ fill="#FBF8F3">MD</text>
+ <rect x="22" y="45" width="20" height="1.6" fill="#9A7B4F"/>
+</svg>
diff --git a/docs/fort-lauderdale-real-estate/index.html b/docs/fort-lauderdale-real-estate/index.html
new file mode 100644
index 0000000..33dae61
--- /dev/null
+++ b/docs/fort-lauderdale-real-estate/index.html
@@ -0,0 +1,477 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+
+<title>Fort Lauderdale Real Estate Agent | Mia Druck</title>
+<meta name="description" content="Buying or selling in Fort Lauderdale? Mia Druck works Victoria Park, Rio Vista, Coral Ridge, Las Olas and the Middle River neighborhoods — single family, condos and small multifamily.">
+<link rel="canonical" href="https://miadruck.com/fort-lauderdale-real-estate/">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#0F2436">
+<meta name="geo.region" content="US-FL">
+<meta name="geo.placename" content="Fort Lauderdale, Florida">
+
+<meta property="og:type" content="article">
+<meta property="og:site_name" content="Mia Druck | Ocean Glades Realty">
+<meta property="og:locale" content="en_US">
+<meta property="og:title" content="Fort Lauderdale Real Estate Agent | Mia Druck">
+<meta property="og:description" content="Local guidance across Victoria Park, Rio Vista, Coral Ridge, Las Olas and the Middle River neighborhoods.">
+<meta property="og:url" content="https://miadruck.com/fort-lauderdale-real-estate/">
+<meta property="og:image" content="https://miadruck.com/assets/img/og-image.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="A lighthouse at sunset on the South Florida coast">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Fort Lauderdale Real Estate Agent | Mia Druck">
+<meta name="twitter:description" content="Local guidance across Victoria Park, Rio Vista, Coral Ridge, Las Olas and the Middle River neighborhoods.">
+<meta name="twitter:image" content="https://miadruck.com/assets/img/og-image.jpg">
+
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="preload" href="/assets/fonts/fraunces-latin-var.woff2" as="font" type="font/woff2" crossorigin>
+<script>document.documentElement.classList.add('js')</script>
+<link rel="stylesheet" href="/assets/site.css">
+<script src="/assets/site.js" defer></script>
+</head>
+
+<body>
+<a class="skip" href="#main">Skip to content</a>
+
+<header class="topbar">
+ <div class="topbar-inner">
+ <a class="wordmark" href="/">Mia Druck<span>Ocean Glades Realty</span></a>
+ <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+ </svg>
+ </button>
+ <nav class="navlinks" id="siteNav" aria-label="Main">
+ <a href="/#listings">Listings</a>
+ <a href="/#sales">Recent Sales</a>
+ <a href="/#areas" aria-current="page">Areas</a>
+ <a href="/#about">About</a>
+ <a class="nav-cta" href="#contact">Contact</a>
+ </nav>
+ </div>
+</header>
+
+<div class="wrap">
+ <nav class="crumbs" aria-label="Breadcrumb">
+ <ol>
+ <li><a href="/">Home</a></li>
+ <li aria-hidden="true">/</li>
+ <li><a href="/#areas">Areas</a></li>
+ <li aria-hidden="true">/</li>
+ <li aria-current="page">Fort Lauderdale</li>
+ </ol>
+ </nav>
+</div>
+
+<main id="main">
+
+<section class="page-hero">
+ <div class="wrap">
+ <p class="eyebrow">Fort Lauderdale · Broward County</p>
+ <h1>Buying & selling in <em>Fort Lauderdale</em></h1>
+ <p class="lead">
+ Fort Lauderdale is really a dozen small markets wearing one name. What a home is worth here
+ depends less on the city and more on which side of a bridge it sits on, whether the canal
+ behind it has a fixed span between the dock and the ocean, and how the last flood map treated
+ the block. Mia works these neighborhoods street by street.
+ </p>
+ <div class="hero-actions">
+ <a class="btn" href="tel:+19545527330">(954) 552-7330</a>
+ <a class="btn btn-ghost" href="#contact">Ask about Fort Lauderdale</a>
+ </div>
+ </div>
+</section>
+
+<section class="section section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Neighborhoods</p>
+ <h2>Where she spends her time</h2>
+ </div>
+ <p class="hint">Not an exhaustive list — ask about anywhere in Broward.</p>
+ </div>
+
+ <ul class="chip-list reveal" style="margin-bottom:44px;">
+ <li>Victoria Park</li><li>Rio Vista</li><li>Colee Hammock</li><li>Coral Ridge</li>
+ <li>Las Olas Isles</li><li>Poinsettia Heights</li><li>Middle River Terrace</li>
+ <li>Sailboat Bend</li><li>Imperial Point</li><li>Lauderdale Harbours</li>
+ <li>Harbor Beach</li><li>Wilton Manors border</li>
+ </ul>
+
+ <div class="prose-cols reveal">
+ <div>
+ <p>
+ <strong>East of Federal Highway</strong> is where most of the demand concentrates. Victoria
+ Park and Colee Hammock put you walking distance to Las Olas, with a housing stock that runs
+ from 1940s cottages to new infill construction on the same block. Rio Vista sits just south
+ of the New River with wide lots and deep-water frontage, and prices reflect it.
+ </p>
+ <p>
+ <strong>Coral Ridge and the northeast</strong> trade some of that walkability for larger
+ yards and easier parking, and they remain one of the more reliable places to find a
+ mid-century single family home that hasn't been torn down yet.
+ </p>
+ </div>
+ <div>
+ <p>
+ <strong>Middle River Terrace and Poinsettia Heights</strong> are where Mia's most recent
+ Fort Lauderdale closing happened — an investor duplex on NE 15th Street. This corridor is
+ the practical entry point for small multifamily in the city, and it behaves differently
+ from the single family market a few blocks east.
+ </p>
+ <p>
+ <strong>The waterfront question</strong> comes up on nearly every search. Ocean access is
+ not binary: a canal with a fixed bridge between you and the Intracoastal caps your mast
+ height permanently. That detail is worth confirming before you fall in love with a dock.
+ </p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Track Record</p>
+ <h2>Recent Fort Lauderdale sale</h2>
+ </div>
+ <p class="hint">Investor duplex, closed February 2025.</p>
+ </div>
+
+ <div class="sold-grid reveal">
+ <article class="sold">
+ <div class="sold-media">
+ <img src="/assets/img/sold-2018-ne-15th-st-fort-lauderdale.webp"
+ sizes="(max-width: 600px) 100vw, (max-width: 900px) 46vw, 370px"
+ width="384" height="288" loading="lazy" decoding="async"
+ alt="Sold investor duplex at 2018 NE 15th Street, Fort Lauderdale">
+ </div>
+ <p class="sold-price">$830,500</p>
+ <h3>2018 NE 15th Street</h3>
+ <p class="meta">Fort Lauderdale · Duplex · 2 bed · 2 bath each side</p>
+ <p class="sold-date">Sold February 24, 2025</p>
+ </article>
+ </div>
+
+ <p class="lead reveal" style="margin-top:44px;">
+ Nothing active in Fort Lauderdale at the moment — inventory here moves quickly and a good deal
+ of it never reaches the public portals.
+ <a class="underline-link" href="#contact">Tell Mia what you're looking for</a> and she'll work
+ the off-market side.
+ </p>
+ </div>
+</section>
+
+<section class="section">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">How She Works</p>
+ <h2>What to expect</h2>
+ </div>
+ </div>
+
+ <div class="prose-cols reveal">
+ <div>
+ <p>
+ <strong>If you're buying,</strong> the first conversation is about narrowing — which
+ neighborhoods actually fit how you live, what your realistic budget covers once insurance
+ and any HOA are counted, and whether waterfront is a requirement or a preference. Mia will
+ tell you when a listing is overpriced rather than let you find out at appraisal.
+ </p>
+ </div>
+ <div>
+ <p>
+ <strong>If you're selling,</strong> she'll walk the property, pull genuinely comparable
+ sales from your immediate area rather than the whole ZIP code, and be direct about the
+ short list of improvements worth making first. Insurance and roof age matter more to Fort
+ Lauderdale buyers now than they did a few years ago, and pricing has to account for that.
+ </p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Questions</p>
+ <h2>Fort Lauderdale FAQ</h2>
+ </div>
+ </div>
+
+ <div class="faq reveal">
+ <details>
+ <summary>Which Fort Lauderdale neighborhood should I look at first?</summary>
+ <div class="faq-answer">
+ <p>It depends on what you want walkable. Victoria Park and Colee Hammock put Las Olas at
+ your doorstep. Coral Ridge and Imperial Point give you more house and yard for the money
+ but you'll drive more. Rio Vista is the premium waterfront address south of the river.
+ Mia will shortlist three or four based on a single conversation rather than sending you
+ a hundred listings.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Does she handle duplexes and small multifamily?</summary>
+ <div class="faq-answer">
+ <p>Yes. Her most recent Fort Lauderdale closing was an investor duplex on NE 15th Street
+ at $830,500. The Middle River and Poinsettia Heights corridors are the practical hunting
+ ground for two- to four-unit property in the city.</p>
+ </div>
+ </details>
+ <details>
+ <summary>What should I check on a waterfront home here?</summary>
+ <div class="faq-answer">
+ <p>Whether there's a fixed bridge between the property and the Intracoastal, the condition
+ and permit history of the seawall and dock, the water depth at low tide, and how the
+ property sits on the current flood maps. Any one of these can change what the home is
+ worth to you specifically.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Do you work rentals in Fort Lauderdale?</summary>
+ <div class="faq-answer">
+ <p>Yes, seasonal and annual both. Mia currently has rental listings in
+ <a class="underline-link" href="/pompano-beach-real-estate/">Pompano Beach</a> and
+ <a class="underline-link" href="/lighthouse-point-real-estate/">Lighthouse Point</a>, and
+ works Fort Lauderdale rentals for owners and tenants alike.</p>
+ </div>
+ </details>
+ </div>
+ </div>
+</section>
+
+<!-- Contact ================================================================ -->
+<section class="section" id="contact">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Contact</p>
+ <h2>Let's talk about Fort Lauderdale</h2>
+ </div>
+ <p class="hint">Buying, selling, renting, or just exploring — all fine.</p>
+ </div>
+
+ <div class="contact reveal">
+ <div class="contact-direct">
+ <div class="contact-line">
+ <p class="label">Call or text</p>
+ <a class="value" href="tel:+19545527330">(954) 552-7330</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Email</p>
+ <a class="value" href="mailto:[email protected]">[email protected]</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Office</p>
+ <address>
+ Ocean Glades Realty<br>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308
+ </address>
+ </div>
+ </div>
+
+ <div>
+ <form class="form" id="contactForm" action="https://formspree.io/f/mpqqaadn" method="POST">
+ <input type="hidden" name="_subject" value="Fort Lauderdale enquiry from miadruck.com">
+ <input type="hidden" name="area" value="Fort Lauderdale">
+ <div class="hp" aria-hidden="true">
+ <label>Leave this field empty<input type="text" name="_gotcha" tabindex="-1" autocomplete="off"></label>
+ </div>
+ <div class="row2">
+ <label class="field"><span>First name</span><input name="first_name" autocomplete="given-name"></label>
+ <label class="field"><span>Last name</span><input name="last_name" autocomplete="family-name"></label>
+ </div>
+ <label class="field"><span>Email <span class="req" aria-hidden="true">*</span></span><input name="email" type="email" required autocomplete="email"></label>
+ <label class="field"><span>Phone</span><input name="phone" type="tel" autocomplete="tel"></label>
+ <label class="field"><span>How can Mia help?</span><textarea name="message" rows="4" placeholder="Which Fort Lauderdale neighborhoods are you considering?"></textarea></label>
+ <div class="form-foot">
+ <p class="form-note">Your details go straight to Mia. No lists, no spam.</p>
+ <button class="btn" type="submit">Send message</button>
+ </div>
+ </form>
+
+ <div id="contactSuccess" class="form-success hide">
+ <h3>Message sent</h3>
+ <p>Thanks for reaching out — Mia will get back to you shortly.</p>
+ <p>Need a faster answer? Call <a class="underline-link" href="tel:+19545527330">(954) 552-7330</a>.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Nearby</p>
+ <h2>Other areas Mia covers</h2>
+ </div>
+ </div>
+ <div class="areas-grid reveal">
+ <a class="area-card" href="/pompano-beach-real-estate/">
+ <h3>Pompano Beach</h3><p>Beach-side single family, townhomes and seasonal rentals.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/lighthouse-point-real-estate/">
+ <h3>Lighthouse Point</h3><p>Deep-water canals with direct ocean access.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/boca-raton-real-estate/">
+ <h3>Boca Raton</h3><p>Downtown condos and family neighborhoods east of I-95.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/">
+ <h3>All listings</h3><p>Everything Mia currently has active across South Florida.</p>
+ <span class="go">Back home →</span>
+ </a>
+ </div>
+ </div>
+</section>
+
+</main>
+
+<footer>
+ <div class="wrap">
+ <div class="footer-grid">
+ <div>
+ <div class="wordmark">Mia Druck<span>Ocean Glades Realty</span></div>
+ <address>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308<br>
+ <a href="tel:+19545527330">(954) 552-7330</a><br>
+ <a href="mailto:[email protected]">[email protected]</a>
+ </address>
+ </div>
+ <div class="footer-col">
+ <h4>Explore</h4>
+ <ul>
+ <li><a href="/#listings">Active listings</a></li>
+ <li><a href="/#sales">Recent sales</a></li>
+ <li><a href="/#about">About Mia</a></li>
+ <li><a href="/#contact">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-col">
+ <h4>Areas</h4>
+ <ul>
+ <li><a href="/fort-lauderdale-real-estate/">Fort Lauderdale</a></li>
+ <li><a href="/pompano-beach-real-estate/">Pompano Beach</a></li>
+ <li><a href="/lighthouse-point-real-estate/">Lighthouse Point</a></li>
+ <li><a href="/boca-raton-real-estate/">Boca Raton</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-legal">
+ <p>
+ © <span id="y"></span> Mia Druck, licensed real estate agent with Ocean Glades Realty, Florida real estate license #3443255.
+ Equal Housing Opportunity. All information is deemed reliable but not guaranteed and is
+ subject to change. Listings shown may be represented by other brokerages.
+ </p>
+ <p><a href="/sitemap.xml">Sitemap</a></p>
+ </div>
+ </div>
+</footer>
+
+<div class="mobile-bar">
+ <a class="primary" href="tel:+19545527330">Call Mia</a>
+ <a href="sms:+19545527330">Text</a>
+ <a href="#contact">Message</a>
+</div>
+
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "RealEstateAgent",
+ "@id": "https://miadruck.com/#agent",
+ "name": "Mia Druck | Ocean Glades Realty",
+ "url": "https://miadruck.com/",
+ "image": "https://miadruck.com/assets/img/mia-druck-headshot.webp",
+ "telephone": "+1-954-552-7330",
+ "email": "[email protected]",
+ "priceRange": "$$",
+ "hasCredential": {
+ "@type": "EducationalOccupationalCredential",
+ "credentialCategory": "Real Estate License",
+ "identifier": "3443255",
+ "recognizedBy": {
+ "@type": "GovernmentOrganization",
+ "name": "Florida Department of Business and Professional Regulation"
+ }
+ },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "275 Commercial Blvd, Suite 212",
+ "addressLocality": "Lauderdale-by-the-Sea",
+ "addressRegion": "FL",
+ "postalCode": "33308",
+ "addressCountry": "US"
+ },
+ "areaServed": { "@type": "City", "name": "Fort Lauderdale", "sameAs": "https://en.wikipedia.org/wiki/Fort_Lauderdale,_Florida" },
+ "sameAs": [
+ "https://instagram.com/miadruck",
+ "https://www.facebook.com/p/Mia-Druck-100064656883967/",
+ "https://share.google/sgExBQ7qvd5iWNHKI"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://miadruck.com/fort-lauderdale-real-estate/#webpage",
+ "url": "https://miadruck.com/fort-lauderdale-real-estate/",
+ "name": "Fort Lauderdale Real Estate Agent | Mia Druck",
+ "description": "Buying or selling in Fort Lauderdale with Mia Druck — Victoria Park, Rio Vista, Coral Ridge, Las Olas and the Middle River neighborhoods.",
+ "inLanguage": "en-US",
+ "about": { "@id": "https://miadruck.com/#agent" },
+ "isPartOf": { "@id": "https://miadruck.com/#website" }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://miadruck.com/" },
+ { "@type": "ListItem", "position": 2, "name": "Areas", "item": "https://miadruck.com/#areas" },
+ { "@type": "ListItem", "position": 3, "name": "Fort Lauderdale" }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Which Fort Lauderdale neighborhood should I look at first?",
+ "acceptedAnswer": { "@type": "Answer", "text": "It depends on what you want walkable. Victoria Park and Colee Hammock put Las Olas at your doorstep. Coral Ridge and Imperial Point give you more house and yard for the money but you will drive more. Rio Vista is the premium waterfront address south of the river." }
+ },
+ {
+ "@type": "Question",
+ "name": "Does Mia Druck handle duplexes and small multifamily?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Yes. Her most recent Fort Lauderdale closing was an investor duplex on NE 15th Street at $830,500. The Middle River and Poinsettia Heights corridors are the practical hunting ground for two to four unit property in the city." }
+ },
+ {
+ "@type": "Question",
+ "name": "What should I check on a waterfront home in Fort Lauderdale?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Whether there is a fixed bridge between the property and the Intracoastal, the condition and permit history of the seawall and dock, the water depth at low tide, and how the property sits on the current flood maps." }
+ },
+ {
+ "@type": "Question",
+ "name": "Do you work rentals in Fort Lauderdale?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Yes, seasonal and annual both. Mia currently has rental listings in Pompano Beach and Lighthouse Point, and works Fort Lauderdale rentals for owners and tenants alike." }
+ }
+ ]
+ }
+ ]
+}
+</script>
+</body>
+</html>
diff --git a/docs/index.html b/docs/index.html
index ff53bc7..dcb269e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,1314 +1,950 @@
<!doctype html>
<html lang="en">
<head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width,initial-scale=1" />
- <title>Mia Druck | South Florida Real Estate</title>
- <!-- Social share preview -->
- <meta property="og:type" content="website" />
- <meta property="og:title" content="Mia Druck | South Florida Real Estate" />
- <meta property="og:description" content="Move with Mia — Buying • Selling • Rentals in South Florida." />
- <meta property="og:image" content="https://lh3.googleusercontent.com/p/AF1QipOsCr_6xoDSkLUG33nLrJ9QwA2n9Q4NUIPw0qkt=s1200" />
- <meta property="og:image:width" content="1200" />
- <meta property="og:image:height" content="630" />
- <meta property="og:url" content="https://miadruck.com/" />
-
- <meta name="twitter:card" content="summary_large_image" />
- <meta name="twitter:title" content="Mia Druck | South Florida Real Estate" />
- <meta name="twitter:description" content="Move with Mia — Buying • Selling • Rentals in South Florida." />
- <meta name="twitter:image" content="https://lh3.googleusercontent.com/p/AF1QipOsCr_6xoDSkLUG33nLrJ9QwA2n9Q4NUIPw0qkt=s1200" />
-
- <!-- Fonts (optional, remove if you want fully offline) -->
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
-
- <style>
- :root{
- --text:#0b1220;
- --muted:rgba(11,18,32,.68);
- --line:rgba(11,18,32,.12);
- --card:#ffffff;
- --shadow:0 24px 70px rgba(0,0,0,.18);
-
- /* Ocean Glass palette (blue + green) */
- --accent:#0b78b6; /* ocean blue */
- --accent2:#66b83d; /* fresh green */
- --accent-dark:#075a8a; /* deeper blue for hover/contrast */
-
- /* RGB helpers so you can do rgba() without hard-coding */
- --accent-rgb: 11, 120, 182;
- --accent2-rgb: 102, 184, 61;
-
- --wrap:1120px;
- --radius:28px;
- }
-
- *{ box-sizing:border-box; }
- html,body{ margin:0; padding:0; }
- body{
- font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
- color:var(--text);
- background:#fff;
- }
- html{
- scroll-behavior: smooth;
- scroll-padding-top: 84px;
- }
-
- /* Optional: if user prefers reduced motion */
- @media (prefers-reduced-motion: reduce){
- html{ scroll-behavior: auto; }
- }
- a{ color:inherit; text-decoration:none; }
- .wrap{ width:min(var(--wrap), calc(100% - 36px)); margin:0 auto; }
-
- /* Top bar */
- .topbar{
- position: sticky;
- top: 0;
- z-index: 50;
-
- /* Frosted glass */
- background: rgba(255, 255, 255, 0.65);
- backdrop-filter: blur(18px) saturate(1.4);
- -webkit-backdrop-filter: blur(18px) saturate(1.4);
-
- /* Subtle separation */
- border-bottom: 1px solid rgba(255, 255, 255, 0.35);
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
- }
- .topbar-inner{
- width:min(var(--wrap), calc(100% - 36px));
- margin:0 auto;
- padding:5px 0;
- display:flex;
- align-items:center;
- justify-content:space-between;
- gap:14px;
- position:relative; /* needed for mobile dropdown positioning */
- }
-
- /* --- Mobile nav (hamburger) --- */
- .nav-toggle{
- display:none;
- width:44px;
- height:44px;
- border-radius:999px;
- border:1px solid rgba(0,0,0,.10);
- background:rgba(255,255,255,.55);
- backdrop-filter: blur(12px) saturate(1.4);
- -webkit-backdrop-filter: blur(12px) saturate(1.4);
- cursor:pointer;
- align-items:center;
- justify-content:center;
- }
- .nav-toggle svg{ width:22px; height:22px; }
-
- .brand{
- font-family:Poppins, Inter, system-ui;
- font-weight:800;
- letter-spacing:.2px;
- }
- .navlinks{ display:flex; gap:18px; align-items:center; }
- .navlinks a{
- color:var(--muted);
- font-weight:700;
- padding:10px 12px;
- border-radius:999px;
- }
- .navlinks a:hover{ color:var(--text); background:rgba(0,0,0,.04); }
- .nav-cta{
- border:0;
- background:linear-gradient(90deg, var(--accent), var(--accent2));
- color:#fff !important;
- }
- .nav-cta:hover{ filter:brightness(1.03); }
-
- @media (max-width: 740px){
- .topbar-inner{ padding:5px 0; }
- .brand{ font-size:15px; }
- .nav-toggle{ display:inline-flex; }
-
- /* turn navlinks into dropdown panel */
- .navlinks{
- position:absolute;
- top:64px; /* below the bar */
- right:18px;
- left:18px;
- display:grid;
- gap:8px;
- padding:12px;
- border-radius:18px;
- background:rgba(255,255,255,.92);
- border:1px solid rgba(0,0,0,.08);
- box-shadow:0 18px 60px rgba(0,0,0,.18);
-
- opacity:0;
- transform: translateY(-8px);
- pointer-events:none;
- transition: opacity .15s ease, transform .15s ease;
- }
-
- /* show when open */
- .topbar.nav-open .navlinks{
- opacity:1;
- transform: translateY(0);
- pointer-events:auto;
- }
-
- .navlinks a{
- justify-content:center;
- padding:12px 14px;
- background:rgba(0,0,0,.02);
- }
- .navlinks a.nav-cta{
- background:linear-gradient(90deg, var(--accent), var(--accent2));
- }
- }
-
- /* Hero */
- .hero{
- position:relative;
- min-height:78vh;
- overflow:hidden;
- display:flex;
- align-items:stretch;
- }
- .hero-bg{
- position:absolute; inset:0;
- background-size:cover;
- background-position:center;
- transform:scale(1.03);
- filter:saturate(1.05) contrast(1.05);
- }
- .hero-overlay{
- position:absolute; inset:0;
- background:linear-gradient(90deg,
- rgba(0,0,0,.56) 0%,
- rgba(0,0,0,.24) 44%,
- rgba(0,0,0,.12) 100%);
- }
- .hero-inner{
- position:relative;
- width:min(var(--wrap), calc(100% - 36px));
- margin:0 auto;
- padding:48px 0;
- display:grid;
- grid-template-columns: 1.05fr .95fr;
- gap:28px;
- align-items:center;
- }
- @media (max-width: 980px){
- .hero{ min-height:unset; }
- .hero-inner{ grid-template-columns:1fr; padding:26px 0; }
- }
-
- .kicker{
- color:rgba(255,255,255,.78);
- font-weight:800;
- letter-spacing:.12em;
- text-transform:uppercase;
- font-size:12px;
- margin-bottom:14px;
- }
- .hero-left h1{
- margin:0;
- color:#fff;
- font-family:Poppins, Inter, system-ui;
- font-size: clamp(44px, 5vw, 76px);
- line-height: .95;
- letter-spacing:-.02em;
- }
- .hero-left h1 span{ color:rgba(255,255,255,.92); }
- .subhead{
- margin:14px 0 0;
- color:rgba(255,255,255,.78);
- max-width:60ch;
- font-size:15px;
- line-height:1.55;
- }
- .hero-actions{
- margin-top:18px;
- display:flex;
- gap:12px;
- flex-wrap:wrap;
- align-content: right;
- }
- .pill{
- display:inline-flex;
- align-items:center;
- justify-content:center;
- height:55px;
- padding:0 18px;
- border-radius:999px;
- background:linear-gradient(90deg, var(--accent), var(--accent2));
- color:#fff;
- font-family:Poppins, Inter, system-ui;
- font-weight:800;
- font-size:2em;
- box-shadow:0 18px 40px rgba(var(--accent-rgb), .28);
- transition:transform .12s ease, filter .12s ease;
- }
- .pill:hover{ filter:brightness(1.02); transform:translateY(-1px); }
- .pill:active{ transform:scale(.985); }
- .pill.ghost{
- background:rgba(255,255,255,.14);
- border:1px solid rgba(255,255,255,.28);
- box-shadow:none;
- }
-
- /* Right card */
- .hero-right{ display:flex; justify-content:flex-end; }
- .contact-card{
- width:min(520px, 100%);
- background-color: rgba(255, 255, 255, 0.8);
- border-radius:var(--radius);
- box-shadow:var(--shadow);
- padding:26px;
- }
- .card-title{
- font-family:Poppins, Inter, system-ui;
- font-weight:900;
- font-size:32px;
- letter-spacing:-.02em;
- text-align:center;
- margin:0 0 12px;
- }
- .tabs{
- display:flex;
- gap:10px;
- justify-content:center;
- margin: 0 0 14px;
- }
- .tab{
- border:1px solid rgba(0,0,0,.10);
- background:#fff;
- color:rgba(11,18,32,.78);
- padding:10px 12px;
- border-radius:999px;
- font-weight:800;
- font-size:13px;
- cursor:pointer;
- transition:background .12s ease;
- user-select:none;
- }
- .tab.active{
- background:rgba(var(--accent-rgb), .10);
- border-color:rgba(var(--accent-rgb), .22);
- color:rgba(11,18,32,.92);
- }
-
- /* --- Share link icon (bottom-left on listing cards) --- */
- .card-actions{
- position:relative; /* needed so the share button can anchor */
- }
- .link-btn{
- position:absolute;
- left:0;
- bottom:0;
- width:38px;
- height:38px;
- border-radius:999px;
- border:1px solid rgba(0,0,0,.10);
- background:rgba(255,255,255,.92);
- display:inline-flex;
- align-items:center;
- justify-content:center;
- cursor:pointer;
- box-shadow:0 14px 34px rgba(0,0,0,.10);
- transition:transform .12s ease, filter .12s ease, background .12s ease;
- }
- .link-btn:hover{ filter:brightness(1.03); transform:translateY(-1px); }
- .link-btn:active{ transform:scale(.985); }
- .link-btn svg{ width:18px; height:18px; }
-
- /* Optional “Copied!” toast */
- .copy-toast{
- position:fixed;
- left:50%;
- bottom:22px;
- transform:translateX(-50%);
- padding:10px 14px;
- border-radius:999px;
- background:rgba(11,18,32,.88);
- color:#fff;
- font-weight:800;
- font-size:13px;
- z-index:999;
- opacity:0;
- pointer-events:none;
- transition:opacity .18s ease, transform .18s ease;
- }
- .copy-toast.show{
- opacity:1;
- transform:translateX(-50%) translateY(-4px);
- }
-
-.card.listing-highlight{
- border-color: rgba(var(--accent-rgb), .65);
- box-shadow:
- 0 32px 92px rgba(0,0,0,.20),
- 0 0 0 7px rgba(var(--accent-rgb), .38),
- 0 0 44px rgba(var(--accent-rgb), .50);
- transform: translateY(-3px);
- position: relative;
- z-index: 6;
-}
-
- .form{ display:grid; gap:12px; }
- .row2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
- @media (max-width:560px){ .row2{ grid-template-columns:1fr; } }
-
- label{
- font-size:12px;
- font-weight:800;
- color:rgba(11,18,32,.70);
- display:grid;
- gap:6px;
- }
- input, textarea, select{
- border-radius:12px;
- border:1px solid rgba(0,0,0,.18);
- padding:12px 12px;
- font: inherit;
- outline:none;
- background:#fff;
- }
- input:focus, textarea:focus, select:focus{
- border-color:rgba(var(--accent-rgb), .55);
- box-shadow:0 0 0 4px rgba(var(--accent-rgb), .14);
- }
- .req{ color:var(--accent); font-weight:900; }
-
- .send{
- height:44px;
- border:0;
- border-radius:12px;
- background:var(--accent);
- color:#fff;
- font-weight:900;
- cursor:pointer;
- width:140px;
- justify-self:end;
- transition:filter .12s ease, transform .12s ease;
- }
- .send:hover{ filter:brightness(1.03); }
- .send:active{ transform:scale(.985); }
-
- .micro{
- margin-top:10px;
- color:rgba(11,18,32,.60);
- font-size:13px;
- text-align:center;
- }
- .micro a{ color:var(--accent); font-weight:900; }
-
- /* Sections */
- .section{ padding: 54px 0; }
- .section-head{
- display:flex;
- align-items:end;
- justify-content:space-between;
- gap:12px;
- margin-bottom:16px;
- }
- .section-head h2{
- margin:0;
- font-family:Poppins, Inter, system-ui;
- font-weight:900;
- letter-spacing:-.02em;
- font-size:26px;
- }
- .section-head .hint{
- color:var(--muted);
- font-weight:600;
- font-size:14px;
- }
-
- /* Hint: on mobile, move under header + left align */
- @media (max-width: 640px){
- .section-head{
- flex-direction:column;
- align-items:flex-start;
- gap:6px;
- }
- .section-head .hint{
- width:100%;
- text-align:left;
- }
- }
-
- /* Grid/cards */
- .grid{
- display:grid;
- grid-template-columns: repeat(3, 1fr);
- gap:14px;
- }
- @media (max-width: 980px){ .grid{ grid-template-columns: repeat(2, 1fr); } }
- @media (max-width: 640px){ .grid{ grid-template-columns: 1fr; } }
-
- .card{
- background:#fff;
- border:1px solid rgba(0,0,0,.08);
- border-radius:18px;
- overflow:hidden;
- box-shadow:0 16px 46px rgba(0,0,0,.08);
- transition: transform .14s ease, box-shadow .14s ease;
- }
- .card:hover{ transform: translateY(-2px); box-shadow:0 22px 64px rgba(0,0,0,.10); }
- .card-img{
- height: 190px;
- background-size: cover;
- background-position: center;
- background-color: rgba(0,0,0,.06);
- }
- .card-pad{ padding: 14px; }
- .price{
- font-family:Poppins, Inter, system-ui;
- font-weight:900;
- letter-spacing:-.01em;
- margin-bottom:4px;
- }
- .title{
- margin:0;
- font-family:Poppins, Inter, system-ui;
- font-weight:800;
- letter-spacing:-.01em;
- font-size:16px;
- }
- .meta{
- margin-top:6px;
- color:rgba(11,18,32,.62);
- font-size:13px;
- line-height:1.35;
- }
- .tags{
- display:flex;
- gap:6px;
- flex-wrap:wrap;
- margin-top:10px;
- }
- .tag{
- font-size:12px;
- font-weight:800;
- padding:6px 8px;
- border-radius:999px;
- border:1px solid rgba(0,0,0,.08);
- background:rgba(var(--accent2-rgb), .14);
- color:rgba(11,18,32,.82);
- }
- .card-actions{
- margin-top:12px;
- display:flex;
- justify-content:right; /* <-- center */
- }
- .btn-mini{
- display:inline-flex;
- align-items:center;
- justify-content:center;
- height:38px;
- padding:0 12px;
- border-radius:999px;
- border:1px solid rgba(0,0,0,.10);
- background:#fff;
- font-weight:900;
- color:rgba(11,18,32,.90);
- cursor:pointer;
- transition:background .12s ease;
- }
- .btn-mini:hover{ background:rgba(0,0,0,.04); }
-
- /* --- add this CSS (near your other button styles) --- */
- .btn-split{
- display:flex;
- overflow:hidden;
- height:38px; /* matches .btn-mini */
- border-radius:999px;
- background:linear-gradient(90deg, var(--accent), var(--accent2));
- border:0;
- }
- .btn-split a{
- flex:1;
- display:flex;
- align-items:center;
- justify-content:center;
- padding:0 12px;
- font-weight:900;
- color:#fff;
- text-decoration:none;
- white-space:nowrap;
- }
- .btn-split a + a{
- border-left:1px solid rgba(255,255,255,.28);
- }
- .btn-split a:hover{ filter:brightness(1.04); }
- .btn-split a:active{ transform:scale(.985); }
-
- .btn-mini.primary{
- background:linear-gradient(90deg, var(--accent), var(--accent2));
- border:0;
- color:#fff;
- }
-
- /* Reviews */
- .review-card{
- border-radius:18px;
- border:1px solid rgba(0,0,0,.08);
- box-shadow:0 16px 46px rgba(0,0,0,.08);
- background:#fff;
- padding:18px;
- }
- .reviews-top{
- display:flex;
- align-items:center;
- justify-content:space-between;
- gap:12px;
- margin-bottom:12px;
- flex-wrap:wrap;
- }
- .rating{
- display:flex;
- align-items:center;
- gap:10px;
- font-weight:900;
- font-family:Poppins, Inter, system-ui;
- }
- .stars{ letter-spacing:2px; color: rgba(var(--accent2-rgb), .95); }
- .reviews-grid{
- display:grid;
- grid-template-columns: repeat(3, 1fr);
- gap:12px;
- }
- @media (max-width: 980px){ .reviews-grid{ grid-template-columns: repeat(2, 1fr);} }
- @media (max-width: 640px){ .reviews-grid{ grid-template-columns: 1fr;} }
- .review{
- border:1px solid rgba(0,0,0,.08);
- border-radius:14px;
- padding:14px;
- background:rgba(0,0,0,.01);
- }
- .review .name{ font-weight:900; margin-bottom:6px; }
- .review .text{ color:rgba(11,18,32,.70); font-size:13px; line-height:1.5; }
-
- /* About */
- .about{
- display:grid;
- grid-template-columns: 1.1fr .9fr;
- gap:14px;
- align-items:stretch;
- }
- @media (max-width: 980px){ .about{ grid-template-columns:1fr; } }
- .about-box{
- border-radius:18px;
- border:1px solid rgba(0,0,0,.08);
- box-shadow:0 16px 46px rgba(0,0,0,.08);
- background:#fff;
- padding:20px;
- }
- .about-box h3{
- margin:0 0 10px;
- font-family:Poppins, Inter, system-ui;
- font-weight:900;
- letter-spacing:-.02em;
- }
- .about-box p{
- margin:0;
- color:rgba(11,18,32,.70);
- line-height:1.6;
- }
- .about-list{
- margin:12px 0 0;
- padding-left:18px;
- color:rgba(11,18,32,.68);
- line-height:1.6;
- font-weight:600;
- }
- /* Shared height for logo + socials */
- .about-brand-row{
- --brand-size: 80px;
- margin-top:50px;
- display:flex;
- align-items:center;
- justify-content:center;
- gap:18px;
- flex-wrap:nowrap;
- }
-
- /* Logo */
- .about-brand-row img{
- height:var(--brand-size);
- width:auto;
- display:block;
- object-fit:contain;
- }
-
- /* Social icons */
- .social-row{
- display:flex;
- align-items:center;
- gap:16px;
- }
-
- .social-btn{
- display:inline-flex;
- align-items:center;
- justify-content:center;
- width:var(--brand-size);
- height:var(--brand-size);
- padding:0;
- background:none;
- border:0;
- color:var(--accent-dark);
- transition:transform .12s ease, filter .12s ease;
- }
-
- .social-btn:hover{
- filter:brightness(1.1);
- transform:translateY(-1px);
- }
-
- .social-btn:active{ transform:scale(.96); }
-
- /* Make SVG fill the full button box */
- .social-btn svg{
- width:100%;
- height:100%;
- }
-
- /* Footer */
- footer{
- padding:30px 0;
- border-top:1px solid rgba(0,0,0,.06);
- color:rgba(11,18,32,.55);
- }
- .footer-inner{
- display:flex;
- justify-content:space-between;
- gap:12px;
- flex-wrap:wrap;
- font-weight:700;
- font-size:13px;
- }
-
- /* Small utility */
- .hide{ display:none !important; }
- .muted{ color:var(--muted); }
-
- /* Optional: mobile sticky quick actions */
- .mobile-bar{
- position:fixed;
- left:12px; right:12px; bottom:12px;
- display:none;
- gap:10px;
- z-index:60;
- }
- .mobile-bar a{
- flex:1;
- height:48px;
- border-radius:999px;
- display:flex;
- align-items:center;
- justify-content:center;
- font-weight:900;
- border:1px solid rgba(0,0,0,.10);
- background:#fff;
- box-shadow:0 18px 48px rgba(0,0,0,.14);
- }
- .mobile-bar a.primary{
- border:0;
- background:linear-gradient(90deg, var(--accent), var(--accent2));
- color:#fff;
- }
- @media (max-width: 740px){
- .mobile-bar{ display:flex; }
- }
- .navlinks a.nav-cta:hover{
- background: linear-gradient(90deg, var(--accent), var(--accent2));
- color: #fff;
- }
- </style>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+
+<title>Mia Druck | Fort Lauderdale & South Florida Real Estate Agent</title>
+<meta name="description" content="Mia Druck is a South Florida real estate agent with Ocean Glades Realty, helping buyers, sellers and renters in Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton. Rated 5.0 from 25+ Google reviews.">
+<link rel="canonical" href="https://miadruck.com/">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
+<meta name="author" content="Mia Druck">
+<meta name="theme-color" content="#0F2436">
+
+<!-- Local signals -->
+<meta name="geo.region" content="US-FL">
+<meta name="geo.placename" content="Lauderdale-by-the-Sea, Florida">
+<meta name="geo.position" content="26.1917;-80.0972">
+<meta name="ICBM" content="26.1917, -80.0972">
+
+<!-- Social -->
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Mia Druck | Ocean Glades Realty">
+<meta property="og:locale" content="en_US">
+<meta property="og:title" content="Mia Druck | Fort Lauderdale & South Florida Real Estate Agent">
+<meta property="og:description" content="Buying, selling and rentals across Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton. Rated 5.0 from 25+ Google reviews.">
+<meta property="og:url" content="https://miadruck.com/">
+<meta property="og:image" content="https://miadruck.com/assets/img/og-image.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="A lighthouse at sunset on the South Florida coast">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Mia Druck | Fort Lauderdale & South Florida Real Estate Agent">
+<meta name="twitter:description" content="Buying, selling and rentals across Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton.">
+<meta name="twitter:image" content="https://miadruck.com/assets/img/og-image.jpg">
+<meta name="twitter:image:alt" content="A lighthouse at sunset on the South Florida coast">
+
+<!-- Icons -->
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="manifest" href="/site.webmanifest">
+
+<!-- Critical assets -->
+<link rel="preload" href="/assets/fonts/fraunces-latin-var.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="/assets/img/hero-fort-lauderdale.webp" as="image"
+ imagesrcset="/assets/img/hero-fort-lauderdale-640w.webp 640w, /assets/img/hero-fort-lauderdale-960w.webp 960w, /assets/img/hero-fort-lauderdale.webp 1280w"
+ imagesizes="100vw" fetchpriority="high">
+<script>document.documentElement.classList.add('js')</script>
+<link rel="stylesheet" href="/assets/site.css">
+<script src="/assets/site.js" defer></script>
</head>
<body>
-
- <!-- Top nav -->
- <header class="topbar">
- <div class="topbar-inner">
- <div class="brand">
- <a href="#top">Mia Druck</a> | <a class="brand" target="_blank" href="https://www.zillow.com/profile/Andrew%20West">Ocean Glades Realty</a>
+<a class="skip" href="#main">Skip to content</a>
+
+<!-- Header ================================================================ -->
+<header class="topbar">
+ <div class="topbar-inner">
+ <a class="wordmark" href="/">Mia Druck<span>Ocean Glades Realty</span></a>
+
+ <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+ </svg>
+ </button>
+
+ <nav class="navlinks" id="siteNav" aria-label="Main">
+ <a href="#listings">Listings</a>
+ <a href="#sales">Recent Sales</a>
+ <a href="#areas">Areas</a>
+ <a href="#about">About</a>
+ <a class="nav-cta" href="#contact">Contact</a>
+ </nav>
+ </div>
+</header>
+
+<main id="main">
+
+<!-- Hero =================================================================== -->
+<section class="hero">
+ <img class="hero-img"
+ src="/assets/img/hero-fort-lauderdale.webp"
+ srcset="/assets/img/hero-fort-lauderdale-640w.webp 640w,
+ /assets/img/hero-fort-lauderdale-960w.webp 960w,
+ /assets/img/hero-fort-lauderdale.webp 1280w"
+ sizes="100vw" width="1280" height="853"
+ alt="A lighthouse at sunset above palm trees and moored boats on the South Florida coast"
+ fetchpriority="high" decoding="async">
+ <div class="hero-scrim"></div>
+
+ <div class="hero-inner">
+ <p class="eyebrow">South Florida Real Estate</p>
+ <h1>Real estate, <em>made simple.</em></h1>
+ <p class="hero-sub">
+ Mia Druck helps buyers, sellers and renters move through Fort Lauderdale,
+ Pompano Beach, Lighthouse Point and Boca Raton — with fast communication
+ and negotiation that holds its ground.
+ </p>
+ <div class="hero-actions">
+ <a class="btn" href="tel:+19545527330">(954) 552-7330</a>
+ <a class="btn btn-light" href="#contact">Work with Mia</a>
+ </div>
+ </div>
+</section>
+
+<!-- Proof strip ============================================================ -->
+<div class="proof">
+ <div class="proof-inner">
+ <div>
+ <span class="stars" aria-hidden="true">★★★★★</span>
+ <strong>5.0</strong> from
+ <a href="https://share.google/sgExBQ7qvd5iWNHKI" target="_blank" rel="noopener">25+ Google reviews</a>
+ </div>
+ <div class="proof-areas">
+ <span class="proof-sep">Serving</span>
+ <a href="/fort-lauderdale-real-estate/">Fort Lauderdale</a><span class="proof-sep">·</span>
+ <a href="/pompano-beach-real-estate/">Pompano Beach</a><span class="proof-sep">·</span>
+ <a href="/lighthouse-point-real-estate/">Lighthouse Point</a><span class="proof-sep">·</span>
+ <a href="/boca-raton-real-estate/">Boca Raton</a>
+ </div>
+ </div>
+</div>
+
+<!-- 01 Listings ============================================================ -->
+<section class="section" id="listings">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">01 — Listings</p>
+ <h2>Featured active listings</h2>
</div>
+ <p class="hint">A curated selection. Ask about off-market inventory that never reaches the public sites.</p>
+ </div>
- <!-- Hamburger (mobile) -->
- <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
- <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
- <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
- </svg>
- </button>
+ <div class="listing-index">
+
+ <!-- LISTING START — copy one block to add a property ------------------ -->
+ <article class="listing reveal" id="boca-600-nw-12">
+ <div class="listing-media">
+ <img src="/assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp"
+ srcset="/assets/img/listing-600-nw-12th-ave-boca-raton-400w.webp 400w,
+ /assets/img/listing-600-nw-12th-ave-boca-raton-560w.webp 560w,
+ /assets/img/listing-600-nw-12th-ave-boca-raton.webp 1120w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="373" loading="lazy" decoding="async"
+ alt="Single family home at 600 NW 12th Avenue in Boca Raton, Florida">
+ <span class="listing-flag">For Sale</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$800,000</p>
+ <h3>600 NW 12th Avenue</h3>
+ <p class="listing-city">Boca Raton, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs">
+ <li>4 Bed</li><li>3 Bath</li><li>1,857 Sq Ft</li><li>Single Family</li>
+ </ul>
+ <ul class="listing-tags">
+ <li>No HOA</li><li>Nearby schools</li><li>Single family</li>
+ </ul>
+ <div class="listing-actions">
+ <a class="btn" href="https://www.zillow.com/homedetails/600-NW-12th-Ave-Boca-Raton-FL-33486/46704709_zpid/" target="_blank" rel="noopener">View details</a>
+ <a class="btn btn-ghost" href="#contact">Ask about this home</a>
+ <button class="icon-btn" type="button" data-copy-listing="boca-600-nw-12" aria-label="Copy link to 600 NW 12th Avenue">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M10 13a5 5 0 0 0 7.07 0l2.12-2.12a5 5 0 0 0-7.07-7.07L10.9 4.99" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ <path d="M14 11a5 5 0 0 0-7.07 0L4.81 13.12a5 5 0 0 0 7.07 7.07L13.1 19.01" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ </svg>
+ </button>
+ </div>
+ </div>
+ </article>
+ <!-- LISTING END ------------------------------------------------------ -->
+
+ <article class="listing reveal" id="deerfield-868-crystal-lake">
+ <div class="listing-media">
+ <img src="/assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp"
+ srcset="/assets/img/listing-868-crystal-lake-dr-pompano-beach-400w.webp 400w,
+ /assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp 560w,
+ /assets/img/listing-868-crystal-lake-dr-pompano-beach.webp 1120w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="373" loading="lazy" decoding="async"
+ alt="Modern townhome at 868 Crystal Lake Drive in Pompano Beach, Florida">
+ <span class="listing-flag">For Sale</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$390,000</p>
+ <h3>868 Crystal Lake Drive</h3>
+ <p class="listing-city">Pompano Beach, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs">
+ <li>2 Bed</li><li>2.1 Bath</li><li>1,122 Sq Ft</li><li>Townhome</li>
+ </ul>
+ <ul class="listing-tags">
+ <li>Low HOA</li><li>Recently updated</li><li>Ready to rent</li>
+ </ul>
+ <div class="listing-actions">
+ <a class="btn" href="https://www.zillow.com/homedetails/868-Crystal-Lake-Dr-Pompano-Beach-FL-33064/42895852_zpid/" target="_blank" rel="noopener">View details</a>
+ <a class="btn btn-ghost" href="#contact">Ask about this home</a>
+ <button class="icon-btn" type="button" data-copy-listing="deerfield-868-crystal-lake" aria-label="Copy link to 868 Crystal Lake Drive">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M10 13a5 5 0 0 0 7.07 0l2.12-2.12a5 5 0 0 0-7.07-7.07L10.9 4.99" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ <path d="M14 11a5 5 0 0 0-7.07 0L4.81 13.12a5 5 0 0 0 7.07 7.07L13.1 19.01" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ </svg>
+ </button>
+ </div>
+ </div>
+ </article>
+
+ <article class="listing reveal" id="pno-1433-ne-27">
+ <div class="listing-media">
+ <img src="/assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp"
+ srcset="/assets/img/listing-1433-ne-27th-st-pompano-beach-400w.webp 400w,
+ /assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp 560w,
+ /assets/img/listing-1433-ne-27th-st-pompano-beach.webp 768w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="420" loading="lazy" decoding="async"
+ alt="Cozy single family rental home at 1433 NE 27th Street in Pompano Beach, Florida">
+ <span class="listing-flag">For Rent</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$3,000<span class="listing-city"> / month</span></p>
+ <h3>1433 NE 27th Street</h3>
+ <p class="listing-city">Pompano Beach, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs">
+ <li>2 Bed</li><li>1 Bath</li><li>816 Sq Ft</li><li>Seasonal</li>
+ </ul>
+ <ul class="listing-tags">
+ <li>Single family</li><li>Prime area</li><li>Seasonal rental</li>
+ </ul>
+ <div class="listing-actions">
+ <a class="btn" href="https://www.zillow.com/homedetails/1433-NE-27th-St-Pompano-Beach-FL-33064/42906647_zpid/" target="_blank" rel="noopener">View details</a>
+ <a class="btn btn-ghost" href="#contact">Ask about this home</a>
+ <button class="icon-btn" type="button" data-copy-listing="pno-1433-ne-27" aria-label="Copy link to 1433 NE 27th Street">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M10 13a5 5 0 0 0 7.07 0l2.12-2.12a5 5 0 0 0-7.07-7.07L10.9 4.99" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ <path d="M14 11a5 5 0 0 0-7.07 0L4.81 13.12a5 5 0 0 0 7.07 7.07L13.1 19.01" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ </svg>
+ </button>
+ </div>
+ </div>
+ </article>
+
+ <article class="listing reveal" id="lighthouse-29-ave">
+ <div class="listing-media">
+ <img src="/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp"
+ srcset="/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp 440w,
+ /assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp 628w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="481" loading="lazy" decoding="async"
+ alt="Beach side cottage at 2730 NE 29th Avenue in Lighthouse Point, Florida">
+ <span class="listing-flag">Off Market</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$2,800<span class="listing-city"> / month</span></p>
+ <h3>2730 NE 29th Avenue</h3>
+ <p class="listing-city">Lighthouse Point, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs">
+ <li>2 Bed</li><li>2 Bath</li><li>980 Sq Ft</li><li>Cottage</li>
+ </ul>
+ <ul class="listing-tags">
+ <li>Off market</li><li>Updated</li><li>East of US-1</li>
+ </ul>
+ <div class="listing-actions">
+ <a class="btn" href="sms:+19545527330">Text about this home</a>
+ <a class="btn btn-ghost" href="#contact">Send a message</a>
+ <button class="icon-btn" type="button" data-copy-listing="lighthouse-29-ave" aria-label="Copy link to 2730 NE 29th Avenue">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M10 13a5 5 0 0 0 7.07 0l2.12-2.12a5 5 0 0 0-7.07-7.07L10.9 4.99" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ <path d="M14 11a5 5 0 0 0-7.07 0L4.81 13.12a5 5 0 0 0 7.07 7.07L13.1 19.01" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+ </svg>
+ </button>
+ </div>
+ </div>
+ </article>
- <nav class="navlinks" id="siteNav">
- <a href="#active-listings">Active Listings</a>
- <a href="#previous-sales">Previous Sales</a>
- <a class="nav-cta" href="#contact">Contact</a>
- </nav>
</div>
- </header>
-
- <!-- Hero -->
- <section class="hero" id="top">
- <!-- Replace this URL with your chosen Fort Lauderdale image path or remote URL -->
- <div class="hero-bg"
- style="background-image:url('https://i.postimg.cc/ZqVd7Zs5/Chat-GPT-Image-Jan-9-2026-03-20-31-AM.png');">
+ </div>
+</section>
+
+<!-- 02 Recent sales ======================================================== -->
+<section class="section section--sand" id="sales">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">02 — Recent Sales</p>
+ <h2>Closed and delivered</h2>
+ </div>
+ <p class="hint">Single family, duplex and investment property across Broward and Palm Beach County.</p>
</div>
- <div class="hero-overlay"></div>
- <div class="hero-inner">
- <div class="hero-left">
- <div class="kicker">South Florida's Top Rated Agent</div>
- <h1>Move with Mia</h1>
- <p class="subhead">
- Buying · Selling · Rentals
- </p>
-
- <div class="hero-actions">
- <a href="tel:9545527330" class="pill">(954) 552-7330</a>
+ <div class="sold-grid">
+ <article class="sold reveal">
+ <div class="sold-media">
+ <img src="/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp"
+ srcset="/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp 370w,
+ /assets/img/sold-581-se-11th-st-pompano-beach.webp 740w"
+ sizes="(max-width: 600px) 100vw, (max-width: 900px) 46vw, 370px"
+ width="370" height="247" loading="lazy" decoding="async"
+ alt="Sold single family home with pool at 581 SE 11th Street, Pompano Beach">
</div>
- </div>
-
- <div class="hero-right" id="mls">
- <div class="contact-card">
-
- <!-- CONTACT PANEL -->
- <div id="panel-contact">
- <form class="form" id="heroContactForm" action="https://formspree.io/f/mpqqaadn" method="POST">
- <div class="row2">
- <label>
- First Name
- <input name="first_name" autocomplete="given-name" />
- </label>
- <label>
- Last Name
- <input name="last_name" autocomplete="family-name" />
- </label>
- </div>
-
- <label>
- Email
- <input name="email" type="email" required autocomplete="email" />
- </label>
-
- <label>
- Phone
- <input name="phone" type="tel" autocomplete="tel" />
- </label>
-
- <label>
- Message
- <textarea name="message" rows="4" placeholder="Buying, selling, or just exploring?"></textarea>
- </label>
-
- <button class="send" type="submit">Send</button>
- </form>
-
- <!-- Success replaces form (prevents multiple submissions) -->
- <div id="contactSuccess" class="hide" style="
- padding:18px;
- border-radius:16px;
- border:1px solid rgba(0,0,0,.10);
- background:rgba(var(--accent2-rgb), .10);
- text-align:center;
- ">
- <div style="font-family:Poppins,Inter,system-ui;font-weight:900;font-size:20px;">
- Your message has been sent!
- </div>
- <div class="muted" style="margin-top:8px;font-weight:700; line-height:1.45;">
- Thanks for reaching out — Mia will get back to you shortly.
- </div>
- <div class="muted" style="margin-top:10px;font-weight:800;">
- If you need a faster response, call:
- <a href="tel:9545527330" style="color:var(--accent); font-weight:900;">(954) 552-7330</a>
- </div>
- </div>
- </div>
-
+ <p class="sold-price">$611,700</p>
+ <h3>581 SE 11th Street</h3>
+ <p class="meta">Pompano Beach · 3 bed · 2 bath · 1,895 sq ft · Pool</p>
+ <p class="sold-date">Sold October 7, 2025</p>
+ </article>
+
+ <article class="sold reveal">
+ <div class="sold-media">
+ <img src="/assets/img/sold-2018-ne-15th-st-fort-lauderdale.webp"
+ sizes="(max-width: 600px) 100vw, (max-width: 900px) 46vw, 370px"
+ width="384" height="288" loading="lazy" decoding="async"
+ alt="Sold investor duplex at 2018 NE 15th Street, Fort Lauderdale">
+ </div>
+ <p class="sold-price">$830,500</p>
+ <h3>2018 NE 15th Street</h3>
+ <p class="meta">Fort Lauderdale · Duplex · 2 bed · 2 bath each side</p>
+ <p class="sold-date">Sold February 24, 2025</p>
+ </article>
+
+ <article class="sold reveal">
+ <div class="sold-media">
+ <img src="/assets/img/sold-6862-houlton-circle-lake-worth-370w.webp"
+ srcset="/assets/img/sold-6862-houlton-circle-lake-worth-370w.webp 370w,
+ /assets/img/sold-6862-houlton-circle-lake-worth.webp 576w"
+ sizes="(max-width: 600px) 100vw, (max-width: 900px) 46vw, 370px"
+ width="370" height="278" loading="lazy" decoding="async"
+ alt="Sold two story home at 6862 Houlton Circle, Lake Worth">
</div>
+ <p class="sold-price">$835,000</p>
+ <h3>6862 Houlton Circle</h3>
+ <p class="meta">Lake Worth · 6 bed · 4 bath · 3,728 sq ft · Two story</p>
+ <p class="sold-date">Sold December 18, 2023</p>
+ </article>
+ </div>
+ </div>
+</section>
+
+<!-- 03 Reviews ============================================================= -->
+<section class="section" id="reviews">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">03 — Client Reviews</p>
+ <h2>What past clients say</h2>
</div>
+ <p class="hint">
+ Rated 5.0 from 25+ reviews ·
+ <a class="underline-link" href="https://share.google/sgExBQ7qvd5iWNHKI" target="_blank" rel="noopener">Read them on Google</a>
+ </p>
</div>
- </section>
- <!-- Reviews -->
- <section class="section" id="reviews">
- <div class="wrap">
- <div class="section-head">
- <h2>What My Past Clients Are Saying</h2>
- <div class="hint">Trusted by clients</div>
+ <div class="reviews-grid">
+ <figure class="review reveal">
+ <blockquote>
+ Mia is absolutely wonderful to work with. She's professional, knowledgeable and
+ incredibly responsive. Her expertise and honesty are invaluable traits. If you're
+ looking to buy, sell, rent — you're in excellent hands.
+ </blockquote>
+ <figcaption>Jennifer Colson<span class="src">Google review</span></figcaption>
+ </figure>
+
+ <figure class="review reveal">
+ <blockquote>
+ I had the pleasure of working with Mia to purchase my first rental property, and I
+ couldn't have asked for a better experience. Her expertise in the local market and
+ understanding of my investment goals made the entire process smooth and stress-free.
+ Thanks to Mia, I found the perfect property and started my real estate investment journey.
+ </blockquote>
+ <figcaption>Jesse Haven<span class="src">Google review</span></figcaption>
+ </figure>
+
+ <figure class="review reveal">
+ <blockquote>
+ Without a doubt the hardest working person I've ever had the pleasure of working with.
+ Any time of day Mia was available and immediately responded to questions or concerns.
+ She made the process easy and stress free, from many viewings all the way to closing.
+ I strongly recommend her if you're searching for your new home.
+ </blockquote>
+ <figcaption>Curt Lane<span class="src">Google review</span></figcaption>
+ </figure>
+ </div>
+ </div>
+</section>
+
+<!-- 04 About =============================================================== -->
+<section class="section section--sand" id="about">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">04 — About</p>
+ <h2>Meet Mia Druck</h2>
</div>
+ <p class="hint">Licensed real estate agent · Ocean Glades Realty · Lauderdale-by-the-Sea</p>
+ </div>
- <div class="review-card">
- <div class="reviews-top">
- <div class="rating">
- <span class="stars">★★★★★</span>
- <span>5.0</span>
- <span class="muted" style="font-weight:700;">(28 reviews)</span>
- </div>
+ <div class="about reveal">
+ <div class="about-portrait">
+ <img src="/assets/img/mia-druck-headshot.webp" width="382" height="510"
+ loading="lazy" decoding="async"
+ alt="Portrait of Mia Druck, South Florida real estate agent">
+ </div>
- <!-- Put your Google reviews widget embed here OR link to the share URL -->
- <a class="btn-mini primary" href="https://share.google/sgExBQ7qvd5iWNHKI" target="_blank" rel="noopener">View on Google</a>
+ <div class="about-body">
+ <div class="prose">
+ <p class="lead">
+ Mia Druck helps buyers and sellers across South Florida with effective, confident guidance —
+ from condos and rentals to waterfront and luxury homes.
+ </p>
+ <p>
+ She makes the process smooth with fast communication and strong negotiation, whether you're
+ buying your first home, listing one you've outgrown, or adding a rental to an investment
+ portfolio. Clients consistently point to the same two things: she picks up the phone, and
+ she does not let problems sit.
+ </p>
+ <p>
+ When she's not working, Mia is enjoying the South Florida lifestyle — boat days, great
+ dinners and happy hours. She brings that same relaxed, results-driven energy to every
+ client relationship.
+ </p>
</div>
- <!-- If you have a widget snippet, paste it here and remove the sample reviews below -->
- <div class="reviews-grid" id="reviewsGrid">
- <div class="review">
- <div class="name">Jennifer Colson</div>
- <div class="text">Mia is absolutely wonderful to work with. She's professional, knowledgeable and incredibly responsive. Her expertise and honesty are invaluable traits. If your looking to buy, sell, rent- your in excellent hands</div>
- </div>
- <div class="review">
- <div class="name">Jesse Haven</div>
- <div class="text">I had the pleasure of working with Mia to purchase my first rental property, and I couldn't have asked for a better experience! Her expertise in the local market and understanding of my investment goals made the entire process smooth and stress-free. She was patient, responsive, and always available to answer my questions. Thanks to Mia, I was able to find the perfect property and start my real estate investment journey. Highly recommend!</div>
- </div>
- <div class="review">
- <div class="name">Curt Lane</div>
- <div class="text">Without a doubt the hardest working person I've ever had the pleasure of working with! Anytime of day 24/7 Mia was available and immediately responds to any questions or concerns. If things were not getting done, Mia had the issue resolved immediately. She made the process very easy and stress free from many viewings all the way to closing. I strongly recommend her if you are ever searching for your new home!</div>
+ <div class="about-credits">
+ <a href="https://www.zillow.com/profile/Andrew%20West" target="_blank" rel="noopener">
+ <img src="/assets/img/ocean-glades-realty-logo.webp"
+ srcset="/assets/img/ocean-glades-realty-logo-223w.webp 223w,
+ /assets/img/ocean-glades-realty-logo.webp 446w"
+ sizes="53px" width="446" height="559" loading="lazy" decoding="async"
+ alt="Ocean Glades Realty">
+ </a>
+ <div class="social-row">
+ <a class="social-btn" href="https://instagram.com/miadruck" target="_blank" rel="noopener me" aria-label="Mia Druck on Instagram">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9A5.5 5.5 0 0 1 16.5 22h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Z" stroke="currentColor" stroke-width="1.6"/>
+ <path d="M12 16.2a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4Z" stroke="currentColor" stroke-width="1.6"/>
+ <path d="M17.3 6.9h.01" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"/>
+ </svg>
+ </a>
+ <a class="social-btn" href="https://www.facebook.com/p/Mia-Druck-100064656883967/" target="_blank" rel="noopener me" aria-label="Mia Druck on Facebook">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M14 8.7V7.3c0-.8.3-1.3 1.5-1.3H17V3h-2.3C12.1 3 11 4.5 11 7v1.7H9v3h2V21h3v-9.3h2.2l.3-3H14Z" fill="currentColor"/>
+ </svg>
+ </a>
</div>
</div>
</div>
</div>
- </section>
-
- <!-- Featured Active Listings -->
- <section class="section" id="active-listings">
- <div class="wrap">
- <div class="section-head">
- <h2>Featured Active Listings</h2>
- <div class="hint">Curated highlights</div>
+ </div>
+</section>
+
+<!-- 05 Areas served ======================================================== -->
+<section class="section" id="areas">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">05 — Areas Served</p>
+ <h2>Where Mia works</h2>
</div>
-
- <div id="featuredGrid" class="grid"></div>
+ <p class="hint">Broward and south Palm Beach County, with the deepest inventory along the coast.</p>
</div>
- </section>
-
- <!-- Previous Sales -->
- <section class="section" id="previous-sales">
- <div class="wrap">
- <div class="section-head">
- <h2>Previous Sales</h2>
- <div class="hint">Proven execution</div>
- </div>
- <div id="soldGrid" class="grid"></div>
+ <div class="areas-grid reveal">
+ <a class="area-card" href="/fort-lauderdale-real-estate/">
+ <h3>Fort Lauderdale</h3>
+ <p>Victoria Park, Rio Vista, Coral Ridge and the Las Olas isles — plus small multifamily.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/pompano-beach-real-estate/">
+ <h3>Pompano Beach</h3>
+ <p>Her densest inventory: beach-side single family, townhomes and seasonal rentals.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/lighthouse-point-real-estate/">
+ <h3>Lighthouse Point</h3>
+ <p>A small, boating-first city of deep-water canals with direct ocean access.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/boca-raton-real-estate/">
+ <h3>Boca Raton</h3>
+ <p>Downtown condos, family neighborhoods east of I-95, and no-HOA pockets.</p>
+ <span class="go">Explore →</span>
+ </a>
</div>
- </section>
-
- <!-- About + Contact -->
- <section class="section" id="about">
- <div class="wrap">
- <div class="section-head">
- <h2>Contact Me</h2>
- <div class="hint">Local expertise • fast execution</div>
+ </div>
+</section>
+
+<!-- 06 FAQ ================================================================= -->
+<section class="section section--sand" id="faq">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">06 — Questions</p>
+ <h2>Common questions</h2>
</div>
+ <p class="hint">Something not covered here? Call or text — the answer is usually one message away.</p>
+ </div>
- <div class="about">
- <div class="about-box">
- <h3>About Mia - Real Estate Made Easy</h3>
- <p>
- Mia Druck helps buyers and sellers in South Florida with effective, confident guidance.
- From condos and rentals to waterfront and luxury homes, she makes the process smooth with
- fast communication and strong negotiation. When she’s not working, Mia is enjoying the
- South Florida lifestyle—boat days, great dinners and happy hours. She brings that same relaxed,
- result driven energy to every client experience.
- </p>
- <div class="about-brand-row">
- <a href="https://www.zillow.com/profile/Andrew%20West" target="_blank">
- <img src="https://i.postimg.cc/rs2FgrJX/broker-logo.png" alt="Ocean Glades Realty logo" />
- </a>
- <div class="social-row">
- <!-- Instagram -->
- <a class="social-btn" href="https://instagram.com/miadruck" target="_blank" rel="noopener" aria-label="Instagram">
- <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
- <path d="M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9A5.5 5.5 0 0 1 16.5 22h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Z" stroke="currentColor" stroke-width="1.8"/>
- <path d="M12 16.2a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4Z" stroke="currentColor" stroke-width="1.8"/>
- <path d="M17.3 6.9h.01" stroke="currentColor" stroke-width="3.2" stroke-linecap="round"/>
- </svg>
- </a>
+ <div class="faq reveal">
+ <details>
+ <summary>Which areas do you cover?</summary>
+ <div class="faq-answer">
+ <p>Primarily Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton, with regular
+ work throughout Broward County and south Palm Beach County — including Lauderdale-by-the-Sea,
+ Deerfield Beach and Lake Worth. If you're looking somewhere nearby, ask; if it isn't a market
+ Mia knows well, she'll say so and refer you to someone who does.</p>
+ </div>
+ </details>
+
+ <details>
+ <summary>Do you work with buyers, sellers, or both?</summary>
+ <div class="faq-answer">
+ <p>Both, plus rentals and small investment property. Recent transactions include a single
+ family home with a pool, an investor duplex, and a six-bedroom two-story — alongside seasonal
+ and annual rentals.</p>
+ </div>
+ </details>
+
+ <details>
+ <summary>What does it cost a buyer to work with you?</summary>
+ <div class="faq-answer">
+ <p>Buyer representation agreements are now signed before touring homes, and the compensation
+ is negotiated and written down up front rather than assumed. Mia will walk you through exactly
+ what she charges, what the seller may or may not contribute, and what it means for your
+ closing costs — before you commit to anything.</p>
+ </div>
+ </details>
+
+ <details>
+ <summary>I'm thinking about selling. What's the first step?</summary>
+ <div class="faq-answer">
+ <p>A conversation and a walkthrough. Mia will look at the property, review comparable sales in
+ your immediate area, and give you a realistic price range along with the handful of
+ improvements actually worth making before listing. There's no obligation attached to that
+ first meeting.</p>
+ </div>
+ </details>
- <!-- Facebook -->
- <a class="social-btn" href="https://www.facebook.com/p/Mia-Druck-100064656883967/" target="_blank" rel="noopener" aria-label="Facebook">
- <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
- <path d="M14 8.7V7.3c0-.8.3-1.3 1.5-1.3H17V3h-2.3C12.1 3 11 4.5 11 7v1.7H9v3h2V21h3v-9.3h2.2l.3-3H14Z" fill="currentColor"/>
- </svg>
- </a>
- </div>
- </div>
+ <details>
+ <summary>Do you handle rentals as well as sales?</summary>
+ <div class="faq-answer">
+ <p>Yes — both seasonal and annual. Several of her current listings are rentals, and she works
+ with owners on getting a property rent-ready as well as with tenants trying to find one.</p>
</div>
+ </details>
+
+ <details>
+ <summary>How quickly do you respond?</summary>
+ <div class="faq-answer">
+ <p>Fast, and that's the single thing clients mention most in reviews. Calling or texting
+ <a class="underline-link" href="tel:+19545527330">(954) 552-7330</a> is the quickest route;
+ the form on this page reaches her too.</p>
+ </div>
+ </details>
+ </div>
+ </div>
+</section>
+
+<!-- 07 Contact ============================================================= -->
+<section class="section" id="contact">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">07 — Contact</p>
+ <h2>Let's talk about your move</h2>
+ </div>
+ <p class="hint">Buying, selling, renting, or just exploring what's possible — all fine.</p>
+ </div>
- <div class="about-box" id="contact">
- <div style="display:grid; gap:16px; text-align:center;">
+ <div class="contact reveal">
+ <div class="contact-direct">
+ <div class="contact-line">
+ <p class="label">Call or text</p>
+ <a class="value" href="tel:+19545527330">(954) 552-7330</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Email</p>
+ <a class="value" href="mailto:[email protected]">[email protected]</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Office</p>
+ <address>
+ Ocean Glades Realty<br>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308
+ </address>
+ </div>
+ <div class="contact-line">
+ <p class="label">Reviews</p>
+ <a class="underline-link" href="https://share.google/sgExBQ7qvd5iWNHKI" target="_blank" rel="noopener">5.0 from 25+ reviews on Google</a>
+ </div>
+ </div>
- <!-- Headshot -->
- <div
- style="
- width:180px;
- height:180px;
- margin:0 auto;
- border-radius:50%;
- background-image:url('https://lh3.googleusercontent.com/p/AF1QipOsCr_6xoDSkLUG33nLrJ9QwA2n9Q4NUIPw0qkt=s680-w680-h510-rw');
- background-size:cover;
- background-position:center;
- box-shadow:0 18px 50px rgba(0,0,0,.18);
- ">
- </div>
+ <div>
+ <form class="form" id="contactForm" action="https://formspree.io/f/mpqqaadn" method="POST">
+ <input type="hidden" name="_subject" value="New enquiry from miadruck.com">
+ <!-- Honeypot: hidden from users, filled by bots. -->
+ <div class="hp" aria-hidden="true">
+ <label>Leave this field empty<input type="text" name="_gotcha" tabindex="-1" autocomplete="off"></label>
+ </div>
- <!-- Name + Title -->
- <div>
- <div style="
- font-family:Poppins,Inter,system-ui;
- font-weight:900;
- font-size:26px;
- letter-spacing:-.02em;
- ">
- Mia Druck
- </div>
- <div class="muted" style="font-weight:700;">
- Fort Lauderdale Real Estate
- </div>
- </div>
+ <div class="row2">
+ <label class="field">
+ <span>First name</span>
+ <input name="first_name" autocomplete="given-name">
+ </label>
+ <label class="field">
+ <span>Last name</span>
+ <input name="last_name" autocomplete="family-name">
+ </label>
+ </div>
- <!-- Contact Info -->
- <div style="display:grid; gap:10px;">
- <a href="tel:9545527330" class="pill" style="height:46px; font-size:15px;">
- (954) 552-7330
- </a>
+ <label class="field">
+ <span>Email <span class="req" aria-hidden="true">*</span></span>
+ <input name="email" type="email" required autocomplete="email">
+ </label>
- <a
- href="mailto:[email protected]"
- class="btn-mini"
- style="justify-content:center; height:42px;"
- >
- Send me an email
- </a>
- </div>
+ <label class="field">
+ <span>Phone</span>
+ <input name="phone" type="tel" autocomplete="tel">
+ </label>
- <!-- Trust line -->
- <div class="micro">
- ⭐⭐⭐⭐⭐ <br />
- <a href="https://share.google/sgExBQ7qvd5iWNHKI" target="_blank" rel="noopener">
- Read Google Reviews
- </a>
- </div>
+ <label class="field">
+ <span>How can Mia help?</span>
+ <textarea name="message" rows="4" placeholder="Buying, selling, renting, or just exploring?"></textarea>
+ </label>
+ <div class="form-foot">
+ <p class="form-note">Your details go straight to Mia. No lists, no spam.</p>
+ <button class="btn" type="submit">Send message</button>
</div>
- </div>
+ </form>
+ <div id="contactSuccess" class="form-success hide">
+ <h3>Message sent</h3>
+ <p>Thanks for reaching out — Mia will get back to you shortly.</p>
+ <p>Need a faster answer? Call <a class="underline-link" href="tel:+19545527330">(954) 552-7330</a>.</p>
+ </div>
</div>
</div>
- </section>
+ </div>
+</section>
+
+</main>
+
+<!-- Footer ================================================================= -->
+<footer>
+ <div class="wrap">
+ <div class="footer-grid">
+ <div>
+ <div class="wordmark">Mia Druck<span>Ocean Glades Realty</span></div>
+ <address>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308<br>
+ <a href="tel:+19545527330">(954) 552-7330</a><br>
+ <a href="mailto:[email protected]">[email protected]</a>
+ </address>
+ </div>
- <footer>
- <div class="wrap footer-inner">
- <div>© <span id="y"></span> Mia Druck</div>
- <div>275 Commercial Blvd. Suite 212, Lauderdale-by-the-Sea, FL 33308</div>
+ <div class="footer-col">
+ <h4>Explore</h4>
+ <ul>
+ <li><a href="#listings">Active listings</a></li>
+ <li><a href="#sales">Recent sales</a></li>
+ <li><a href="#about">About Mia</a></li>
+ <li><a href="#faq">Questions</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </div>
+
+ <div class="footer-col">
+ <h4>Areas</h4>
+ <ul>
+ <li><a href="/fort-lauderdale-real-estate/">Fort Lauderdale</a></li>
+ <li><a href="/pompano-beach-real-estate/">Pompano Beach</a></li>
+ <li><a href="/lighthouse-point-real-estate/">Lighthouse Point</a></li>
+ <li><a href="/boca-raton-real-estate/">Boca Raton</a></li>
+ </ul>
+ </div>
</div>
- </footer>
- <script>
- // --------------
- // EDITABLE DATA
- // --------------
- const FEATURED = [
- {
- id: "boca-600-nw-12",
- title: "Single Family Home • No HOA",
- price: "$800,000",
- meta: "4 bd • 3 ba • 1,857 sqft",
- area: "600 NW 12th Avenue, Boca Raton",
- image: "https://photos.zillowstatic.com/fp/7dd047b2aca2c1453c99e73f2f1c8c02-uncropped_scaled_within_1536_1152.webp",
- link: "https://www.zillow.com/homedetails/600-NW-12th-Ave-Boca-Raton-FL-33486/46704709_zpid/",
- tags: ["Nearby schools", "No HOA", "Single Family"]
- },
- {
- id: "pno-1433-ne-27",
- title: "Seasonal • Cozy single family",
- price: "$3,000/month",
- meta: "2 bd • 1 ba • 816 sqft",
- area: "1433 NE 27th St, Pompano Beach, FL 33064",
- image: "https://photos.zillowstatic.com/fp/5462a7a2d52ad214991c75a8d924b2a5-cc_ft_768.webp",
- link: "https://www.zillow.com/homedetails/1433-NE-27th-St-Pompano-Beach-FL-33064/42906647_zpid/",
- tags: ["Single Family", "Pompano", "Prime Area"]
+ <div class="footer-legal">
+ <p>
+ © <span id="y"></span> Mia Druck, licensed real estate agent with Ocean Glades Realty, Florida real estate license #3443255.
+ Equal Housing Opportunity. All information is deemed reliable but not guaranteed and is
+ subject to change. Listings shown may be represented by other brokerages.
+ </p>
+ <p><a href="/sitemap.xml">Sitemap</a></p>
+ </div>
+ </div>
+</footer>
+
+<!-- Mobile quick actions -->
+<div class="mobile-bar">
+ <a class="primary" href="tel:+19545527330">Call Mia</a>
+ <a href="sms:+19545527330">Text</a>
+ <a href="#contact">Message</a>
+</div>
+
+<!-- Structured data ======================================================== -->
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "RealEstateAgent",
+ "@id": "https://miadruck.com/#agent",
+ "name": "Mia Druck | Ocean Glades Realty",
+ "alternateName": "Mia Druck Real Estate",
+ "description": "South Florida real estate agent helping buyers, sellers and renters in Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton.",
+ "url": "https://miadruck.com/",
+ "image": "https://miadruck.com/assets/img/mia-druck-headshot.webp",
+ "logo": "https://miadruck.com/assets/img/ocean-glades-realty-logo.webp",
+ "telephone": "+1-954-552-7330",
+ "email": "[email protected]",
+ "priceRange": "$$",
+ "hasCredential": {
+ "@type": "EducationalOccupationalCredential",
+ "credentialCategory": "Real Estate License",
+ "identifier": "3443255",
+ "recognizedBy": {
+ "@type": "GovernmentOrganization",
+ "name": "Florida Department of Business and Professional Regulation"
+ }
},
- {
- id: "deerfield-868-crystal-lake",
- title: "Modern Townhome • Low Taxes",
- price: "$390,000",
- meta: "2 bd • 2.1 ba • 1,122 sqft",
- area: "868 Crystal Lake Dr Pompano Beach, FL 33064",
- image: "https://cdn.resize.sparkplatform.com/fl/1280x1024/true/20260112202404358146000000-o.jpg",
- link: "https://www.zillow.com/homedetails/868-Crystal-Lake-Dr-Pompano-Beach-FL-33064/42895852_zpid/",
- tags: ["Ready-to-Rent", "Low HOA", "Recently Updated"]
+ "currenciesAccepted": "USD",
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "275 Commercial Blvd, Suite 212",
+ "addressLocality": "Lauderdale-by-the-Sea",
+ "addressRegion": "FL",
+ "postalCode": "33308",
+ "addressCountry": "US"
},
- {
- id: "lighthouse-29-ave",
- title: "Beach Side Cottage • Great Area",
- price: "$2,800/month",
- meta: "2 bd • 2 ba • 980 sqft",
- area: "2730 NE 29th Ave, Lighthouse Point, FL 33064",
- image: "https://i.postimg.cc/50ncVsLB/image.png",
- link: "sms:9545527330",
- tags: ["Off Market", "Updated", "East of US1"],
- }
- ];
-
- const SOLD = [
- {
- title: "Single Family • Pool",
- sold_price: "$611,700",
- meta: "3 bd • 2 ba • 1,895 sqft",
- area: "581 SE 11th St, Pompano Beach, FL 33060",
- sold_date: "10/7/2025",
- image: "https://ap.rdcpix.com/f1566ac53f3bae6dbff03b78b5432ac5l-m1956488123rd-w1280_h960.webp"
+ "geo": { "@type": "GeoCoordinates", "latitude": 26.1917, "longitude": -80.0972 },
+ "areaServed": [
+ { "@type": "City", "name": "Fort Lauderdale", "sameAs": "https://en.wikipedia.org/wiki/Fort_Lauderdale,_Florida" },
+ { "@type": "City", "name": "Pompano Beach", "sameAs": "https://en.wikipedia.org/wiki/Pompano_Beach,_Florida" },
+ { "@type": "City", "name": "Lighthouse Point", "sameAs": "https://en.wikipedia.org/wiki/Lighthouse_Point,_Florida" },
+ { "@type": "City", "name": "Boca Raton", "sameAs": "https://en.wikipedia.org/wiki/Boca_Raton,_Florida" },
+ { "@type": "City", "name": "Lauderdale-by-the-Sea" },
+ { "@type": "City", "name": "Deerfield Beach" }
+ ],
+ "knowsAbout": ["Residential real estate","Waterfront property","Investment property","Seasonal rentals","First-time home buyers"],
+ "sameAs": [
+ "https://instagram.com/miadruck",
+ "https://www.facebook.com/p/Mia-Druck-100064656883967/",
+ "https://share.google/sgExBQ7qvd5iWNHKI"
+ ],
+ "aggregateRating": {
+ "@type": "AggregateRating",
+ "ratingValue": "5.0",
+ "reviewCount": "25",
+ "bestRating": "5",
+ "worstRating": "1"
},
- {
- title: "Duplex • Investor Friendly",
- sold_price: "$830,500",
- meta: "2 bd • 2 ba (each side)",
- area: "2018 NE 15th St, Fort Lauderdale, FL 33304",
- sold_date: "2/24/2025",
- image: "https://photos.zillowstatic.com/fp/1f3e9d572304d368d549714ca1b8942c-cc_ft_384.webp"
+ "review": [
+ {
+ "@type": "Review",
+ "author": { "@type": "Person", "name": "Jennifer Colson" },
+ "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" },
+ "reviewBody": "Mia is absolutely wonderful to work with. She's professional, knowledgeable and incredibly responsive. Her expertise and honesty are invaluable traits. If you're looking to buy, sell, rent — you're in excellent hands."
+ },
+ {
+ "@type": "Review",
+ "author": { "@type": "Person", "name": "Jesse Haven" },
+ "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" },
+ "reviewBody": "I had the pleasure of working with Mia to purchase my first rental property, and I couldn't have asked for a better experience. Her expertise in the local market and understanding of my investment goals made the entire process smooth and stress-free."
+ },
+ {
+ "@type": "Review",
+ "author": { "@type": "Person", "name": "Curt Lane" },
+ "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" },
+ "reviewBody": "Without a doubt the hardest working person I've ever had the pleasure of working with. Any time of day Mia was available and immediately responded to questions or concerns. She made the process easy and stress free, from many viewings all the way to closing."
+ }
+ ]
+ },
+ {
+ "@type": "Person",
+ "@id": "https://miadruck.com/#mia",
+ "name": "Mia Druck",
+ "jobTitle": "Real Estate Agent",
+ "image": "https://miadruck.com/assets/img/mia-druck-headshot.webp",
+ "telephone": "+1-954-552-7330",
+ "email": "[email protected]",
+ "url": "https://miadruck.com/",
+ "worksFor": { "@id": "https://miadruck.com/#agent" },
+ "sameAs": [
+ "https://instagram.com/miadruck",
+ "https://www.facebook.com/p/Mia-Druck-100064656883967/"
+ ]
+ },
+ {
+ "@type": "WebSite",
+ "@id": "https://miadruck.com/#website",
+ "url": "https://miadruck.com/",
+ "name": "Mia Druck | South Florida Real Estate",
+ "inLanguage": "en-US",
+ "publisher": { "@id": "https://miadruck.com/#agent" }
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "600 NW 12th Avenue, Boca Raton",
+ "url": "https://miadruck.com/?listing=boca-600-nw-12",
+ "image": "https://miadruck.com/assets/img/listing-600-nw-12th-ave-boca-raton.webp",
+ "numberOfBedrooms": 4,
+ "numberOfBathroomsTotal": 3,
+ "floorSize": { "@type": "QuantitativeValue", "value": 1857, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "600 NW 12th Avenue",
+ "addressLocality": "Boca Raton",
+ "addressRegion": "FL",
+ "postalCode": "33486",
+ "addressCountry": "US"
},
- {
- title: "Two Story • Lake Worth",
- sold_price: "$835,000",
- meta: "6 bd • 4 ba • 3,728 sqft",
- area: "6862 Houlton Circle, Lake Worth, FL 33467",
- sold_date: "12/18/2023",
- image: "https://photos.zillowstatic.com/fp/bd98950809113ed0de276afe6256847c-cc_ft_576.webp"
+ "offers": {
+ "@type": "Offer",
+ "price": "800000",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#Sell",
+ "seller": { "@id": "https://miadruck.com/#agent" }
}
- ];
-
- // ---------------------------
- // Rendering
- // ---------------------------
- function esc(s){ return String(s ?? "").replace(/[&<>"']/g, m => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m])); }
-
- function listingCard(x){
- const tags = (x.tags || []).slice(0,3).map(t => `<span class="tag">${esc(t)}</span>`).join("");
- const link = (x.link || "#").toString();
- const newTab = link.startsWith("http") ? `target="_blank" rel="noopener"` : "";
- const lid = esc(x.id || x.title);
-
- return `
- <article class="card" id="${lid}" data-listing-id="${lid}">
- <div class="card-img" style="background-image:url('${esc(x.image || "")}')"></div>
- <div class="card-pad">
- <div class="price">${esc(x.price || "")}</div>
- <h3 class="title">${esc(x.title || "")}</h3>
- <div class="meta">${esc(x.meta || "")}</div>
- <div class="meta">${esc(x.area || "")}</div>
- <div class="tags">${tags}</div>
- <div class="card-actions">
-
- <!-- bottom-left share link icon -->
- <button class="link-btn"
- type="button"
- aria-label="Copy listing link"
- title="Copy link"
- onclick="copyListingLink('${lid}')">
- <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
- <path d="M10 13a5 5 0 0 0 7.07 0l2.12-2.12a5 5 0 0 0-7.07-7.07L10.9 4.99"
- stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="M14 11a5 5 0 0 0-7.07 0L4.81 13.12a5 5 0 0 0 7.07 7.07L13.1 19.01"
- stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- </svg>
- </button>
-
- <div class="btn-split">
- <a href="${esc(link)}" ${newTab}>More Details</a>
- <a href="#contact">Contact</a>
- </div>
- </div>
- </div>
- </article>
- `;
- }
-
- function soldCard(x){
- return `
- <article class="card">
- <div class="card-img" style="background-image:url('${esc(x.image || "")}')"></div>
- <div class="card-pad">
- <div class="price">${esc(x.sold_price || "Sold")}</div>
- <h3 class="title">${esc(x.title || "")}</h3>
- <div class="meta">${esc(x.meta || "")}</div>
- <div class="meta">${esc(x.area || "")}</div>
- <div class="meta">${x.sold_date ? `Sold: ${esc(x.sold_date)}` : ""}</div>
- </div>
- </article>
- `;
- }
-
- function render(){
- document.getElementById("featuredGrid").innerHTML = FEATURED.map(listingCard).join("");
- document.getElementById("soldGrid").innerHTML = SOLD.map(soldCard).join("");
- document.getElementById("y").textContent = new Date().getFullYear();
-
- // If URL has ?listing=..., auto-prefill + scroll to listing
- const p = new URLSearchParams(location.search);
- const listing = p.get("listing");
- if (listing){
- // wait a bit so layout/images are ready, then scroll + highlight
- setTimeout(() => scrollToListing(listing), 320);
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "868 Crystal Lake Drive, Pompano Beach",
+ "url": "https://miadruck.com/?listing=deerfield-868-crystal-lake",
+ "image": "https://miadruck.com/assets/img/listing-868-crystal-lake-dr-pompano-beach.webp",
+ "numberOfBedrooms": 2,
+ "numberOfBathroomsTotal": 2,
+ "floorSize": { "@type": "QuantitativeValue", "value": 1122, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "868 Crystal Lake Drive",
+ "addressLocality": "Pompano Beach",
+ "addressRegion": "FL",
+ "postalCode": "33064",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "price": "390000",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#Sell",
+ "seller": { "@id": "https://miadruck.com/#agent" }
}
- }
-
- // ---------------------------
- // Share URL + copy helper (for link icon)
- // ---------------------------
- function listingShareUrl(id){
- const u = new URL(location.href);
- u.hash = ""; // remove #contact or any hash
- u.searchParams.set("listing", String(id || ""));
- return u.toString();
- }
-
- function scrollToListing(id){
- const targetId = String(id || "");
- const el = document.getElementById(targetId);
- if (!el) return false;
-
- // clear previous highlight
- document.querySelectorAll(".card.listing-highlight")
- .forEach(n => n.classList.remove("listing-highlight"));
-
- // smooth scroll to the card
- el.scrollIntoView({ behavior: "smooth", block: "center" });
-
- // apply highlight after scroll begins (more reliable visually)
- setTimeout(() => {
- el.classList.add("listing-highlight");
- clearTimeout(scrollToListing._t);
- scrollToListing._t = setTimeout(() => el.classList.remove("listing-highlight"), 30000);
- }, 220);
-
- return true;
- }
-
- async function copyListingLink(id){
- const url = listingShareUrl(id);
-
- try{
- if (navigator.clipboard && window.isSecureContext){
- await navigator.clipboard.writeText(url);
- } else {
- // fallback for non-HTTPS or older browsers
- const ta = document.createElement("textarea");
- ta.value = url;
- ta.style.position = "fixed";
- ta.style.opacity = "0";
- document.body.appendChild(ta);
- ta.select();
- document.execCommand("copy");
- ta.remove();
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "1433 NE 27th Street, Pompano Beach",
+ "url": "https://miadruck.com/?listing=pno-1433-ne-27",
+ "image": "https://miadruck.com/assets/img/listing-1433-ne-27th-st-pompano-beach.webp",
+ "numberOfBedrooms": 2,
+ "numberOfBathroomsTotal": 1,
+ "floorSize": { "@type": "QuantitativeValue", "value": 816, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "1433 NE 27th Street",
+ "addressLocality": "Pompano Beach",
+ "addressRegion": "FL",
+ "postalCode": "33064",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#LeaseOut",
+ "seller": { "@id": "https://miadruck.com/#agent" },
+ "priceSpecification": {
+ "@type": "UnitPriceSpecification",
+ "price": "3000",
+ "priceCurrency": "USD",
+ "unitCode": "MON"
}
- showToast("Link copied");
- } catch (e){
- // last resort: prompt
- window.prompt("Copy this link:", url);
}
-
- // Bonus: draw attention immediately if they tap copy while on-page
- scrollToListing(id);
- }
-
- function showToast(msg){
- let t = document.getElementById("copyToast");
- if (!t){
- t = document.createElement("div");
- t.id = "copyToast";
- t.className = "copy-toast";
- document.body.appendChild(t);
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "2730 NE 29th Avenue, Lighthouse Point",
+ "url": "https://miadruck.com/?listing=lighthouse-29-ave",
+ "image": "https://miadruck.com/assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp",
+ "numberOfBedrooms": 2,
+ "numberOfBathroomsTotal": 2,
+ "floorSize": { "@type": "QuantitativeValue", "value": 980, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "2730 NE 29th Avenue",
+ "addressLocality": "Lighthouse Point",
+ "addressRegion": "FL",
+ "postalCode": "33064",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#LeaseOut",
+ "seller": { "@id": "https://miadruck.com/#agent" },
+ "priceSpecification": {
+ "@type": "UnitPriceSpecification",
+ "price": "2800",
+ "priceCurrency": "USD",
+ "unitCode": "MON"
+ }
}
- t.textContent = msg || "Copied!";
- t.classList.add("show");
- clearTimeout(showToast._timer);
- showToast._timer = setTimeout(() => t.classList.remove("show"), 1400);
- }
-
- // ---------------------------
- // Formspree AJAX submit -> replace form with success (deters duplicates)
- // ---------------------------
- (function () {
- const form = document.getElementById("heroContactForm");
- const success = document.getElementById("contactSuccess");
- if (!form || !success) return;
-
- form.addEventListener("submit", async (e) => {
- e.preventDefault();
-
- const btn = form.querySelector('button[type="submit"]');
- const oldText = btn ? btn.textContent : "Send";
- if (btn) { btn.disabled = true; btn.textContent = "Sending…"; }
-
- try{
- const fd = new FormData(form);
-
- const res = await fetch(form.action, {
- method: "POST",
- headers: { "Accept": "application/json" },
- body: fd
- });
-
- if (res.ok){
- // Replace form with success message (prevents multiple submits)
- form.classList.add("hide");
- success.classList.remove("hide");
- form.reset();
- } else {
- alert("Sorry — something went wrong sending your message. Please try again or call Mia.");
- if (btn) { btn.disabled = false; btn.textContent = oldText; }
- }
- } catch (err){
- alert("Network error — please try again or call Mia.");
- if (btn) { btn.disabled = false; btn.textContent = oldText; }
+ },
+ {
+ "@type": "FAQPage",
+ "@id": "https://miadruck.com/#faq",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Which areas do you cover?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Primarily Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton, with regular work throughout Broward County and south Palm Beach County — including Lauderdale-by-the-Sea, Deerfield Beach and Lake Worth." }
+ },
+ {
+ "@type": "Question",
+ "name": "Do you work with buyers, sellers, or both?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Both, plus rentals and small investment property. Recent transactions include a single family home with a pool, an investor duplex, and a six-bedroom two-story, alongside seasonal and annual rentals." }
+ },
+ {
+ "@type": "Question",
+ "name": "What does it cost a buyer to work with you?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Buyer representation agreements are signed before touring homes, and compensation is negotiated and written down up front. Mia will walk you through exactly what she charges, what the seller may or may not contribute, and what it means for your closing costs before you commit." }
+ },
+ {
+ "@type": "Question",
+ "name": "I'm thinking about selling. What's the first step?",
+ "acceptedAnswer": { "@type": "Answer", "text": "A conversation and a walkthrough. Mia will look at the property, review comparable sales in your immediate area, and give you a realistic price range along with the improvements actually worth making before listing. There is no obligation attached to that first meeting." }
+ },
+ {
+ "@type": "Question",
+ "name": "Do you handle rentals as well as sales?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Yes, both seasonal and annual. Several current listings are rentals, and Mia works with owners on getting a property rent-ready as well as with tenants trying to find one." }
+ },
+ {
+ "@type": "Question",
+ "name": "How quickly do you respond?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Fast, and it is the single thing clients mention most in reviews. Calling or texting (954) 552-7330 is the quickest route; the contact form reaches her too." }
}
- });
- })();
-
- // ---------------------------
- // Mobile hamburger toggle
- // ---------------------------
- (() => {
- const topbar = document.querySelector(".topbar");
- const btn = document.getElementById("navToggle");
- const nav = document.getElementById("siteNav");
- if (!topbar || !btn || !nav) return;
-
- const close = () => {
- topbar.classList.remove("nav-open");
- btn.setAttribute("aria-expanded", "false");
- };
-
- btn.addEventListener("click", () => {
- const open = topbar.classList.toggle("nav-open");
- btn.setAttribute("aria-expanded", open ? "true" : "false");
- });
-
- nav.addEventListener("click", (e) => {
- if (e.target && e.target.closest("a")) close();
- });
-
- document.addEventListener("click", (e) => {
- if (!topbar.contains(e.target)) close();
- });
-
- document.addEventListener("keydown", (e) => {
- if (e.key === "Escape") close();
- });
- })();
-
- // expose for inline onclick
- window.copyListingLink = copyListingLink;
- window.scrollToListing = scrollToListing;
-
- render();
- </script>
+ ]
+ }
+ ]
+}
+</script>
</body>
</html>
diff --git a/docs/lighthouse-point-real-estate/index.html b/docs/lighthouse-point-real-estate/index.html
new file mode 100644
index 0000000..8c6ccde
--- /dev/null
+++ b/docs/lighthouse-point-real-estate/index.html
@@ -0,0 +1,480 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+
+<title>Lighthouse Point Real Estate Agent | Mia Druck</title>
+<meta name="description" content="Lighthouse Point homes with Mia Druck — deep-water canals, direct Hillsboro Inlet ocean access and an all single family city. Active listings and local guidance.">
+<link rel="canonical" href="https://miadruck.com/lighthouse-point-real-estate/">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#0F2436">
+<meta name="geo.region" content="US-FL">
+<meta name="geo.placename" content="Lighthouse Point, Florida">
+
+<meta property="og:type" content="article">
+<meta property="og:site_name" content="Mia Druck | Ocean Glades Realty">
+<meta property="og:locale" content="en_US">
+<meta property="og:title" content="Lighthouse Point Real Estate Agent | Mia Druck">
+<meta property="og:description" content="A boating-first city of deep-water canals with direct ocean access through the Hillsboro Inlet.">
+<meta property="og:url" content="https://miadruck.com/lighthouse-point-real-estate/">
+<meta property="og:image" content="https://miadruck.com/assets/img/og-image.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="A lighthouse at sunset on the South Florida coast">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Lighthouse Point Real Estate Agent | Mia Druck">
+<meta name="twitter:description" content="Deep-water canals with direct ocean access through the Hillsboro Inlet.">
+<meta name="twitter:image" content="https://miadruck.com/assets/img/og-image.jpg">
+
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="preload" href="/assets/fonts/fraunces-latin-var.woff2" as="font" type="font/woff2" crossorigin>
+<script>document.documentElement.classList.add('js')</script>
+<link rel="stylesheet" href="/assets/site.css">
+<script src="/assets/site.js" defer></script>
+</head>
+
+<body>
+<a class="skip" href="#main">Skip to content</a>
+
+<header class="topbar">
+ <div class="topbar-inner">
+ <a class="wordmark" href="/">Mia Druck<span>Ocean Glades Realty</span></a>
+ <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+ </svg>
+ </button>
+ <nav class="navlinks" id="siteNav" aria-label="Main">
+ <a href="/#listings">Listings</a>
+ <a href="/#sales">Recent Sales</a>
+ <a href="/#areas" aria-current="page">Areas</a>
+ <a href="/#about">About</a>
+ <a class="nav-cta" href="#contact">Contact</a>
+ </nav>
+ </div>
+</header>
+
+<div class="wrap">
+ <nav class="crumbs" aria-label="Breadcrumb">
+ <ol>
+ <li><a href="/">Home</a></li>
+ <li aria-hidden="true">/</li>
+ <li><a href="/#areas">Areas</a></li>
+ <li aria-hidden="true">/</li>
+ <li aria-current="page">Lighthouse Point</li>
+ </ol>
+ </nav>
+</div>
+
+<main id="main">
+
+<section class="page-hero">
+ <div class="wrap">
+ <p class="eyebrow">Lighthouse Point · Broward County</p>
+ <h1>Buying & selling in <em>Lighthouse Point</em></h1>
+ <p class="lead">
+ Lighthouse Point is barely two and a half square miles, has no high-rises, and was laid out
+ almost entirely around finger canals. People move here for one reason more than any other:
+ you can keep a serious boat behind the house and be in the Atlantic within minutes through
+ the Hillsboro Inlet.
+ </p>
+ <div class="hero-actions">
+ <a class="btn" href="tel:+19545527330">(954) 552-7330</a>
+ <a class="btn btn-ghost" href="#listings">See her listing here</a>
+ </div>
+ </div>
+</section>
+
+<section class="section section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">The City</p>
+ <h2>Small, and deliberately so</h2>
+ </div>
+ <p class="hint">Incorporated in 1956 and still almost entirely single family.</p>
+ </div>
+
+ <ul class="chip-list reveal" style="margin-bottom:44px;">
+ <li>Venetian Isles</li><li>Coral Key</li><li>Lake Placid</li><li>Palm Cove</li>
+ <li>Canal-front</li><li>Interior lots</li><li>East of US-1</li>
+ </ul>
+
+ <div class="prose-cols reveal">
+ <div>
+ <p>
+ <strong>The boating case</strong> is the whole story here. Homes on the eastern canals sit
+ a short run from the Hillsboro Inlet, and much of the city avoids the fixed-bridge problem
+ that limits vessel height elsewhere in Broward. If you own or plan to own something with a
+ mast or a flybridge, this is one of a small handful of Broward addresses that genuinely
+ works — and it prices accordingly.
+ </p>
+ <p>
+ <strong>Not every lot is waterfront,</strong> and that's where value shows up. Interior
+ streets share the same city services, the same small-town feel and the same schools, at a
+ meaningfully different number. For buyers who want the address more than the dock, this is
+ the part of the market worth looking at first.
+ </p>
+ </div>
+ <div>
+ <p>
+ <strong>Housing stock</strong> runs heavily to single-story mid-century homes on generous
+ lots, many now renovated or replaced outright. Teardown-and-rebuild is common on the better
+ canals, so condition varies enormously street to street — two houses a block apart can be
+ fifty years apart in practice.
+ </p>
+ <p>
+ <strong>Inventory is thin.</strong> A city this small simply doesn't produce many listings
+ in a given month, and the good ones move through networks before they hit the portals.
+ Mia's current Lighthouse Point listing on NE 29th Avenue is off-market for exactly that
+ reason.
+ </p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<!-- Active listing ========================================================= -->
+<section class="section section--sand" id="listings">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Active</p>
+ <h2>Lighthouse Point listing</h2>
+ </div>
+ <p class="hint">Off market — ask for details.</p>
+ </div>
+
+ <div class="listing-index">
+ <article class="listing reveal" id="lighthouse-29-ave">
+ <div class="listing-media">
+ <img src="/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp"
+ srcset="/assets/img/listing-2730-ne-29th-ave-lighthouse-point-440w.webp 440w,
+ /assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp 628w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="481" loading="lazy" decoding="async"
+ alt="Beach side cottage at 2730 NE 29th Avenue in Lighthouse Point, Florida">
+ <span class="listing-flag">Off Market</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$2,800<span class="listing-city"> / month</span></p>
+ <h3>2730 NE 29th Avenue</h3>
+ <p class="listing-city">Lighthouse Point, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs"><li>2 Bed</li><li>2 Bath</li><li>980 Sq Ft</li><li>Cottage</li></ul>
+ <ul class="listing-tags"><li>Off market</li><li>Updated</li><li>East of US-1</li></ul>
+ <div class="listing-actions">
+ <a class="btn" href="sms:+19545527330">Text about this home</a>
+ <a class="btn btn-ghost" href="#contact">Send a message</a>
+ </div>
+ </div>
+ </article>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Questions</p>
+ <h2>Lighthouse Point FAQ</h2>
+ </div>
+ </div>
+
+ <div class="faq reveal">
+ <details>
+ <summary>What makes Lighthouse Point good for boaters specifically?</summary>
+ <div class="faq-answer">
+ <p>Proximity to the Hillsboro Inlet and the absence of fixed bridges on much of the canal
+ system. That combination means quick ocean access without a height restriction permanently
+ capping what you can keep behind the house. It's the single biggest driver of value here,
+ and it varies by canal — worth confirming for any specific address before you commit.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Are there condos or townhomes in Lighthouse Point?</summary>
+ <div class="faq-answer">
+ <p>Very few. The city is overwhelmingly single family and has stayed that way by design.
+ If you want condo living nearby, <a class="underline-link" href="/pompano-beach-real-estate/">Pompano
+ Beach</a> immediately to the south has far more inventory.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Why is there so little on the market?</summary>
+ <div class="faq-answer">
+ <p>The city is small — roughly two and a half square miles — so even normal turnover
+ produces a short list of available homes. Owners also tend to stay a long time. The
+ practical consequence is that being early matters more here than almost anywhere else Mia
+ works, which is why she keeps a list of buyers waiting on specific canals.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Can you help if nothing is listed right now?</summary>
+ <div class="faq-answer">
+ <p>That's the normal situation in Lighthouse Point, and it's most of what she does here.
+ Tell her the canal, the vessel, and the budget, and she'll work the off-market side rather
+ than wait for a portal to update.</p>
+ </div>
+ </details>
+ </div>
+ </div>
+</section>
+
+<section class="section" id="contact">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Contact</p>
+ <h2>Let's talk about Lighthouse Point</h2>
+ </div>
+ <p class="hint">Especially useful if you're waiting on a specific canal.</p>
+ </div>
+
+ <div class="contact reveal">
+ <div class="contact-direct">
+ <div class="contact-line">
+ <p class="label">Call or text</p>
+ <a class="value" href="tel:+19545527330">(954) 552-7330</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Email</p>
+ <a class="value" href="mailto:[email protected]">[email protected]</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Office</p>
+ <address>
+ Ocean Glades Realty<br>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308
+ </address>
+ </div>
+ </div>
+
+ <div>
+ <form class="form" id="contactForm" action="https://formspree.io/f/mpqqaadn" method="POST">
+ <input type="hidden" name="_subject" value="Lighthouse Point enquiry from miadruck.com">
+ <input type="hidden" name="area" value="Lighthouse Point">
+ <div class="hp" aria-hidden="true">
+ <label>Leave this field empty<input type="text" name="_gotcha" tabindex="-1" autocomplete="off"></label>
+ </div>
+ <div class="row2">
+ <label class="field"><span>First name</span><input name="first_name" autocomplete="given-name"></label>
+ <label class="field"><span>Last name</span><input name="last_name" autocomplete="family-name"></label>
+ </div>
+ <label class="field"><span>Email <span class="req" aria-hidden="true">*</span></span><input name="email" type="email" required autocomplete="email"></label>
+ <label class="field"><span>Phone</span><input name="phone" type="tel" autocomplete="tel"></label>
+ <label class="field"><span>How can Mia help?</span><textarea name="message" rows="4" placeholder="Waterfront or interior? Any boat requirements?"></textarea></label>
+ <div class="form-foot">
+ <p class="form-note">Your details go straight to Mia. No lists, no spam.</p>
+ <button class="btn" type="submit">Send message</button>
+ </div>
+ </form>
+
+ <div id="contactSuccess" class="form-success hide">
+ <h3>Message sent</h3>
+ <p>Thanks for reaching out — Mia will get back to you shortly.</p>
+ <p>Need a faster answer? Call <a class="underline-link" href="tel:+19545527330">(954) 552-7330</a>.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Nearby</p>
+ <h2>Other areas Mia covers</h2>
+ </div>
+ </div>
+ <div class="areas-grid reveal">
+ <a class="area-card" href="/fort-lauderdale-real-estate/">
+ <h3>Fort Lauderdale</h3><p>Victoria Park, Rio Vista, Coral Ridge and the Las Olas isles.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/pompano-beach-real-estate/">
+ <h3>Pompano Beach</h3><p>Beach-side single family, townhomes and seasonal rentals.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/boca-raton-real-estate/">
+ <h3>Boca Raton</h3><p>Downtown condos and family neighborhoods east of I-95.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/">
+ <h3>All listings</h3><p>Everything Mia currently has active across South Florida.</p>
+ <span class="go">Back home →</span>
+ </a>
+ </div>
+ </div>
+</section>
+
+</main>
+
+<footer>
+ <div class="wrap">
+ <div class="footer-grid">
+ <div>
+ <div class="wordmark">Mia Druck<span>Ocean Glades Realty</span></div>
+ <address>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308<br>
+ <a href="tel:+19545527330">(954) 552-7330</a><br>
+ <a href="mailto:[email protected]">[email protected]</a>
+ </address>
+ </div>
+ <div class="footer-col">
+ <h4>Explore</h4>
+ <ul>
+ <li><a href="/#listings">Active listings</a></li>
+ <li><a href="/#sales">Recent sales</a></li>
+ <li><a href="/#about">About Mia</a></li>
+ <li><a href="/#contact">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-col">
+ <h4>Areas</h4>
+ <ul>
+ <li><a href="/fort-lauderdale-real-estate/">Fort Lauderdale</a></li>
+ <li><a href="/pompano-beach-real-estate/">Pompano Beach</a></li>
+ <li><a href="/lighthouse-point-real-estate/">Lighthouse Point</a></li>
+ <li><a href="/boca-raton-real-estate/">Boca Raton</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-legal">
+ <p>
+ © <span id="y"></span> Mia Druck, licensed real estate agent with Ocean Glades Realty, Florida real estate license #3443255.
+ Equal Housing Opportunity. All information is deemed reliable but not guaranteed and is
+ subject to change. Listings shown may be represented by other brokerages.
+ </p>
+ <p><a href="/sitemap.xml">Sitemap</a></p>
+ </div>
+ </div>
+</footer>
+
+<div class="mobile-bar">
+ <a class="primary" href="tel:+19545527330">Call Mia</a>
+ <a href="sms:+19545527330">Text</a>
+ <a href="#contact">Message</a>
+</div>
+
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "RealEstateAgent",
+ "@id": "https://miadruck.com/#agent",
+ "name": "Mia Druck | Ocean Glades Realty",
+ "url": "https://miadruck.com/",
+ "image": "https://miadruck.com/assets/img/mia-druck-headshot.webp",
+ "telephone": "+1-954-552-7330",
+ "email": "[email protected]",
+ "priceRange": "$$",
+ "hasCredential": {
+ "@type": "EducationalOccupationalCredential",
+ "credentialCategory": "Real Estate License",
+ "identifier": "3443255",
+ "recognizedBy": {
+ "@type": "GovernmentOrganization",
+ "name": "Florida Department of Business and Professional Regulation"
+ }
+ },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "275 Commercial Blvd, Suite 212",
+ "addressLocality": "Lauderdale-by-the-Sea",
+ "addressRegion": "FL",
+ "postalCode": "33308",
+ "addressCountry": "US"
+ },
+ "areaServed": { "@type": "City", "name": "Lighthouse Point", "sameAs": "https://en.wikipedia.org/wiki/Lighthouse_Point,_Florida" },
+ "sameAs": [
+ "https://instagram.com/miadruck",
+ "https://www.facebook.com/p/Mia-Druck-100064656883967/",
+ "https://share.google/sgExBQ7qvd5iWNHKI"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://miadruck.com/lighthouse-point-real-estate/#webpage",
+ "url": "https://miadruck.com/lighthouse-point-real-estate/",
+ "name": "Lighthouse Point Real Estate Agent | Mia Druck",
+ "description": "Lighthouse Point homes with Mia Druck — deep-water canals, direct Hillsboro Inlet ocean access and an all single family city.",
+ "inLanguage": "en-US",
+ "about": { "@id": "https://miadruck.com/#agent" },
+ "isPartOf": { "@id": "https://miadruck.com/#website" }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://miadruck.com/" },
+ { "@type": "ListItem", "position": 2, "name": "Areas", "item": "https://miadruck.com/#areas" },
+ { "@type": "ListItem", "position": 3, "name": "Lighthouse Point" }
+ ]
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "2730 NE 29th Avenue, Lighthouse Point",
+ "url": "https://miadruck.com/lighthouse-point-real-estate/#lighthouse-29-ave",
+ "image": "https://miadruck.com/assets/img/listing-2730-ne-29th-ave-lighthouse-point.webp",
+ "numberOfBedrooms": 2,
+ "numberOfBathroomsTotal": 2,
+ "floorSize": { "@type": "QuantitativeValue", "value": 980, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "2730 NE 29th Avenue",
+ "addressLocality": "Lighthouse Point",
+ "addressRegion": "FL",
+ "postalCode": "33064",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#LeaseOut",
+ "seller": { "@id": "https://miadruck.com/#agent" },
+ "priceSpecification": {
+ "@type": "UnitPriceSpecification",
+ "price": "2800",
+ "priceCurrency": "USD",
+ "unitCode": "MON"
+ }
+ }
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "What makes Lighthouse Point good for boaters specifically?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Proximity to the Hillsboro Inlet and the absence of fixed bridges on much of the canal system. That combination means quick ocean access without a height restriction permanently capping what you can keep behind the house. It varies by canal and is worth confirming for any specific address." }
+ },
+ {
+ "@type": "Question",
+ "name": "Are there condos or townhomes in Lighthouse Point?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Very few. The city is overwhelmingly single family and has stayed that way by design. Pompano Beach immediately to the south has far more condo and townhome inventory." }
+ },
+ {
+ "@type": "Question",
+ "name": "Why is there so little on the market in Lighthouse Point?",
+ "acceptedAnswer": { "@type": "Answer", "text": "The city is roughly two and a half square miles, so even normal turnover produces a short list of available homes, and owners tend to stay a long time. Being early matters more here than almost anywhere else." }
+ },
+ {
+ "@type": "Question",
+ "name": "Can you help if nothing is listed right now?",
+ "acceptedAnswer": { "@type": "Answer", "text": "That is the normal situation in Lighthouse Point and most of what Mia does here. Tell her the canal, the vessel and the budget, and she will work the off-market side rather than wait for a portal to update." }
+ }
+ ]
+ }
+ ]
+}
+</script>
+</body>
+</html>
diff --git a/docs/pompano-beach-real-estate/index.html b/docs/pompano-beach-real-estate/index.html
new file mode 100644
index 0000000..767253f
--- /dev/null
+++ b/docs/pompano-beach-real-estate/index.html
@@ -0,0 +1,560 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+
+<title>Pompano Beach Real Estate Agent | Mia Druck</title>
+<meta name="description" content="Homes for sale and rent in Pompano Beach with Mia Druck — Old Pompano, Harbor Village, Cresthaven, Garden Isles and the beach corridor. Active listings and recent closings.">
+<link rel="canonical" href="https://miadruck.com/pompano-beach-real-estate/">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#0F2436">
+<meta name="geo.region" content="US-FL">
+<meta name="geo.placename" content="Pompano Beach, Florida">
+
+<meta property="og:type" content="article">
+<meta property="og:site_name" content="Mia Druck | Ocean Glades Realty">
+<meta property="og:locale" content="en_US">
+<meta property="og:title" content="Pompano Beach Real Estate Agent | Mia Druck">
+<meta property="og:description" content="Mia Druck's densest inventory — single family, townhomes and seasonal rentals across Pompano Beach.">
+<meta property="og:url" content="https://miadruck.com/pompano-beach-real-estate/">
+<meta property="og:image" content="https://miadruck.com/assets/img/og-image.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="A lighthouse at sunset on the South Florida coast">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Pompano Beach Real Estate Agent | Mia Druck">
+<meta name="twitter:description" content="Single family, townhomes and seasonal rentals across Pompano Beach.">
+<meta name="twitter:image" content="https://miadruck.com/assets/img/og-image.jpg">
+
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="preload" href="/assets/fonts/fraunces-latin-var.woff2" as="font" type="font/woff2" crossorigin>
+<script>document.documentElement.classList.add('js')</script>
+<link rel="stylesheet" href="/assets/site.css">
+<script src="/assets/site.js" defer></script>
+</head>
+
+<body>
+<a class="skip" href="#main">Skip to content</a>
+
+<header class="topbar">
+ <div class="topbar-inner">
+ <a class="wordmark" href="/">Mia Druck<span>Ocean Glades Realty</span></a>
+ <button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="siteNav">
+ <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+ <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+ </svg>
+ </button>
+ <nav class="navlinks" id="siteNav" aria-label="Main">
+ <a href="/#listings">Listings</a>
+ <a href="/#sales">Recent Sales</a>
+ <a href="/#areas" aria-current="page">Areas</a>
+ <a href="/#about">About</a>
+ <a class="nav-cta" href="#contact">Contact</a>
+ </nav>
+ </div>
+</header>
+
+<div class="wrap">
+ <nav class="crumbs" aria-label="Breadcrumb">
+ <ol>
+ <li><a href="/">Home</a></li>
+ <li aria-hidden="true">/</li>
+ <li><a href="/#areas">Areas</a></li>
+ <li aria-hidden="true">/</li>
+ <li aria-current="page">Pompano Beach</li>
+ </ol>
+ </nav>
+</div>
+
+<main id="main">
+
+<section class="page-hero">
+ <div class="wrap">
+ <p class="eyebrow">Pompano Beach · Broward County</p>
+ <h1>Buying & selling in <em>Pompano Beach</em></h1>
+ <p class="lead">
+ Pompano is the market Mia knows best — it's where most of her active inventory sits and where
+ she closed most recently. The city has spent the last decade rebuilding its beachfront and
+ Atlantic Boulevard corridor, which means blocks a few minutes apart can be on completely
+ different trajectories. Knowing which is which is most of the job.
+ </p>
+ <div class="hero-actions">
+ <a class="btn" href="tel:+19545527330">(954) 552-7330</a>
+ <a class="btn btn-ghost" href="#listings">See her Pompano listings</a>
+ </div>
+ </div>
+</section>
+
+<section class="section section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Neighborhoods</p>
+ <h2>The Pompano map</h2>
+ </div>
+ <p class="hint">Ask about anywhere in the city — this is a shortlist, not a boundary.</p>
+ </div>
+
+ <ul class="chip-list reveal" style="margin-bottom:44px;">
+ <li>Old Pompano</li><li>Harbor Village</li><li>Hillsboro Shores</li><li>Cresthaven</li>
+ <li>Garden Isles</li><li>Cypress Harbor</li><li>Palm Aire</li><li>Kendall Green</li>
+ <li>Pompano Beach Highlands</li><li>Leisureville</li><li>Beach corridor</li>
+ </ul>
+
+ <div class="prose-cols reveal">
+ <div>
+ <p>
+ <strong>East of the Intracoastal</strong> is the beach corridor, and it's the part of the
+ city that has changed most. Redevelopment around the pier and Atlantic Boulevard brought
+ new mid-rise construction alongside 1960s low-rise condos that still trade at very
+ different numbers. Hillsboro Shores at the north end stays quieter and almost entirely
+ single family.
+ </p>
+ <p>
+ <strong>Old Pompano and the streets around it</strong> hold the city's oldest housing
+ stock and a lot of its renovation activity. This is where Mia's most recent sale closed —
+ a single family home with a pool on SE 11th Street.
+ </p>
+ </div>
+ <div>
+ <p>
+ <strong>West of Federal,</strong> neighborhoods like Cresthaven, Kendall Green, Lions Park and Garden
+ Isles are where the attainable single family inventory lives. Lot sizes are generous by
+ coastal Broward standards and no-HOA property is genuinely findable, which is not true
+ everywhere in the county.
+ </p>
+ <p>
+ <strong>Palm Aire and the townhome communities</strong> suit buyers who want low
+ maintenance and a predictable monthly cost. Mia has active townhome listings
+ that fit exactly that.
+ </p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<!-- Active listings ======================================================== -->
+<section class="section section--sand" id="listings">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Active</p>
+ <h2>Pompano Beach listings</h2>
+ </div>
+ <p class="hint">Two active now. Ask about off-market inventory that never reaches the portals.</p>
+ </div>
+
+ <div class="listing-index">
+ <article class="listing reveal" id="deerfield-868-crystal-lake">
+ <div class="listing-media">
+ <img src="/assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp"
+ srcset="/assets/img/listing-868-crystal-lake-dr-pompano-beach-400w.webp 400w,
+ /assets/img/listing-868-crystal-lake-dr-pompano-beach-560w.webp 560w,
+ /assets/img/listing-868-crystal-lake-dr-pompano-beach.webp 1120w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="373" loading="lazy" decoding="async"
+ alt="Modern townhome at 868 Crystal Lake Drive in Pompano Beach, Florida">
+ <span class="listing-flag">For Sale</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$390,000</p>
+ <h3>868 Crystal Lake Drive</h3>
+ <p class="listing-city">Pompano Beach, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs"><li>2 Bed</li><li>2.1 Bath</li><li>1,122 Sq Ft</li><li>Townhome</li></ul>
+ <ul class="listing-tags"><li>Low HOA</li><li>Recently updated</li><li>Ready to rent</li></ul>
+ <div class="listing-actions">
+ <a class="btn" href="https://www.zillow.com/homedetails/868-Crystal-Lake-Dr-Pompano-Beach-FL-33064/42895852_zpid/" target="_blank" rel="noopener">View details</a>
+ <a class="btn btn-ghost" href="#contact">Ask about this home</a>
+ </div>
+ </div>
+ </article>
+
+ <article class="listing reveal" id="pno-1433-ne-27">
+ <div class="listing-media">
+ <img src="/assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp"
+ srcset="/assets/img/listing-1433-ne-27th-st-pompano-beach-400w.webp 400w,
+ /assets/img/listing-1433-ne-27th-st-pompano-beach-560w.webp 560w,
+ /assets/img/listing-1433-ne-27th-st-pompano-beach.webp 768w"
+ sizes="(max-width: 860px) 100vw, 560px"
+ width="560" height="420" loading="lazy" decoding="async"
+ alt="Cozy single family rental home at 1433 NE 27th Street in Pompano Beach, Florida">
+ <span class="listing-flag">For Rent</span>
+ </div>
+ <div class="listing-body">
+ <p class="listing-price">$3,000<span class="listing-city"> / month</span></p>
+ <h3>1433 NE 27th Street</h3>
+ <p class="listing-city">Pompano Beach, Florida</p>
+ <div class="listing-rule"></div>
+ <ul class="listing-specs"><li>2 Bed</li><li>1 Bath</li><li>816 Sq Ft</li><li>Seasonal</li></ul>
+ <ul class="listing-tags"><li>Single family</li><li>Prime area</li><li>Seasonal rental</li></ul>
+ <div class="listing-actions">
+ <a class="btn" href="https://www.zillow.com/homedetails/1433-NE-27th-St-Pompano-Beach-FL-33064/42906647_zpid/" target="_blank" rel="noopener">View details</a>
+ <a class="btn btn-ghost" href="#contact">Ask about this home</a>
+ </div>
+ </div>
+ </article>
+ </div>
+ </div>
+</section>
+
+<section class="section">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Track Record</p>
+ <h2>Recent Pompano sale</h2>
+ </div>
+ <p class="hint">Single family with pool, closed October 2025.</p>
+ </div>
+
+ <div class="sold-grid reveal">
+ <article class="sold">
+ <div class="sold-media">
+ <img src="/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp"
+ srcset="/assets/img/sold-581-se-11th-st-pompano-beach-370w.webp 370w,
+ /assets/img/sold-581-se-11th-st-pompano-beach.webp 740w"
+ sizes="(max-width: 600px) 100vw, (max-width: 900px) 46vw, 370px"
+ width="370" height="247" loading="lazy" decoding="async"
+ alt="Sold single family home with pool at 581 SE 11th Street, Pompano Beach">
+ </div>
+ <p class="sold-price">$611,700</p>
+ <h3>581 SE 11th Street</h3>
+ <p class="meta">Pompano Beach · 3 bed · 2 bath · 1,895 sq ft · Pool</p>
+ <p class="sold-date">Sold October 7, 2025</p>
+ </article>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Questions</p>
+ <h2>Pompano Beach FAQ</h2>
+ </div>
+ </div>
+
+ <div class="faq reveal">
+ <details>
+ <summary>Is Pompano Beach cheaper than Fort Lauderdale?</summary>
+ <div class="faq-answer">
+ <p>Generally yes, particularly west of Federal Highway, which is a large part of why buyers
+ priced out of Fort Lauderdale end up here. The beach corridor is a different story — new
+ construction east of the Intracoastal competes directly with Fort Lauderdale pricing. Mia
+ will give you honest numbers for the specific blocks you're considering rather than a
+ citywide average that describes nobody's actual purchase.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Can I still find a home without an HOA?</summary>
+ <div class="faq-answer">
+ <p>Yes — Pompano is one of the better coastal Broward cities for it. Cresthaven, Kendall
+ Green and pockets of Old Pompano all have single family stock with no association. That
+ matters if you want a boat, an RV, a short-term rental, or simply no monthly fee.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Do you handle seasonal rentals?</summary>
+ <div class="faq-answer">
+ <p>Yes. Her listing at 1433 NE 27th Street is a seasonal rental at $3,000 a month. She
+ works both sides — owners getting a property rent-ready, and tenants trying to secure one
+ before season.</p>
+ </div>
+ </details>
+ <details>
+ <summary>Is Pompano a good place to buy an investment property?</summary>
+ <div class="faq-answer">
+ <p>It's the market where her investor clients have been most active, largely because entry
+ prices are lower than Fort Lauderdale while the rental demand is comparable. Whether it
+ works for you depends on the specific property, your financing, and how insurance prices
+ out — all of which Mia will run through before you make an offer, not after.</p>
+ </div>
+ </details>
+ </div>
+ </div>
+</section>
+
+<section class="section" id="contact">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Contact</p>
+ <h2>Let's talk about Pompano</h2>
+ </div>
+ <p class="hint">Buying, selling, renting, or just exploring — all fine.</p>
+ </div>
+
+ <div class="contact reveal">
+ <div class="contact-direct">
+ <div class="contact-line">
+ <p class="label">Call or text</p>
+ <a class="value" href="tel:+19545527330">(954) 552-7330</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Email</p>
+ <a class="value" href="mailto:[email protected]">[email protected]</a>
+ </div>
+ <div class="contact-line">
+ <p class="label">Office</p>
+ <address>
+ Ocean Glades Realty<br>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308
+ </address>
+ </div>
+ </div>
+
+ <div>
+ <form class="form" id="contactForm" action="https://formspree.io/f/mpqqaadn" method="POST">
+ <input type="hidden" name="_subject" value="Pompano Beach enquiry from miadruck.com">
+ <input type="hidden" name="area" value="Pompano Beach">
+ <div class="hp" aria-hidden="true">
+ <label>Leave this field empty<input type="text" name="_gotcha" tabindex="-1" autocomplete="off"></label>
+ </div>
+ <div class="row2">
+ <label class="field"><span>First name</span><input name="first_name" autocomplete="given-name"></label>
+ <label class="field"><span>Last name</span><input name="last_name" autocomplete="family-name"></label>
+ </div>
+ <label class="field"><span>Email <span class="req" aria-hidden="true">*</span></span><input name="email" type="email" required autocomplete="email"></label>
+ <label class="field"><span>Phone</span><input name="phone" type="tel" autocomplete="tel"></label>
+ <label class="field"><span>How can Mia help?</span><textarea name="message" rows="4" placeholder="Buying, selling or renting in Pompano Beach?"></textarea></label>
+ <div class="form-foot">
+ <p class="form-note">Your details go straight to Mia. No lists, no spam.</p>
+ <button class="btn" type="submit">Send message</button>
+ </div>
+ </form>
+
+ <div id="contactSuccess" class="form-success hide">
+ <h3>Message sent</h3>
+ <p>Thanks for reaching out — Mia will get back to you shortly.</p>
+ <p>Need a faster answer? Call <a class="underline-link" href="tel:+19545527330">(954) 552-7330</a>.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="section section--sand section--tight">
+ <div class="wrap">
+ <div class="section-head reveal">
+ <div>
+ <p class="eyebrow">Nearby</p>
+ <h2>Other areas Mia covers</h2>
+ </div>
+ </div>
+ <div class="areas-grid reveal">
+ <a class="area-card" href="/fort-lauderdale-real-estate/">
+ <h3>Fort Lauderdale</h3><p>Victoria Park, Rio Vista, Coral Ridge and the Las Olas isles.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/lighthouse-point-real-estate/">
+ <h3>Lighthouse Point</h3><p>Deep-water canals with direct ocean access.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/boca-raton-real-estate/">
+ <h3>Boca Raton</h3><p>Downtown condos and family neighborhoods east of I-95.</p>
+ <span class="go">Explore →</span>
+ </a>
+ <a class="area-card" href="/">
+ <h3>All listings</h3><p>Everything Mia currently has active across South Florida.</p>
+ <span class="go">Back home →</span>
+ </a>
+ </div>
+ </div>
+</section>
+
+</main>
+
+<footer>
+ <div class="wrap">
+ <div class="footer-grid">
+ <div>
+ <div class="wordmark">Mia Druck<span>Ocean Glades Realty</span></div>
+ <address>
+ 275 Commercial Blvd, Suite 212<br>
+ Lauderdale-by-the-Sea, FL 33308<br>
+ <a href="tel:+19545527330">(954) 552-7330</a><br>
+ <a href="mailto:[email protected]">[email protected]</a>
+ </address>
+ </div>
+ <div class="footer-col">
+ <h4>Explore</h4>
+ <ul>
+ <li><a href="/#listings">Active listings</a></li>
+ <li><a href="/#sales">Recent sales</a></li>
+ <li><a href="/#about">About Mia</a></li>
+ <li><a href="/#contact">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-col">
+ <h4>Areas</h4>
+ <ul>
+ <li><a href="/fort-lauderdale-real-estate/">Fort Lauderdale</a></li>
+ <li><a href="/pompano-beach-real-estate/">Pompano Beach</a></li>
+ <li><a href="/lighthouse-point-real-estate/">Lighthouse Point</a></li>
+ <li><a href="/boca-raton-real-estate/">Boca Raton</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-legal">
+ <p>
+ © <span id="y"></span> Mia Druck, licensed real estate agent with Ocean Glades Realty, Florida real estate license #3443255.
+ Equal Housing Opportunity. All information is deemed reliable but not guaranteed and is
+ subject to change. Listings shown may be represented by other brokerages.
+ </p>
+ <p><a href="/sitemap.xml">Sitemap</a></p>
+ </div>
+ </div>
+</footer>
+
+<div class="mobile-bar">
+ <a class="primary" href="tel:+19545527330">Call Mia</a>
+ <a href="sms:+19545527330">Text</a>
+ <a href="#contact">Message</a>
+</div>
+
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "RealEstateAgent",
+ "@id": "https://miadruck.com/#agent",
+ "name": "Mia Druck | Ocean Glades Realty",
+ "url": "https://miadruck.com/",
+ "image": "https://miadruck.com/assets/img/mia-druck-headshot.webp",
+ "telephone": "+1-954-552-7330",
+ "email": "[email protected]",
+ "priceRange": "$$",
+ "hasCredential": {
+ "@type": "EducationalOccupationalCredential",
+ "credentialCategory": "Real Estate License",
+ "identifier": "3443255",
+ "recognizedBy": {
+ "@type": "GovernmentOrganization",
+ "name": "Florida Department of Business and Professional Regulation"
+ }
+ },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "275 Commercial Blvd, Suite 212",
+ "addressLocality": "Lauderdale-by-the-Sea",
+ "addressRegion": "FL",
+ "postalCode": "33308",
+ "addressCountry": "US"
+ },
+ "areaServed": { "@type": "City", "name": "Pompano Beach", "sameAs": "https://en.wikipedia.org/wiki/Pompano_Beach,_Florida" },
+ "sameAs": [
+ "https://instagram.com/miadruck",
+ "https://www.facebook.com/p/Mia-Druck-100064656883967/",
+ "https://share.google/sgExBQ7qvd5iWNHKI"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://miadruck.com/pompano-beach-real-estate/#webpage",
+ "url": "https://miadruck.com/pompano-beach-real-estate/",
+ "name": "Pompano Beach Real Estate Agent | Mia Druck",
+ "description": "Homes for sale and rent in Pompano Beach with Mia Druck — Old Pompano, Harbor Village, Cresthaven, Garden Isles and the beach corridor.",
+ "inLanguage": "en-US",
+ "about": { "@id": "https://miadruck.com/#agent" },
+ "isPartOf": { "@id": "https://miadruck.com/#website" }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://miadruck.com/" },
+ { "@type": "ListItem", "position": 2, "name": "Areas", "item": "https://miadruck.com/#areas" },
+ { "@type": "ListItem", "position": 3, "name": "Pompano Beach" }
+ ]
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "868 Crystal Lake Drive, Pompano Beach",
+ "url": "https://miadruck.com/pompano-beach-real-estate/#deerfield-868-crystal-lake",
+ "image": "https://miadruck.com/assets/img/listing-868-crystal-lake-dr-pompano-beach.webp",
+ "numberOfBedrooms": 2,
+ "numberOfBathroomsTotal": 2,
+ "floorSize": { "@type": "QuantitativeValue", "value": 1122, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "868 Crystal Lake Drive",
+ "addressLocality": "Pompano Beach",
+ "addressRegion": "FL",
+ "postalCode": "33064",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "price": "390000",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#Sell",
+ "seller": { "@id": "https://miadruck.com/#agent" }
+ }
+ },
+ {
+ "@type": "SingleFamilyResidence",
+ "name": "1433 NE 27th Street, Pompano Beach",
+ "url": "https://miadruck.com/pompano-beach-real-estate/#pno-1433-ne-27",
+ "image": "https://miadruck.com/assets/img/listing-1433-ne-27th-st-pompano-beach.webp",
+ "numberOfBedrooms": 2,
+ "numberOfBathroomsTotal": 1,
+ "floorSize": { "@type": "QuantitativeValue", "value": 816, "unitCode": "FTK" },
+ "address": {
+ "@type": "PostalAddress",
+ "streetAddress": "1433 NE 27th Street",
+ "addressLocality": "Pompano Beach",
+ "addressRegion": "FL",
+ "postalCode": "33064",
+ "addressCountry": "US"
+ },
+ "offers": {
+ "@type": "Offer",
+ "priceCurrency": "USD",
+ "availability": "https://schema.org/InStock",
+ "businessFunction": "http://purl.org/goodrelations/v1#LeaseOut",
+ "seller": { "@id": "https://miadruck.com/#agent" },
+ "priceSpecification": {
+ "@type": "UnitPriceSpecification",
+ "price": "3000",
+ "priceCurrency": "USD",
+ "unitCode": "MON"
+ }
+ }
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Is Pompano Beach cheaper than Fort Lauderdale?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Generally yes, particularly west of Federal Highway, which is a large part of why buyers priced out of Fort Lauderdale end up here. The beach corridor is different — new construction east of the Intracoastal competes directly with Fort Lauderdale pricing." }
+ },
+ {
+ "@type": "Question",
+ "name": "Can I find a home without an HOA in Pompano Beach?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Yes. Pompano is one of the better coastal Broward cities for it. Cresthaven, Kendall Green and pockets of Old Pompano all have single family stock with no association." }
+ },
+ {
+ "@type": "Question",
+ "name": "Do you handle seasonal rentals in Pompano Beach?",
+ "acceptedAnswer": { "@type": "Answer", "text": "Yes. Her listing at 1433 NE 27th Street is a seasonal rental at $3,000 a month. She works with owners getting a property rent-ready and with tenants trying to secure one before season." }
+ },
+ {
+ "@type": "Question",
+ "name": "Is Pompano Beach a good place to buy an investment property?",
+ "acceptedAnswer": { "@type": "Answer", "text": "It is the market where her investor clients have been most active, largely because entry prices are lower than Fort Lauderdale while rental demand is comparable. Whether it works depends on the specific property, financing and insurance costs." }
+ }
+ ]
+ }
+ ]
+}
+</script>
+</body>
+</html>
diff --git a/docs/robots.txt b/docs/robots.txt
new file mode 100644
index 0000000..ac6cefe
--- /dev/null
+++ b/docs/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://miadruck.com/sitemap.xml
diff --git a/docs/site.webmanifest b/docs/site.webmanifest
new file mode 100644
index 0000000..b236fff
--- /dev/null
+++ b/docs/site.webmanifest
@@ -0,0 +1,14 @@
+{
+ "name": "Mia Druck | South Florida Real Estate",
+ "short_name": "Mia Druck",
+ "description": "South Florida real estate agent serving Fort Lauderdale, Pompano Beach, Lighthouse Point and Boca Raton.",
+ "start_url": "/",
+ "display": "standalone",
+ "background_color": "#FBF8F3",
+ "theme_color": "#0F2436",
+ "icons": [
+ { "src": "/assets/img/icon-192.png", "sizes": "192x192", "type": "image/png" },
+ { "src": "/assets/img/icon-512.png", "sizes": "512x512", "type": "image/png" },
+ { "src": "/assets/img/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+ ]
+}
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
new file mode 100644
index 0000000..ec736f4
--- /dev/null
+++ b/docs/sitemap.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+ <url>
+ <loc>https://miadruck.com/</loc>
+ <lastmod>2026-07-26</lastmod>
+ <changefreq>weekly</changefreq>
+ <priority>1.0</priority>
+ </url>
+ <url>
+ <loc>https://miadruck.com/fort-lauderdale-real-estate/</loc>
+ <lastmod>2026-07-26</lastmod>
+ <changefreq>monthly</changefreq>
+ <priority>0.8</priority>
+ </url>
+ <url>
+ <loc>https://miadruck.com/pompano-beach-real-estate/</loc>
+ <lastmod>2026-07-26</lastmod>
+ <changefreq>monthly</changefreq>
+ <priority>0.8</priority>
+ </url>
+ <url>
+ <loc>https://miadruck.com/lighthouse-point-real-estate/</loc>
+ <lastmod>2026-07-26</lastmod>
+ <changefreq>monthly</changefreq>
+ <priority>0.8</priority>
+ </url>
+ <url>
+ <loc>https://miadruck.com/boca-raton-real-estate/</loc>
+ <lastmod>2026-07-26</lastmod>
+ <changefreq>monthly</changefreq>
+ <priority>0.8</priority>
+ </url>
+</urlset>