-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathacoustic-treatment.html
More file actions
171 lines (165 loc) · 9.39 KB
/
Copy pathacoustic-treatment.html
File metadata and controls
171 lines (165 loc) · 9.39 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>Acoustic Treatment Potomac MD | Potomac Theater Installers</title>
<meta name="description" content="Custom acoustic treatment in Potomac, MD. Panels, diffusers, bass traps, and isolation solutions tailored to luxury home theaters.">
<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">Acoustic treatment with design-led finishes.</h1>
<p class="mt-6 text-lg text-ink/70">We create panel, diffuser, and bass-control solutions that match your interior palette while unlocking reference-grade clarity.</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">Custom panels</span>
<span class="rounded-full border border-sand px-5 py-2">Bass management</span>
<span class="rounded-full border border-sand px-5 py-2">Noise isolation</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">Tailored treatments for Potomac architecture</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">Panel Design</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Fabric-wrapped, wood slat, and art-printed panels sized for colonial basements and luxury great rooms.</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Bass Control</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Corner traps, membrane absorbers, and subwoofer phase adjustments that eliminate boom.</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Diffusion</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Binary and quadratic diffusers for rear walls, ceiling clouds, and column wraps to retain energy without harshness.</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-[0.4em] text-ink/40">Isolation Upgrades</h3>
<p class="mt-3 text-sm leading-relaxed text-ink/70">Door seals, floating floors, and double-stud walls that keep the rest of the home peaceful.</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 p-8 transition hover:border-accent" href="/services/surround-sound.html">
<h3 class="text-lg font-semibold text-ink">Surround & Atmos</h3>
<p class="mt-3 text-sm text-ink/70">Pair treatments with calibrated 3D audio.</p>
</a>
<a class="rounded-3xl border border-sand p-8 transition hover:border-accent" href="/services/custom-seating.html">
<h3 class="text-lg font-semibold text-ink">Custom Seating</h3>
<p class="mt-3 text-sm text-ink/70">Integrate hidden diffusers and absorbers into risers.</p>
</a>
<a class="rounded-3xl border border-sand 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">Start with a full acoustic plan before construction.</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">Treatment systems installed with zero guesswork.</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">Acoustic Audit</p>
<p class="mt-2 text-sm text-ink/70">Room analysis with REW sweeps and reflection mapping.</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">Panel layout, fabric selection, and millwork coordination.</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">Fabrication, on-site install, and finish carpentry.</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">Calibrate</p>
<p class="mt-2 text-sm text-ink/70">Post-install measurements and fine-tuning.</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 an acoustic planning session.</h2>
<p class="mt-4 text-base leading-relaxed text-ink/70">We’ll review your room photos, builder plans, or existing treatments and map the upgrades that deliver cinematic results.</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">Request Acoustic Consult</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>