mtourville commited on
Commit
6f8bdb1
·
verified ·
1 Parent(s): 17a59c9

open semiconductor fab expansion project

Browse files
Files changed (2) hide show
  1. index.html +2 -2
  2. semiconductor-fab-expansion.html +91 -86
index.html CHANGED
@@ -40,8 +40,8 @@
40
  <a href="projects.html" class="text-blue-600 font-medium flex items-center">Projects <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a>
41
  <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md py-1 hidden group-hover:block z-50">
42
  <a href="projects.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">All Projects</a>
43
- <a href="biotech-cleanroom-facility.html" class="block px-4 py-2 bg-blue-50 text-blue-600">Biotech Cleanrooms</a>
44
- <a href="semiconductor-fab-expansion.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Semiconductor Fabs</a>
45
  <a href="bsl-3-research-lab.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Life Sciences (BSL Labs)</a>
46
  </div>
47
  </div>
 
40
  <a href="projects.html" class="text-blue-600 font-medium flex items-center">Projects <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a>
41
  <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md py-1 hidden group-hover:block z-50">
42
  <a href="projects.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">All Projects</a>
43
+ <a href="biotech-cleanroom-facility.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Biotech Cleanrooms</a>
44
+ <a href="semiconductor-fab-expansion.html" class="block px-4 py-2 bg-blue-50 text-blue-600">Semiconductor Fabs</a>
45
  <a href="bsl-3-research-lab.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Life Sciences (BSL Labs)</a>
46
  </div>
47
  </div>
semiconductor-fab-expansion.html CHANGED
@@ -3,18 +3,18 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Micro-Electromechanical Systems Fab Expansion | Essential Engineering</title>
7
- <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://unpkg.com/feather-icons"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
  <style>
12
- .tech-spec {
13
  transition: all 0.3s ease;
14
  }
15
- .tech-spec:hover {
16
- transform: translateY(-3px);
17
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
18
  }
19
  </style>
20
  </head>
@@ -30,7 +30,15 @@
30
  <div class="ml-10 flex items-center space-x-8">
31
  <a href="index.html" class="text-gray-600 hover:text-blue-600 transition">Home</a>
32
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
33
- <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition">Projects</a>
 
 
 
 
 
 
 
 
34
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a>
35
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
36
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button>
@@ -49,10 +57,10 @@
49
  <section class="pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-white">
50
  <div class="max-w-7xl mx-auto">
51
  <div class="text-center">
52
- <span class="text-blue-600 font-medium">MICRO-ELECTROMECHANICAL FACILITY</span>
53
- <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6 text-gray-800">
54
- Micro-Electromechanical Systems Fab Expansion
55
- </h1>
56
  <div class="flex justify-center items-center space-x-4 text-gray-600">
57
  <div class="flex items-center">
58
  <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
@@ -60,37 +68,44 @@
60
  </div>
61
  <div class="flex items-center">
62
  <i data-feather="calendar" class="w-4 h-4 mr-1"></i>
63
- <span>Completed 2021</span>
64
  </div>
65
  </div>
66
  </div>
67
  </div>
68
  </section>
69
 
70
- <!-- Project Highlights -->
71
- <section class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-50">
72
  <div class="max-w-7xl mx-auto">
 
73
  <div class="grid md:grid-cols-3 gap-8">
74
- <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
75
  <div class="text-blue-600 mb-4">
76
- <i data-feather="cpu" class="w-8 h-8"></i>
77
  </div>
78
- <h3 class="text-lg font-bold mb-2">Cleanroom Class</h3>
79
- <p class="text-gray-600">ISO Class 3 (Class 1) for critical lithography areas</p>
 
 
80
  </div>
81
- <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
82
  <div class="text-blue-600 mb-4">
83
- <i data-feather="shield" class="w-8 h-8"></i>
84
  </div>
85
- <h3 class="text-lg font-bold mb-2">Vibration Control</h3>
86
- <p class="text-gray-600">VC-E criteria for advanced lithography tools</p>
 
 
87
  </div>
