-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
345 lines (331 loc) · 19.7 KB
/
Copy pathindex.html
File metadata and controls
345 lines (331 loc) · 19.7 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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self' data:; img-src 'self' data: https:; script-src 'self' 'unsafe-inline'; form-action 'self'">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Philadelphia event security for venues, concerts, private events, and commercial sites. Armed and unarmed coverage planned locally by ShieldBox Security.">
<title>ShieldBox Security | Philadelphia Event Security</title>
<link rel="icon" type="image/svg+xml" href="assets/icons/favicon/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon/favicon-32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon/favicon-16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/favicon/apple-touch-icon.png" />
<meta property="og:title" content="ShieldBox Security | Philadelphia Event Security">
<meta property="og:description" content="Armed and unarmed event security for Philadelphia venues, concerts, private events, and commercial sites.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://shieldboxsecurity.com/">
<meta property="og:image" content="https://shieldboxsecurity.com/assets/icons/favicon/android-chrome-512.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="ShieldBox Security | Philadelphia Event Security">
<meta name="twitter:description" content="Armed and unarmed event security for Philadelphia venues, concerts, private events, and commercial sites.">
<meta name="twitter:image" content="https://shieldboxsecurity.com/assets/icons/favicon/android-chrome-512.png">
<link rel="canonical" href="https://shieldboxsecurity.com/">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": ["LocalBusiness", "SecurityService"],
"name": "ShieldBox Security",
"legalName": "ShieldBox Security LLC",
"description": "Armed and unarmed event security for Philadelphia venues, concerts, private events, and commercial sites, planned locally and staffed in-house.",
"url": "https://shieldboxsecurity.com/",
"email": "shieldbox.sec@gmail.com",
"telephone": "+1-267-276-5287",
"address": {
"@type": "PostalAddress",
"addressLocality": "Philadelphia",
"addressRegion": "PA",
"addressCountry": "US"
},
"areaServed": [
{ "@type": "City", "name": "Philadelphia", "sameAs": "https://en.wikipedia.org/wiki/Philadelphia" },
{ "@type": "State", "name": "Pennsylvania" }
],
"contactPoint": [
{
"@type": "ContactPoint",
"contactType": "sales",
"email": "shieldbox.sec@gmail.com",
"telephone": "+1-267-276-5287",
"areaServed": ["PA"],
"availableLanguage": ["English"]
}
],
"serviceType": ["Event Security", "Venue Security", "Concert Security", "Private Event Security", "Commercial Site Security", "Crowd Management", "Talent Protection", "Overnight Watch"],
"priceRange": "$$"
}
</script>
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/shared.css">
<link rel="stylesheet" href="css/marketing.css">
</head>
<body>
<a class="skip-link" href="quote.html">Skip to quote request</a>
<!-- =========================================================
SITE NAV
========================================================= -->
<nav class="site-nav" aria-label="Main navigation">
<a href="event-quote-request.html" class="nav-back">← Event Brief Example</a>
<a class="nav-brand" href="index.html">
<svg width="24" height="28" viewBox="0 0 48 56" fill="none" aria-hidden="true">
<path d="M24 2C24 2 4 10 4 10V28C4 42 14 52 24 54C34 52 44 42 44 28V10L24 2Z" stroke="var(--ink)" stroke-width="1.8" fill="none" />
<path d="M24 10C24 10 10 16 10 16V28C10 38 16 46 24 48C32 46 38 38 38 28V16L24 10Z" stroke="var(--ink)" stroke-width="1.4" fill="none" opacity="0.55" />
</svg>
<span class="nav-wordmark">shield<span>box</span></span>
</a>
<div class="nav-links">
<a href="#services" class="nav-link-desktop">Services</a>
<a href="event-quote-request.html" class="nav-link-desktop">Brief Example</a>
<a id="headerRequestCoverage" href="quote.html" class="nav-cta" data-track="request-coverage">Request coverage</a>
</div>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="navPanel" aria-label="Open menu">
<span class="nav-toggle-bar" aria-hidden="true"></span>
<span class="nav-toggle-bar" aria-hidden="true"></span>
<span class="nav-toggle-bar" aria-hidden="true"></span>
</button>
<div class="nav-panel" id="navPanel">
<a href="#services">Services</a>
<a href="event-quote-request.html">Brief Example</a>
<a href="tel:+12672765287" class="nav-panel-contact">Call +1 267-276-5287</a>
<a href="mailto:shieldbox.sec@gmail.com" class="nav-panel-contact">shieldbox.sec@gmail.com</a>
<a href="quote.html" class="nav-panel-cta" data-track="request-coverage">Request coverage</a>
</div>
</nav>
<noscript>
<style>
/* Without JS the hamburger cannot open, so fall back to showing the
links inline rather than leaving the nav unusable. */
@media (max-width: 640px) {
.nav-toggle { display: none !important; }
.nav-link-desktop { display: inline-flex !important; }
}
</style>
</noscript>
<!-- =========================================================
LANDING HERO
========================================================= -->
<section class="landing">
<div class="landing-grid">
<div class="landing-copy">
<div class="hero-kicker-row">
<svg class="hero-shield" viewBox="0 0 48 56" fill="none" aria-hidden="true">
<path d="M24 2C24 2 4 10 4 10V28C4 42 14 52 24 54C34 52 44 42 44 28V10L24 2Z" stroke="var(--ink)" stroke-width="1.6" fill="none" opacity="0.45" />
<path d="M24 10C24 10 10 16 10 16V28C10 38 16 46 24 48C32 46 38 38 38 28V16L24 10Z" stroke="var(--ink)" stroke-width="1.2" fill="none" opacity="0.3" />
</svg>
<div class="hero-tagline">Philadelphia Event Security</div>
</div>
<h1 class="hero-h1">Philadelphia event security built for the room, the door, and the load-out.</h1>
<p class="hero-sub">Armed and unarmed coverage for venues, concerts, private events, and commercial sites—planned locally, staffed in-house, and led with clear on-site accountability.</p>
<div class="hero-actions">
<a id="heroAvailability" href="quote.html" class="btn btn-primary" data-track="hero-availability">Check event availability</a>
<a id="heroPhone" href="tel:+12672765287" class="btn btn-ghost" data-track="hero-phone">Call 267-276-5287</a>
</div>
<p class="hero-microcopy">Tell us the date, venue, and expected attendance. Proposal turnaround within 24 hours.</p>
</div>
<section class="hero-spotlight" aria-label="ShieldBox operations snapshot">
<div class="hero-spotlight-kicker">Operations Snapshot</div>
<h2 class="hero-spotlight-title">Built for doors, credential control, backstage movement, and late-night load-out.</h2>
<p class="hero-spotlight-copy">ShieldBox is for live environments where visible presence, clear communication, and disciplined field judgment keep the night moving without unnecessary escalation.</p>
<div class="hero-spotlight-media">
<img src="BoxPics/IMG_4091-web.jpeg" alt="ShieldBox security member verifying guest credentials during nighttime check-in" loading="eager" width="900" height="600" />
</div>
<div class="hero-spotlight-grid" aria-label="Operational highlights">
<div class="hero-spotlight-stat">
<span>Coverage</span>
<strong>Entry, floor, perimeter</strong>
</div>
<div class="hero-spotlight-stat">
<span>Client mix</span>
<strong>Concerts, venues, private events</strong>
</div>
<div class="hero-spotlight-stat">
<span>Field posture</span>
<strong>Visible, calm, disciplined</strong>
</div>
<div class="hero-spotlight-stat">
<span>Review cycle</span>
<strong>Manual ops follow-up on every request</strong>
</div>
</div>
</section>
</div>
</section>
<section class="trust-strip" aria-label="ShieldBox service commitments">
<div class="trust-item"><strong class="trust-num">24-hour</strong><span class="trust-label">Proposal turnaround</span></div>
<div class="trust-item"><strong class="trust-num">Armed and unarmed</strong><span class="trust-label">Coverage</span></div>
<div class="trust-item"><strong class="trust-num">In-house</strong><span class="trust-label">Team</span></div>
<div class="trust-item"><strong class="trust-num">Owner-led</strong><span class="trust-label">Field accountability</span></div>
<div class="trust-item"><strong class="trust-num">Philadelphia-based</strong><span class="trust-label">Operations</span></div>
</section>
<section class="brand-story" aria-label="ShieldBox local credibility">
<div class="brand-story-grid">
<aside class="brand-aside">
<div class="brand-mark" aria-hidden="true">🛡️</div>
<div class="brand-name">ShieldBox Security LLC</div>
<h2 class="brand-title">Professional Event Security for Philadelphia Venues and Clients</h2>
<p class="brand-meta">Philadelphia-founded · Owner-led · Event-focused operations</p>
</aside>
<div class="brand-message">
<div class="brand-kicker">Straight Talk</div>
<h2 class="brand-headline">We Keep It Safe. That's It. That's the Job.</h2>
<p class="brand-copy">You need personnel who arrive on time, hold the line, communicate clearly, and represent your operation professionally. That is what ShieldBox is built to do. Philadelphia born and raised, built for live events across the city.</p>
<blockquote class="brand-quote">"You don't need a corporation. You need someone who shows up."<footer><cite>ShieldBox Security</cite></footer></blockquote>
</div>
</div>
</section>
<!-- =========================================================
PHOTO GALLERY
========================================================= -->
<section class="gallery" aria-label="ShieldBox team in action">
<div class="gallery-head">
<div class="gallery-overline">On the Ground</div>
<h2 class="gallery-title">Our Team in Action</h2>
<p class="gallery-copy">Real ShieldBox team members managing entry, wristbands, and guest flow during live event operations. No stock photography.</p>
</div>
<div class="gallery-grid">
<figure class="gallery-card">
<img class="gallery-img" src="BoxPics/att.ZxHeEFy_psJsMVVjKHGzZxhRyE7DzwXEGz6AKdxzMIM.jpeg" alt="ShieldBox team members maintaining visible venue presence during live event operations" loading="lazy" width="2048" height="1364" />
<figcaption class="gallery-caption">
<span>Venue Presence</span>
<p>Visible field coverage that keeps the venue controlled, watchful, and professional once the event is underway.</p>
</figcaption>
</figure>
<figure class="gallery-card">
<img class="gallery-img" src="BoxPics/IMG_3336.jpeg" alt="ShieldBox team member applying a wristband during event entry operations" loading="lazy" width="800" height="533" />
<figcaption class="gallery-caption">
<span>Guest Flow</span>
<p>Fast, orderly wristband checks that keep entry moving without losing control of the line.</p>
</figcaption>
</figure>
</div>
</section>
<!-- =========================================================
SERVICES
========================================================= -->
<section class="services" id="services">
<div class="services-head">
<div class="services-overline">What We Do</div>
<h2 class="services-title">Security Services</h2>
<p class="services-copy">Event coverage is the core offer: doors, floor, perimeter, and everything between load-in and load-out across Philadelphia.</p>
</div>
<div class="services-grid">
<div class="svc-card">
<div class="svc-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<h3 class="svc-name">Crowd Management</h3>
<div class="svc-desc">High-density monitoring, queue management, and de-escalation by trained floor personnel.</div>
<div class="svc-fit">Best for: concerts, festivals, and events with 200+ attendees</div>
</div>
<div class="svc-card">
<div class="svc-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
<h3 class="svc-name">Talent Protection</h3>
<div class="svc-desc">Dedicated close-protection escorts for performers, VIP guests, and principals on site.</div>
<div class="svc-fit">Best for: performers, VIPs, and high-profile guests requiring close-protection detail</div>
</div>
<div class="svc-card">
<div class="svc-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg></div>
<h3 class="svc-name">Front of House</h3>
<div class="svc-desc">Entry screening, bag checks, and visible security presence managing first impressions.</div>
<div class="svc-fit">Best for: venue entrances, galas, and private events with guest lists or credential checks</div>
</div>
<div class="svc-card">
<div class="svc-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/><path d="M13 13l6 6"/></svg></div>
<h3 class="svc-name">Perimeter Patrol</h3>
<div class="svc-desc">Active roaming patrols securing venue exterior and adjacent loading areas throughout the event.</div>
<div class="svc-fit">Best for: outdoor venues, multi-entrance sites, and events with loading dock access</div>
</div>
<div class="svc-card">
<div class="svc-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></div>
<h3 class="svc-name">Overnight Watch</h3>
<div class="svc-desc">Stationary overnight guard for venue equipment, staging, and production assets after hours.</div>
<div class="svc-fit">Best for: multi-day events, festivals, and venues with overnight equipment or staging</div>
</div>
</div>
</section>
<section class="coverage-process" aria-labelledby="coverageProcessTitle">
<div class="coverage-process-head">
<div>
<div class="coverage-process-overline">How coverage works</div>
<h2 id="coverageProcessTitle" class="coverage-process-title">A clear plan before anyone takes a post.</h2>
</div>
<p>Event security is the primary operation. Commercial and retail coverage follows the same disciplined planning process, adapted to the site.</p>
</div>
<ol class="coverage-process-grid">
<li class="coverage-step">
<span class="coverage-step-num" aria-hidden="true">01</span>
<h3>Scope review</h3>
<p>Venue, schedule, attendance, entry points, and risk profile.</p>
</li>
<li class="coverage-step">
<span class="coverage-step-num" aria-hidden="true">02</span>
<h3>Staffing plan</h3>
<p>Posts, supervisor, arrival schedule, and escalation plan.</p>
</li>
<li class="coverage-step">
<span class="coverage-step-num" aria-hidden="true">03</span>
<h3>Event execution</h3>
<p>Entry, floor, backstage, perimeter, and close-out.</p>
</li>
<li class="coverage-step">
<span class="coverage-step-num" aria-hidden="true">04</span>
<h3>Post-event follow-up</h3>
<p>Incident notes and next-day review.</p>
</li>
</ol>
</section>
<div class="section-divider"><hr /></div>
<!-- =========================================================
QUOTE INTAKE
========================================================= -->
<!-- =========================================================
QUOTE CTA BANNER
========================================================= -->
<section class="quote-cta-banner" id="quoteStart" aria-labelledby="quoteCtaTitle">
<div class="quote-cta-inner">
<div class="quote-cta-overline">Ready When You Are</div>
<h2 id="quoteCtaTitle" class="quote-cta-title">Start Quote Request</h2>
<p class="quote-cta-sub">Open the live intake form to send event details, venue notes, and scope directly to ShieldBox operations. Every request is reviewed manually.</p>
<div class="quote-cta-actions">
<a id="quoteFormOpen" href="quote.html" class="btn btn-primary quote-cta-button" data-track="quote-form-open">Start Quote Request</a>
<a href="event-quote-request.html#overview" class="btn btn-ghost">Preview Brief Example</a>
</div>
<p class="quote-cta-note">Quote requests are reviewed manually. ShieldBox operations follow up personally at <a href="mailto:shieldbox.sec@gmail.com">shieldbox.sec@gmail.com</a> or <a href="tel:+12672765287">+1 267-276-5287</a>.</p>
</div>
</section>
<!-- FOOTER -->
<footer class="site-footer">
<div class="footer-brand">
<div class="footer-name">ShieldBox Security</div>
<address>
Philadelphia, PA & surrounding counties<br />
<a id="footerEmail" href="#"></a><br />
<a href="tel:+12672765287">+1 267-276-5287</a>
</address>
Based in Philadelphia, serving Pennsylvania. Out-of-state events considered case-by-case, subject to state licensing.
</div>
<div class="footer-note">
Protect people. Support our clients. Uphold a standard of professionalism our clients can count on.<br />
Quote requests are reviewed manually and followed up personally.
</div>
</footer>
<div class="mobile-action-dock" aria-label="Quick mobile actions">
<a href="quote.html" class="dock-primary" data-track="quote-form-open">Start Quote Request</a>
</div>
<!-- TOAST -->
<div id="toast" role="status" aria-atomic="true" hidden>
<strong id="toastTitle">Submission status</strong>
<span id="toastMessage">Please try again or email shieldbox.sec@gmail.com or call +1 267-276-5287.</span>
</div>
<!-- JS -->
<script src="js/nav.js" defer></script>
<script>
(() => {
/* Obfuscate footer email from scrapers */
const fe = document.getElementById("footerEmail");
if (fe) {
const u = "shieldbox.sec", d = "gmail.com";
fe.href = `mailto:${u}@${d}`;
fe.textContent = `${u}@${d}`;
}
})();
</script>
</body>
</html>