-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcustom-seating.html
More file actions
171 lines (165 loc) · 9.4 KB
/
Copy pathcustom-seating.html
File metadata and controls
171 lines (165 loc) · 9.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Custom Theater Seating Potomac MD | Potomac Theater Installers</title>
<meta name="description" content="Custom theater seating and risers in Potomac, MD. Luxury recliners, stadium platforms, fiber-optic ceilings, and architectural millwork.">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ["Inter", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "sans-serif"],
},
colors: {
ink: "#1a1a1a",
accent: "#d4af37",
soft: "#faf8f5",
sand: "#e7dfd0"
}
}
}
}
</script>
<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@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body class="bg-soft font-sans text-ink">
<header class="border-b border-sand bg-soft">
<div class="mx-auto flex max-w-6xl items-center justify-between px-6 py-6">
<div class="text-lg font-semibold tracking-tight">Potomac Theater Installers</div>
<nav class="hidden items-center gap-8 text-sm font-medium text-ink/70 md:flex">
<a class="transition hover:text-ink" href="/">Home</a>
<a class="transition hover:text-ink" href="/services.html">Services</a>
<a class="transition hover:text-ink" href="/locations.html">Cities</a>
<a class="transition hover:text-ink" href="/case-studies/">Case Studies</a>
<a class="transition hover:text-ink" href="/faq.html">FAQ</a>
<a class="transition hover:text-ink" href="/contact.html">Contact</a>
</nav>
<a class="hidden rounded-full border border-accent px-4 py-2 text-sm font-medium text-ink transition hover:bg-[#b38e20] hover:text-ink md:inline-flex" href="/contact.html">Book Consultation</a>
</div>
</header>
<main>
<!-- Hero -->
<section class="mx-auto max-w-5xl px-6 py-20 text-center">
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">Service</p>
<h1 class="mt-6 text-4xl font-semibold tracking-tight md:text-5xl">Custom theater seating & architecture.</h1>
<p class="mt-6 text-lg text-ink/70">Luxury recliners, stadium risers, LED aisle lighting, and millwork that make your theater feel like a boutique cinema.</p>
<div class="mt-8 flex flex-wrap justify-center gap-3 text-sm text-ink/60">
<span class="rounded-full border border-sand px-5 py-2">Heated recliners</span>
<span class="rounded-full border border-sand px-5 py-2">Stadium risers</span>
<span class="rounded-full border border-sand px-5 py-2">Fiber-optic ceilings</span>
</div>
</section>
<!-- Service Detail -->
<section class="mx-auto max-w-5xl px-6 pb-20">
<div class="rounded-[32px] border border-sand bg-soft p-12">
<h2 class="text-2xl font-semibold tracking-tight">Designed for comfort, engineered for sightlines</h2>
<div class="mt-10 grid gap-10 md:grid-cols-2">
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Seating Selection</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Fortress, Valencia, and bespoke builds with heated, massaging, and zero-gravity options.</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Riser Engineering</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Structural risers tuned for perfect sightlines, integrated bass traps, and step lighting.</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Architectural Millwork</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Columns, soffits, and wall panels that conceal speakers, treatments, and lighting.</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Experience Lighting</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Fiber-optic ceilings, LED coves, and aisle lighting synchronized with your control system.</p>
</div>
</div>
</div>
</section>
<!-- Related Services -->
<section class="mx-auto max-w-6xl px-6 pb-16">
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">Consider next</p>
<div class="mt-6 grid gap-6 md:grid-cols-3">
<a class="rounded-3xl border border-sand bg-soft p-8 transition hover:border-accent" href="/services/home-theater-design.html">
<h3 class="text-lg font-semibold text-ink">Home Theater Design</h3>
<p class="mt-3 text-sm text-ink/70">Ensure seating, lighting, and acoustics work together.</p>
</a>
<a class="rounded-3xl border border-sand bg-soft p-8 transition hover:border-accent" href="/services/acoustic-treatment.html">
<h3 class="text-lg font-semibold text-ink">Acoustic Treatment</h3>
<p class="mt-3 text-sm text-ink/70">Blend panels into millwork for a seamless look.</p>
</a>
<a class="rounded-3xl border border-sand bg-soft p-8 transition hover:border-accent" href="/services/smart-home-integration.html">
<h3 class="text-lg font-semibold text-ink">Smart Integration</h3>
<p class="mt-3 text-sm text-ink/70">Tie riser LEDs and aisle lighting to movie scenes.</p>
</a>
</div>
</section>
<!-- Process -->
<section class="mx-auto max-w-5xl px-6 pb-20">
<div class="rounded-[32px] border border-sand bg-white/80 p-16 text-center backdrop-blur-sm">
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">Process</p>
<h2 class="mt-4 text-3xl font-semibold">From sketches to finished seating in four steps.</h2>
<div class="mt-12 grid gap-10 text-left md:grid-cols-4">
<div>
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">01</p>
<p class="mt-3 text-sm font-semibold text-ink">Plan</p>
<p class="mt-2 text-sm text-ink/70">Seating counts, elevations, and traffic patterns.</p>
</div>
<div>
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">02</p>
<p class="mt-3 text-sm font-semibold text-ink">Design</p>
<p class="mt-2 text-sm text-ink/70">Chair models, upholstery, and lighting design.</p>
</div>
<div>
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">03</p>
<p class="mt-3 text-sm font-semibold text-ink">Build</p>
<p class="mt-2 text-sm text-ink/70">Carpentry, electrical rough-in, and millwork.</p>
</div>
<div>
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">04</p>
<p class="mt-3 text-sm font-semibold text-ink">Finish</p>
<p class="mt-2 text-sm text-ink/70">Final upholstery placement, lighting programming, and walkthrough.</p>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="mx-auto max-w-5xl px-6 pb-16">
<div class="rounded-[28px] bg-soft p-10 text-center shadow-[0_40px_120px_-80px_rgba(26,26,26,0.45)]">
<p class="text-xs uppercase tracking-[0.3em] text-ink/40">Ready to start?</p>
<h2 class="mt-4 text-3xl font-semibold tracking-tight">Book a seating & architecture session.</h2>
<p class="mt-4 text-base leading-relaxed text-ink/70">Share inspiration boards or floor plans. We’ll design seating, risers, and lighting that feel like a luxury cinema.</p>
<a class="mt-6 inline-flex rounded-full bg-accent px-6 py-3 text-sm font-medium text-ink transition hover:bg-[#b38e20]" href="/contact.html">Plan My Seating</a>
</div>
</section>
</main>
<!-- Footer -->
<footer class="border-t border-sand bg-ink text-soft">
<div class="mx-auto max-w-6xl px-6 py-14">
<div class="grid gap-10 md:grid-cols-[1.2fr_1fr]">
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-soft/70">Potomac Theater Installers</h3>
<p class="mt-4 text-sm text-soft/80">21030 Frederick Rd, Ste G135<br>Germantown, MD 20876</p>
<p class="mt-2 text-sm text-soft/80">(301) 555-0136</p>
<p class="mt-6 text-xs text-soft/60">Licensed • Insured • Serving Potomac, MD and Montgomery County</p>
</div>
<div class="grid grid-cols-2 gap-6 text-sm text-soft/80">
<div class="space-y-3">
<a class="block transition hover:text-accent" href="/services.html">Services</a>
<a class="block transition hover:text-accent" href="/locations.html">Cities</a>
<a class="block transition hover:text-accent" href="/case-studies/">Case Studies</a>
</div>
<div class="space-y-3">
<a class="block transition hover:text-accent" href="/faq.html">FAQ</a>
<a class="block transition hover:text-accent" href="/about-us.html">About</a>
<a class="block transition hover:text-accent" href="/contact.html">Contact</a>
</div>
</div>
</div>
<p class="mt-10 text-xs text-soft/60">© 2025 Potomac Theater Installers. All rights reserved.</p>
</div>
</footer>
</body>
</html>