88
- <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
89
  <div class="text-blue-600 mb-4">
90
- <i data-feather="activity" class="w-8 h-8"></i>
91
  </div>
92
- <h3 class="text-lg font-bold mb-2">EMI Shielding</h3>
93
- <p class="text-gray-600">60 dB attenuation at 1 MHz for sensitive metrology</p>
 
 
94
  </div>
95
  </div>
96
  </div>
@@ -100,12 +115,12 @@
100
  <section class="py-12 px-4 sm:px-6 lg:px-8 bg-white">
101
  <div class="max-w-7xl mx-auto">
102
  <div class="grid md:grid-cols-3 gap-6">
103
- <div class="md:col-span-2">
104
- <img src="http://static.photos/technology/1024x576/7" alt="Cleanroom interior" class="rounded-lg shadow-md w-full h-auto">
105
- </div>
106
  <div>
107
- <img src="http://static.photos/technology/1024x576/8" alt="HVAC system" class="rounded-lg shadow-md w-full h-auto mb-6">
108
- <img src="http://static.photos/technology/1024x576/9" alt="Control room" class="rounded-lg shadow-md w-full h-auto">
 
 
 
109
  </div>
110
  </div>
111
  </div>
@@ -118,27 +133,27 @@
118
  <div class="md:col-span-2">
119
  <h2 class="text-2xl font-bold mb-6">Project Overview</h2>
120
  <p class="text-gray-600 mb-6">
121
- Essential Engineering provided MEP design for this 50,000 square foot expansion to an existing Micro-Electromechanical Systems (MEMS) fabrication facility, enabling production of advanced sensors and actuators. The project included ultra-clean environment spaces, specialized vibration isolation, and EMI shielding for critical process areas.
122
- </p>
123
 
124
- <h3 class="text-xl font-bold mt-8 mb-4">Design Challenges</h3>
125
  <div class="space-y-6">
126
  <div>
127
  <h4 class="font-bold mb-2">Vibration Control</h4>
128
  <p class="text-gray-600">
129
- Achieving VC-E vibration criteria required floating slab foundations, isolated structural supports, and specialized HVAC duct isolation for EUV lithography tools sensitive to vibrations as small as 1μm/s.
130
  </p>
131
  </div>
132
  <div>
133
- <h4 class="font-bold mb-2">Environmental Stability</h4>
134
  <p class="text-gray-600">
135
- Maintaining ±0.1°C temperature stability in the lithography bay with 100% outside air systems required innovative heat recovery and precision cooling solutions.
136
  </p>
137
  </div>
138
  <div>
139
- <h4 class="font-bold mb-2">Contamination Control</h4>
140
  <p class="text-gray-600">
141
- AMC (Airborne Molecular Contamination) control systems with chemical filtration were implemented to maintain parts-per-trillion level cleanliness for copper interconnect processes.
142
  </p>
143
  </div>
144
  </div>
@@ -150,17 +165,15 @@
150
  <div class="space-y-4">
151
  <div>
152
  <h4 class="text-sm font-medium text-gray-500">Client</h4>
153
- <p class="font-medium">
154
- Leading MEMS Device Manufacturer
155
- </p>
156
  </div>
157
  <div>
158
  <h4 class="text-sm font-medium text-gray-500">Size</h4>
159
- <p class="font-medium">50,000 sq ft expansion</p>
160
  </div>
161
  <div>
162
  <h4 class="text-sm font-medium text-gray-500">Completion</h4>
163
- <p class="font-medium">November 2021</p>
164
  </div>
165
  <div>
166
  <h4 class="text-sm font-medium text-gray-500">Services</h4>
@@ -171,15 +184,15 @@
171
  </li>
172
  <li class="flex items-center">
173
  <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i>
174
- <span>Vibration Analysis</span>
175
  </li>
176
  <li class="flex items-center">
177
  <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i>
178
- <span>EMI Shielding</span>
179
  </li>
180
  <li class="flex items-center">
181
  <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i>
182
- <span>Specialty Gas Systems</span>
183
  </li>
184
  </ul>
