-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
264 lines (235 loc) · 12.9 KB
/
Copy pathabout.html
File metadata and controls
264 lines (235 loc) · 12.9 KB
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#E8580C">
<title>About RDU Heatwave — 212 Referral Network</title>
<link rel="canonical" href="https://rduheatwave.team/about">
<meta property="og:site_name" content="RDU Heatwave">
<meta property="og:type" content="website">
<meta property="og:title" content="About RDU Heatwave — 212 Referral Network">
<meta property="og:description" content="Learn about RDU Heatwave, a 212 Referral Network team in Raleigh-Durham, NC. Structured referral networking that grows your business.">
<meta property="og:url" content="https://rduheatwave.team/about">
<meta property="og:image" content="https://rduheatwave.team/api/og?title=About+RDU+Heatwave+%E2%80%94+212+Referral+Network&subtitle=Learn+about+RDU+Heatwave%2C+a+212+Referral+Network+team+in+Raleigh-Durham%2C+NC.+Structured+referral+networking+that+grows+your+business.&eyebrow=Raleigh-Durham+%E2%80%A2+referral+networking">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="About RDU Heatwave — 212 Referral Network social preview">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="About RDU Heatwave — 212 Referral Network">
<meta name="twitter:description" content="Learn about RDU Heatwave, a 212 Referral Network team in Raleigh-Durham, NC. Structured referral networking that grows your business.">
<meta name="twitter:image" content="https://rduheatwave.team/api/og?title=About+RDU+Heatwave+%E2%80%94+212+Referral+Network&subtitle=Learn+about+RDU+Heatwave%2C+a+212+Referral+Network+team+in+Raleigh-Durham%2C+NC.+Structured+referral+networking+that+grows+your+business.&eyebrow=Raleigh-Durham+%E2%80%A2+referral+networking">
<meta name="twitter:image:alt" content="About RDU Heatwave — 212 Referral Network social preview">
<meta name="description" content="Learn about RDU Heatwave, a 212 Referral Network team in Raleigh-Durham, NC. Structured referral networking that grows your business.">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" href="/icons/heatwave-icon-192.png">
<link rel="apple-touch-icon" href="/icons/heatwave-icon-180.png">
<link rel="manifest" href="/site.webmanifest">
<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=Bebas+Neue&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/shared.css">
<link rel="stylesheet" href="/about.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "RDU Heatwave",
"description": "A 212 Referral Network team in Raleigh-Durham, NC. Structured referral networking that grows your business.",
"url": "https://rduheatwave.team",
"logo": "https://rduheatwave.team/icons/heatwave-icon-512.png",
"memberOf": {
"@type": "Organization",
"name": "212 Referral Network"
}
}
</script>
</head>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<div class="heat-bg" aria-hidden="true"><div class="heat-line"></div><div class="heat-line"></div><div class="heat-line"></div><div class="heat-line"></div><div class="heat-line"></div></div>
<noscript>
<div class="noscript-banner">
This page requires JavaScript to load the team roster. Other content is still visible.
</div>
</noscript>
<!-- Sticky Nav -->
<nav class="site-nav" aria-label="Page sections">
<a href="/about" class="nav-brand">RDU HEATWAVE</a>
<a href="#philosophy">212</a>
<a href="#how-it-works">How It Works</a>
<a href="#team">Team</a>
<a href="#venue">Venue</a>
<a href="#visit">Visit</a>
</nav>
<!-- Hero -->
<main id="main-content">
<section class="hero" id="top">
<div class="hero-temp" aria-hidden="true">212°</div>
<h1 class="hero-title heat-text"><img src="/icons/iconscout/fire.svg" alt="" class="page-icon page-icon--lg" width="48" height="48">RDU HEATWAVE</h1>
<p class="hero-tagline">The Raleigh-Durham team of the Two Twelve Referral Network</p>
</section>
<div class="shimmer-line" aria-hidden="true"></div>
<!-- What is 212? -->
<section class="philosophy" id="philosophy" data-reveal>
<p class="section-label">The Extra Degree</p>
<h2 class="section-title">What Is 212?</h2>
<div class="section-body">
<p>At 211 degrees, water is hot. At <strong>212 degrees</strong>, it boils—and boiling water creates steam, and steam can power a locomotive. That one extra degree makes all the difference.</p>
<div class="temp-callout">
<span class="deg">212°F</span>
<span class="label">The boiling point. The extra degree that changes everything.</span>
</div>
<p>The Two Twelve Referral Network is built on that philosophy. We are business professionals committed to going the extra degree for each other—generating real, qualified referrals through structured networking, accountability, and genuine relationships. One degree beyond ordinary transforms your pipeline.</p>
</div>
</section>
<div class="shimmer-line" aria-hidden="true"></div>
<!-- How It Works -->
<section id="how-it-works">
<p class="section-label">The System</p>
<h2 class="section-title">How It Works</h2>
<div class="cards-grid">
<div class="card gradient-border">
<img src="/icons/iconscout/fire.svg" alt="" class="hw-icon-img" aria-hidden="true" width="32" height="32">
<h3>Weekly Meetings</h3>
<p id="weekly-meeting-copy">Every Thursday we meet at Clouds Brewing in Raleigh to share referrals, build relationships, and hold each other accountable.</p>
<span class="detail" id="weekly-meeting-detail">Thursdays · 4:00 PM ET</span>
</div>
<div class="card gradient-border">
<img src="/icons/iconscout/chat-bubble.svg" alt="" class="hw-icon-img" aria-hidden="true" width="32" height="32">
<h3>BizChats</h3>
<p>Short one-on-one meetings between members outside the weekly meeting. Get to know each other's businesses deeply so you can refer with confidence.</p>
<span class="detail">1-on-1 · 15–30 minutes</span>
</div>
<div class="card gradient-border">
<img src="/icons/iconscout/handshake.svg" alt="" class="hw-icon-img" aria-hidden="true" width="32" height="32">
<h3>Referral Pipeline</h3>
<p>Structured referral passing with tracking and accountability. Every referral given and received is logged so you can measure real ROI.</p>
<span class="detail">Tracked · Measured · Accountable</span>
</div>
<div class="card gradient-border">
<img src="/icons/iconscout/star-badge.svg" alt="" class="hw-icon-img" aria-hidden="true" width="32" height="32">
<h3>Guest Incentive</h3>
<p>Bring visitors to the meeting and earn Gratitude Incentive (GI) points. The more you invest in the team, the more the team invests in you.</p>
<span class="detail">Earn GI points for every guest</span>
</div>
</div>
</section>
<div class="shimmer-line" aria-hidden="true"></div>
<!-- The Team -->
<section id="team" data-reveal>
<p class="section-label">Our Members</p>
<h2 class="section-title">The Team</h2>
<p class="section-body">Each seat represents a unique business category—no competition within the team, only collaboration.</p>
<div class="team-grid" id="team-grid">
<div class="team-loading">Loading team roster…</div>
</div>
</section>
<div class="shimmer-line" aria-hidden="true"></div>
<!-- Venue / Meeting Details -->
<section id="venue" data-reveal>
<p class="section-label">Where & When</p>
<h2 class="section-title">Meeting Details</h2>
<div class="venue-block">
<img src="/clouds-brewing-logo.png" alt="Clouds Brewing logo" class="venue-logo" width="96" height="96" loading="lazy" decoding="async">
<div class="venue-info">
<h3 id="venue-name">Clouds Brewing</h3>
<p id="venue-address">1233 Front St, Raleigh, NC 27609</p>
<div class="venue-schedule" id="venue-schedule">Thursdays at 4:00 PM ET</div>
</div>
</div>
</section>
<div class="shimmer-line" aria-hidden="true"></div>
<!-- CTA -->
<section class="cta-section" id="visit" data-reveal="scale">
<h2 class="section-title">Ready to Visit?</h2>
<p class="section-body" style="margin: 0 auto 2rem; text-align: center;">Come see what the extra degree can do for your business. Your first visit is free.</p>
<a href="/" class="btn-cta fire-btn" data-haptic="nudge">Register to Visit<span class="ember" aria-hidden="true"></span><span class="ember" aria-hidden="true"></span><span class="ember" aria-hidden="true"></span></a>
</section>
</main>
<!-- Footer -->
<footer class="site-footer">
© 2026 RDU Heatwave · A Two Twelve Referral Network Team
</footer>
<script src="/scripts/site-config.js"></script>
<script>
(function () {
var SITE_CONFIG = window.HEATWAVE_SITE_CONFIG || {};
var MEETING_CONFIG = SITE_CONFIG.meeting || {};
var grid = document.getElementById('team-grid');
var weeklyMeetingCopy = document.getElementById('weekly-meeting-copy');
var weeklyMeetingDetail = document.getElementById('weekly-meeting-detail');
var venueName = document.getElementById('venue-name');
var venueAddress = document.getElementById('venue-address');
var venueSchedule = document.getElementById('venue-schedule');
if (weeklyMeetingCopy && MEETING_CONFIG.venueName) {
weeklyMeetingCopy.textContent = 'Every ' + (MEETING_CONFIG.dayName || 'Thursday') + ' we meet at ' + MEETING_CONFIG.venueName + ' in Raleigh to share referrals, build relationships, and hold each other accountable.';
}
if (weeklyMeetingDetail) {
weeklyMeetingDetail.textContent = (MEETING_CONFIG.dayNamePlural || 'Thursdays') + ' · ' + (MEETING_CONFIG.publicTimeLabel || '4:00 PM ET');
}
if (venueName && MEETING_CONFIG.venueName) venueName.textContent = MEETING_CONFIG.venueName;
if (venueAddress && MEETING_CONFIG.venueAddress) venueAddress.textContent = MEETING_CONFIG.venueAddress;
if (venueSchedule) {
venueSchedule.textContent = (MEETING_CONFIG.dayNamePlural || 'Thursdays') + ' at ' + (MEETING_CONFIG.publicTimeLabel || '4:00 PM ET');
}
if (!grid) return;
fetch('/api/members')
.then(function (res) {
if (!res.ok) throw new Error('Failed to load');
return res.json();
})
.then(function (data) {
var members = (data && data.members) || [];
if (!members.length) {
grid.innerHTML = '<div class="team-error">No members found.</div>';
return;
}
/* Chair first, then leaders, then alphabetical */
members.sort(function (a, b) {
if (a.chair && !b.chair) return -1;
if (!a.chair && b.chair) return 1;
if (a.leader && !b.leader) return -1;
if (!a.leader && b.leader) return 1;
return a.name.localeCompare(b.name);
});
function esc(s) { var d = document.createElement('div'); d.textContent = s || ''; return d.innerHTML; }
// Note: all values passed to innerHTML are escaped via esc() above.
// The photo/website URLs originate from the trusted API fallback or
// Google Sheet, not user input — no XSS risk here.
grid.innerHTML = members.map(function (m) {
var cls = 'member-card' + (m.leader ? ' is-leader' : '');
var companyHtml = esc(m.company);
if (m.website) {
companyHtml = '<a href="' + esc(m.website) + '" target="_blank" rel="noopener noreferrer">' + esc(m.company) + '</a>';
}
var photoHtml = '';
if (m.photo) {
var objPos = m.photoObjectPosition ? ' style="object-position:' + esc(m.photoObjectPosition) + '"' : '';
photoHtml = '<img class="member-photo" src="' + esc(m.photo) + '" alt="' + esc(m.name) + '"' + objPos + ' loading="lazy" decoding="async" width="72" height="72">';
} else {
var initials = m.name.split(' ').map(function(w) { return w.charAt(0); }).join('').toUpperCase();
photoHtml = '<div class="member-photo member-initials">' + esc(initials) + '</div>';
}
return (
'<div class="' + cls + '">' +
photoHtml +
'<div class="member-info">' +
'<div class="member-name">' + esc(m.name) + '</div>' +
'<div class="member-title">' + esc(m.title) + '</div>' +
'<div class="member-company">' + companyHtml + '</div>' +
'</div>' +
'</div>'
);
}).join('');
})
.catch(function () {
grid.innerHTML = '<div class="team-error">Could not load team roster. Please try again later.</div>';
});
})();
</script>
<script src="/scripts/scroll-reveal.js"></script>
<script>if('serviceWorker' in navigator) navigator.serviceWorker.register('/sw.js').catch(function(){});</script>
</body>
</html>