RG-Command-Center/team.html at main · kingsleyeffusive774/RG-Command-Center · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Meet the Team — RAG Realty Group</title><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=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Playfair+Display:wght@600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="assets/css/styles.css"><script src="data/bootstrap.js"></script><script src="assets/js/utils.js"></script></head><body class="public"><header class="public-header"><div class="container bar"><div class="brand">RAG <span class="accent">Realty</span> Group<small>Meet the Team</small></div><nav class="nav"><a href="index.html">Home</a><a href="deals.html">Deals</a><a href="directory.html">Directory</a><a href="mortgage.html">Mortgage Calculator</a><a href="blog.html">Blog</a><button class="theme-toggle" data-theme-toggle="public" data-theme-label onclick="GRRTheme.toggle('public')">Dark Theme</button><button class="primary" onclick="location.href='index.html'">Search Listings</button></nav></div></header>
<section class="hero" style="padding:48px 0 36px"><div class="container inner"><div class="eyebrow">Ricki · Amit · Gary</div><h1 style="font-size:clamp(36px,5vw,64px)">Meet the <em>Team</em></h1><p>Three partners. One platform. Data-driven real estate intelligence across Canada's most competitive markets.</p></div></section>
<section class="section"><div class="container"><div id="teamGrid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px"></div></div></section>
<section class="section"><div class="container"><div class="section-head"><div><h2>Areas We Cover</h2><p>Our combined coverage spans Vancouver Island to the Prairies — every market backed by real municipal data.</p></div></div><div id="areasGrid" class="mini-grid"></div></div></section>
<footer class="public-footer"><div class="container">RAG Realty Group · Ricki Kohli · Amit Khatkar · Gary Doman</div></footer>
<script>
(async function(){
  const res = await fetch('data/team.json');
  const team = await res.json();
  const grid = document.getElementById('teamGrid');
  const allAreas = new Set();
  grid.innerHTML = team.map(m => {
    (m.areas||[]).forEach(a => allAreas.add(a));
    const initials = m.name.split(' ').map(w=>w[0]).join('');
    return `<div style="background:#fff;border:1px solid var(--public-border);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(17,14,9,.04)">
      <div style="height:200px;background:linear-gradient(135deg,#13100d,#2a2218);display:flex;align-items:center;justify-content:center">
        <div style="width:90px;height:90px;border-radius:50%;background:var(--public-gold);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:32px;font-weight:700;color:#fff">${escapeHtml(initials)}</div>
      </div>
      <div style="padding:22px">
        <h3 style="font-family:var(--serif);font-size:28px;margin:0 0 4px;letter-spacing:-.02em">${escapeHtml(m.name)}</h3>
        <div style="font-size:12px;color:var(--public-gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px">${escapeHtml(m.role)}</div>
        <p style="color:var(--public-muted);font-size:14px;line-height:1.65;margin:0 0 16px">${escapeHtml(m.bio)}</p>
        <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px">${(m.focus||[]).map(f=>`<span class="tag gold">${escapeHtml(f)}</span>`).join('')}</div>
        <div style="font-size:12px;color:var(--public-muted)"><strong>Areas:</strong> ${escapeHtml((m.areas||[]).join(', '))}</div>
        ${m.phone ? `<div style="margin-top:8px;font-size:13px"><strong>Phone:</strong> ${escapeHtml(m.phone)}</div>` : ''}
        ${m.email ? `<div style="margin-top:4px;font-size:13px"><strong>Email:</strong> <a href="mailto:${escapeHtml(m.email)}" style="color:var(--public-gold)">${escapeHtml(m.email)}</a></div>` : ''}
      </div>
    </div>`;
  }).join('');
  const areasGrid = document.getElementById('areasGrid');
  areasGrid.innerHTML = [...allAreas].sort().map(a => `<div class="market-card"><h3>${escapeHtml(a)}</h3><p>Active coverage</p></div>`).join('');
})();
</script>
<script>GRRTheme.init('public');</script><div style="position:fixed;bottom:0;left:0;right:0;z-index:50;background:#13100d;border-top:2px solid var(--public-gold);padding:10px 0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap"><span style="color:#fff;font-size:14px;font-weight:700">Looking to buy or sell in Victoria?</span><a href="tel:2505078949" style="background:var(--public-gold);color:#fff;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none">Call Amit 250-507-8949</a><a href="index.html" style="background:#fff;color:#13100d;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none">Search Listings</a></div><div style="height:52px"></div></body></html>