185
  </div>
@@ -194,33 +207,25 @@
194
  <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
195
  <div class="max-w-7xl mx-auto">
196
  <h2 class="text-2xl font-bold mb-8">Technical Specifications</h2>
197
- <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
198
- <div class="tech-spec bg-gray-50 p-6 rounded-lg border border-gray-200">
199
- <h3 class="text-lg font-bold mb-3 text-blue-600">Cleanroom Parameters</h3>
200
- <ul class="space-y-2 text-gray-600">
201
- <li>ISO Class 3 (Class 1) in lithography</li>
202
- <li>Temperature: 52°F ±0.18°F</li>
203
- <li>Humidity: 42% ±1% RH</li>
204
- <li>Air changes: 500+ per hour</li>
205
- <li>Particle count: <1 @ 0.1μm/ft³</li>
206
- </ul>
207
- </div>
208
- <div class="tech-spec bg-gray-50 p-6 rounded-lg border border-gray-200">
209
- <h3 class="text-lg font-bold mb-3 text-blue-600">Vibration Criteria</h3>
210
- <ul class="space-y-2 text-gray-600">
211
- <li>VC-E: 1 μm/s (1-80Hz)</li>
212
- <li>Floating slabs: 4ft thick</li>
213
- <li>Air isolators: 80%+ efficiency</li>
214
- <li>Vibration monitoring: Continuous</li>
215
  </ul>
216
  </div>
217
- <div class="tech-spec bg-gray-50 p-6 rounded-lg border border-gray-200">
218
- <h3 class="text-lg font-bold mb-3 text-blue-600">Utilities</h3>
219
- <ul class="space-y-2 text-gray-600">
220
- <li>UPW: 18.2 MΩ·cm purity</li>
221
- <li>Process cooling water: ±0.05°C</li>
222
- <li>Specialty gases: 99.9999% purity</li>
223
- <li>Redundant power: Dual PDUs</li>
 
224
  </ul>
225
  </div>
226
  </div>
@@ -232,10 +237,10 @@
232
  <div class="max-w-4xl mx-auto text-center">
233
  <i data-feather="quote" class="w-12 h-12 mx-auto text-blue-300 mb-6"></i>
234
  <p class="text-xl mb-6">
235
- "The environmental controls designed by Essential Engineering allowed us to achieve first-pass yield targets on our 5nm process that exceeded our most optimistic projections."
236
  </p>
237
  <div class="font-medium">
238
- <p>Dr. Sarah Chen</p>
239
  <p class="text-blue-200">VP of Fab Operations, Client Company</p>
240
  </div>
241
  </div>
@@ -244,10 +249,10 @@
244
  <!-- CTA -->
245
  <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
246
  <div class="max-w-7xl mx-auto text-center">
247
- <h2 class="text-2xl font-bold mb-6">Need Precision Environmental Controls?</h2>
248
  <p class="text-gray-600 max-w-2xl mx-auto mb-8">
249
- Our team specializes in designing facilities for the most demanding Micro-Electromechanical Systems manufacturing processes.
250
- </p>
251
  <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium inline-block transition">
252
  Contact Our Team
253
  </a>
@@ -282,10 +287,10 @@
282
  <div>
283
  <h4 class="text-lg font-semibold mb-6">Services</h4>
284
  <ul class="space-y-3">
285
- <li><a href="#" class="text-gray-400 hover:text-white transition">Cleanroom Design</a></li>
286
- <li><a href="#" class="text-gray-400 hover:text-white transition">Vibration Control</a></li>
287
- <li><a href="#" class="text-gray-400 hover:text-white transition">EMI Shielding</a></li>
288
- <li><a href="#" class="text-gray-400 hover:text-white transition">Process Utilities</a></li>
289
  </ul>
290
  </div>
291
 
@@ -294,17 +299,17 @@
294
  <ul class="space-y-3">
295
  <li><a href="projects.html" class="text-gray-400 hover:text-white transition">All Projects</a></li>
296
  <li><a href="biotech-cleanroom-facility.html" class="text-gray-400 hover:text-white transition">Pharma Cleanroom</a></li>
297
- <li><a href="semiconductor-fab-expansion.html" class="text-blue-400 hover:text-blue-300 transition">Semiconductor Fab</a></li>
298
- <li><a href="bsl-3-research-lab.html" class="text-gray-400 hover:text-white transition">BSL-3 Laboratory</a></li>
299
  </ul>
300
  </div>
301
 
302
  <div>
303
  <h4 class="text-lg font-semibold mb-6">Contact</h4>
304
  <address class="not-italic text-gray-400">
305
- <p class="mb-3">1668 Crawford Dairy Road</p>
306
- <p class="mb-3">Chapel Hill, NC 27516</p>
307
- <p class="mb-3">Phone: (555) 123-4567</p>
308
  <p>Email: info@essentialeng.com</p>
309
  </address>
310
  </div>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Semiconductor Fab Expansion | Essential Engineering</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://unpkg.com/feather-icons"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
  <style>
12
+ .feature-card {
13
  transition: all 0.3s ease;
14
  }
15
+ .feature-card:hover {
16
+ transform: translateY(-5px);
17
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
18
  }
19
  </style>
20
  </head>
 
30
  <div class="ml-10 flex items-center space-x-8">
31
  <a href="index.html" class="text-gray-600 hover:text-blue-600 transition">Home</a>
32
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
33
+ <div class="group relative">
34
+ <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition flex items-center">Projects <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a>
35
+ <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md py-1 hidden group-hover:block z-50">
36
+ <a href="projects.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">All Projects</a>
37
+ <a href="biotech-cleanroom-facility.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Pharma Cleanroom</a>
38
+ <a href="semiconductor-fab-expansion.html" class="block px-4 py-2 bg-blue-50 text-blue-600">Semiconductor Fabs</a>
39
+ <a href="bsl-3-research-lab.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">BSL Labs</a>
40
+ </div>
41
+ </div>
42
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a>
43
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
44
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button>
 
57
  <section class="pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-white">
58
  <div class="max-w-7xl mx-auto">
59
  <div class="text-center">
60
+ <span class="text-blue-600 font-medium">SEMICONDUCTOR MANUFACTURING</span>
61
+ <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6 text-gray-800">
62
+ 300mm Semiconductor Fab Expansion
63
+ </h1>
64
  <div class="flex justify-center items-center space-x-4 text-gray-600">
65
  <div class="flex items-center">
66
  <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
 
68
  </div>
69
  <div class="flex items-center">
70
  <i data-feather="calendar" class="w-4 h-4 mr-1"></i>
71
+ <span>Completed 2022</span>
72
  </div>
73
  </div>
74
  </div>
75
  </div>
76
  </section>
77
 
78
+ <!-- Key Features -->
79
+ <section class="py-16 px-4 sm:px-6 lg:px-8 bg-blue-50">
80
  <div class="max-w-7xl mx-auto">
81
+ <h2 class="text-2xl font-bold mb-8 text-center">Key Technical Features</h2>
82
  <div class="grid md:grid-cols-3 gap-8">
83
+ <div class="feature-card bg-white p-8 rounded-xl border border-gray-100">
84
  <div class="text-blue-600 mb-4">
85
+ <i data-feather="wind" class="w-8 h-8"></i>
86
  </div>
87
+ <h3 class="text-lg font-bold mb-3">Vibration Control</h3>
88
+ <p class="text-gray-600">
89
+ Class 1000 cleanroom with advanced vibration isolation (VC-D criteria) for EUV lithography tools.
90
+ </p>
91
  </div>
92
+ <div class="feature-card bg-white p-8 rounded-xl border border-gray-100">
93
  <div class="text-blue-600 mb-4">
94
+ <i data-feather="zap" class="w-8 h-8"></i>
95
  </div>
96
+ <h3 class="text-lg font-bold mb-3">Power Quality</h3>
97
+ <p class="text-gray-600">
98
+ 99.9999% uptime power distribution with harmonic filtering and <2% voltage variation.
99
+ </p>
100
  </div>
101
+ <div class="feature-card bg-white p-8 rounded-xl border border-gray-100">
102
  <div class="text-blue-600 mb-4">
103
+ <i data-feather="droplet" class="w-8 h-8"></i>
104
  </div>
105
+ <h3 class="text-lg font-bold mb-3">Ultrapure Water</h3>
106
+ <p class="text-gray-600">
107
+ 18.2 MΩ·cm UPW system with <5ppt TOC for advanced node wafer processing.
108
+ </p>
109
  </div>
110
  </div>
111
  </div>
 
115
  <section class="py-12 px-4 sm:px-6 lg:px-8 bg-white">
116
  <div class="max-w-7xl mx-auto">
117
  <div class="grid md:grid-cols-3 gap-6">
 
 
 
118
  <div>
119
+ <img src="http://static.photos/technology/1024x576/20" alt="Cleanroom interior" class="rounded-lg shadow-md w-full h-auto mb-6">
120
+ <img src="http://static.photos/technology/1024x576/21" alt="Control room" class="rounded-lg shadow-md w-full h-auto">
121
+ </div>
122
+ <div class="md:col-span-2">
123
+ <img src="http://static.photos/technology/1024x576/22" alt="HVAC system" class="rounded-lg shadow-md w-full h-auto">
124
  </div>
125
  </div>
126
  </div>
 
133
  <div class="md:col-span-2">
134
  <h2 class="text-2xl font-bold mb-6">Project Overview</h2>
135
  <p class="text-gray-600 mb-6">
136
+ Essential Engineering designed the MEP systems for a 300,000 square foot expansion to an existing semiconductor fab producing 7nm and below nodes. The project added 15,000 wafer starts per month capacity with cutting-edge EUV lithography capability.
137
+ </p>
138
 
139
+ <h3 class="text-xl font-bold mt-8 mb-4">Design Highlights</h3>
140
  <div class="space-y-6">
141
  <div>
142
  <h4 class="font-bold mb-2">Vibration Control</h4>
143
  <p class="text-gray-600">
144
+ Isolated slab-on-grade foundation with 2Hz natural frequency, supporting 300-ton lithography tools with <1μm/sec vibration criteria.
145
  </p>
146
  </div>
147
  <div>
148
+ <h4 class="font-bold mb-2">Cleanroom Systems</h4>
149
  <p class="text-gray-600">
150
+ ISO Class 3 (Class 1) minienvironments with 0.5μm particle control, temperature stability ±0.1°C, and humidity control ±1% RH.
151
  </p>
152
  </div>
153
  <div>
154
+ <h4 class="font-bold mb-2">Specialty Gases</h4>
155
  <p class="text-gray-600">
156
+ 50+ bulk gas delivery systems with <1ppb purity for process gases including NF3, Cl2, and HBr with redundant abatement systems.
157
  </p>
158
  </div>
159
  </div>
 
165
  <div class="space-y-4">
166
  <div>
167
  <h4 class="text-sm font-medium text-gray-500">Client</h4>
168
+ <p class="font-medium">Major Semiconductor Manufacturer</p>
 
 
169
  </div>
170
  <div>
171
  <h4 class="text-sm font-medium text-gray-500">Size</h4>
172
+ <p class="font-medium">300,000 sq ft expansion</p>
173
  </div>
174
  <div>
175
  <h4 class="text-sm font-medium text-gray-500">Completion</h4>
176
+ <p class="font-medium">Q2 2022</p>
177
  </div>
178
  <div>
179
  <h4 class="text-sm font-medium text-gray-500">Services</h4>
 
184
  </li>
185
  <li class="flex items-center">
186
  <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i>
187
+ <span>Vibration Control</span>
188
  </li>
189
  <li class="flex items-center">
190
  <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i>
191
+ <span>UPW Systems</span>
192
  </li>
193
  <li class="flex items-center">
194
  <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i>
195
+ <span>Process Gas Delivery</span>
196
  </li>
197
  </ul>
198
  </div>
 
207
  <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
208
  <div class="max-w-7xl mx-auto">
209
  <h2 class="text-2xl font-bold mb-8">Technical Specifications</h2>
210
+ <div class="grid md:grid-cols-2 gap-8">
211
+ <div>
212
+ <h3 class="text-lg font-bold mb-4 text-blue-600">Environmental Controls</h3>
213
+ <ul class="space-y-3 text-gray-600">
214
+ <li>ISO Class 3 (Class 1) minienvironments</li>
215
+ <li>Temperature control: 22°C ±0.1°C</li>
216
+ <li>Humidity control: 45% ±1% RH</li>
217
+ <li>Air changes: 250-300 per hour</li>
218
+ <li>HEPA filtration: 99.999% at 0.12μm</li>
 
 
 
 
 
 
 
 
 
219
  </ul>
220
  </div>
221
+ <div>
222
+ <h3 class="text-lg font-bold mb-4 text-blue-600">Utility Systems</h3>
223
+ <ul class="space-y-3 text-gray-600">
224
+ <li>Ultrapure water: 18.2 MΩ·cm, <5ppt TOC</li>
225
+ <li>Process cooling water: ±0.1°C stability</li>
226
+ <li>Bulk gas delivery: 50+ systems</li>
227
+ <li>Power quality: <2% voltage variation</li>
228
+ <li>Vibration: VC-D criteria for EUV tools</li>
229
  </ul>
230
  </div>
231
  </div>
 
237
  <div class="max-w-4xl mx-auto text-center">
238
  <i data-feather="quote" class="w-12 h-12 mx-auto text-blue-300 mb-6"></i>
239
  <p class="text-xl mb-6">
240
+ "Essential Engineering's expertise in semiconductor facility design was critical in achieving our aggressive ramp schedule. Their vibration control solutions allowed us to install EUV tools with no yield-impacting issues."
241
  </p>
242
  <div class="font-medium">
243
+ <p>Sarah Chen</p>
244
  <p class="text-blue-200">VP of Fab Operations, Client Company</p>
245
  </div>
246
  </div>
 
249
  <!-- CTA -->
250
  <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
251
  <div class="max-w-7xl mx-auto text-center">
252
+ <h2 class="text-2xl font-bold mb-6">Planning a Fab Expansion or Upgrade?</h2>
253
  <p class="text-gray-600 max-w-2xl mx-auto mb-8">
254
+ Our team specializes in semiconductor facility design with deep expertise in advanced node requirements.
255
+ </p>
256
  <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium inline-block transition">
257
  Contact Our Team
258
  </a>
 
287
  <div>
288
  <h4 class="text-lg font-semibold mb-6">Services</h4>
289
  <ul class="space-y-3">
290
+ <li><a href="#" class="text-gray-400 hover:text-white transition">BSL-3/4 Design</a></li>
291
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Containment HVAC</a></li>
292
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Effluent Treatment</a></li>
293
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Security Systems</a></li>
294
  </ul>
295
  </div>
296
 
 
299
  <ul class="space-y-3">
300
  <li><a href="projects.html" class="text-gray-400 hover:text-white transition">All Projects</a></li>
301
  <li><a href="biotech-cleanroom-facility.html" class="text-gray-400 hover:text-white transition">Pharma Cleanroom</a></li>
302
+ <li><a href="semiconductor-fab-expansion.html" class="text-gray-400 hover:text-white transition">Semiconductor Fabs</a></li>
303
+ <li><a href="bsl-3-research-lab.html" class="text-gray-400 hover:text-white transition">BSL Labs</a></li>
304
  </ul>
305
  </div>
306
 
307
  <div>
308
  <h4 class="text-lg font-semibold mb-6">Contact</h4>
309
  <address class="not-italic text-gray-400">
310
+ <p class="mb-3">123 Engineering Drive</p>
311
+ <p class="mb-3">Tech Park, CA 90210</p>
312
+ <p class="mb-3">Phone: (555) 123-4567</p>
313
  <p>Email: info@essentialeng.com</p>
314
  </address>
315
  </div>