Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Pharma Cleanroom Facility | Essential Engineering</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <style> | |
| .project-image { | |
| transition: transform 0.3s ease; | |
| } | |
| .project-image:hover { | |
| transform: scale(1.02); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800 bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white bg-opacity-90 backdrop-filter backdrop-blur-sm shadow-sm fixed w-full z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-20 items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <img src="https://huggingface.co/spaces/mtourville/pureflow-mep-masters/resolve/main/images/Essential%20Logo.jpg" alt="Essential Engineering Logo" class="h-16 w-auto"> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-10 flex items-center space-x-8"> | |
| <a href="index.html" class="text-gray-600 hover:text-blue-600 transition">Home</a> | |
| <a href="services.html" class="text-gray-600 hover:text-blue-600 transition">Services</a> | |
| <a href="projects.html" class="text-blue-600 font-medium">Projects</a> | |
| <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a> | |
| <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a> | |
| <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button> | |
| </div> | |
| </div> | |
| <div class="md:hidden"> | |
| <button class="text-gray-600"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Project Header --> | |
| <section class="pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center"> | |
| <span class="text-blue-600 font-medium">PHARMACEUTICAL FACILITY</span> | |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6 text-gray-800"> | |
| Grade A&B Pharmaceutical Cleanrooms (Design-Build) | |
| </h1> | |
| <div class="flex justify-center items-center space-x-4 text-gray-600"> | |
| <div class="flex items-center"> | |
| <i data-feather="map-pin" class="w-4 h-4 mr-1"></i> | |
| <span>Sanford, NC</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="calendar" class="w-4 h-4 mr-1"></i> | |
| <span>Completed 2022</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Project Gallery --> | |
| <section class="py-12 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="project-image"> | |
| <img src="http://static.photos/medical/1024x576/1" alt="Cleanroom interior" class="rounded-lg shadow-md w-full h-auto"> | |
| </div> | |
| <div class="project-image"> | |
| <img src="http://static.photos/medical/1024x576/2" alt="HVAC system" class="rounded-lg shadow-md w-full h-auto"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Project Details --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="grid md:grid-cols-3 gap-12"> | |
| <div class="md:col-span-2"> | |
| <h2 class="text-2xl font-bold mb-6">Project Overview</h2> | |
| <p class="text-gray-600 mb-6"> | |
| We partnered with Cleanroom Construction Associates, Hodess Cleanroom Construction and Gamewell Mechanical to deliver a turn-key Design-Build 60,000 square foot pharmaceutical cleanroom facility for a leading pharmaceutical company. The project involved creating Grade A (ISO Class 5) and Grade B (ISO Class 7) cleanroom environments compliant with FDA cGMP and EU GMP Annex 1 requirements. | |
| </p> | |
| <h3 class="text-xl font-bold mt-8 mb-4">Key Features</h3> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>ISO Class 5 (Grade A) and ISO Class 7 (Grade B) cleanrooms with unidirectional airflow and cascading pressure control</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Redundant HVAC systems with 24/7 monitoring for temperature, humidity, and pressure differentials</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Fully validated systems with comprehensive IQ/OQ/PQ documentation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Specialized process chilled water systems for bioreactors and purification equipment</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Two (2) new custom 25,000 CFM make-up air handling units</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Thirteen (13) custom recirculation air handling units (8,000-32,000 CFM)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Hazardous exhaust system with N+1 redundancy</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Ethanol exhaust system with N+1 redundancy</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Dedicated tool exhaust systems (N+1 redundancy)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-blue-600 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>General exhaust fans (N+1 redundancy)</span> | |
| </li> | |
| </ul> | |
| <h3 class="text-xl font-bold mt-8 mb-4">Challenges & Solutions</h3> | |
| <p class="text-gray-600 mb-4"> | |
| The facility required maintaining tight environmental controls (±0.5°C temperature and ±3% RH) while accommodating large heat loads from process equipment. | |
| </p> | |
| <p class="text-gray-600"> | |
| Our solution incorporated precision air handling units with proportional-integral-derivative (PID) control algorithms and rapid response cooling coils to maintain stability during equipment heat load fluctuations. | |
| </p> | |
| <h3 class="text-xl font-bold mb-4 mt-8">Structural Integration Challenge</h3> | |
| <p class="text-gray-600"> | |
| The facility was built inside an existing two story shell building. All our mechanical systems had to be supported independently from the original building structure. Our design included custom pipe racks that were prefabricated off site and shipped in sections to the facility. Coordinated shipping splits for custom air handling units to fit down narrow service corridors. The AHU installation was closely coordinate with the prefabricated pipe rack installation. All utilities were installed successfully and without issue. | |
| </p> | |
| </div> | |
| <div> | |
| <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100 sticky top-8"> | |
| <h3 class="text-lg font-bold mb-4">Project Details</h3> | |
| <div class="space-y-4"> | |
| <div> | |
| <h4 class="text-sm font-medium text-gray-500">Client</h4> | |
| <p class="font-medium">Leading Biotech Company</p> | |
| </div> | |
| <div> | |
| <h4 class="text-sm font-medium text-gray-500">Size</h4> | |
| <p class="font-medium">60,000 sq ft</p> | |
| </div> | |
| <div> | |
| <h4 class="text-sm font-medium text-gray-500">Completion</h4> | |
| <p class="font-medium">June 2022</p> | |
| </div> | |
| <div> | |
| <h4 class="text-sm font-medium text-gray-500">Services</h4> | |
| <ul class="space-y-1"> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>Cleanroom Design</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>HVAC Validation</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>Process Piping</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>Building Automation</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-sm font-medium text-gray-500">HVAC Systems</h4> | |
| <ul class="space-y-1"> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>(2) × 25,000 CFM MAUs</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>(13) Recirc AHUs (8K-32K CFM)</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>Hazardous Exhaust System (N+1)</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>Ethanol Exhaust System (N+1)</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>Dedicated Tool Exhaust systems (N+1)</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="w-4 h-4 mr-2 text-blue-600"></i> | |
| <span>General Exhaust Fans (N+1)</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Technical Specifications --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-7xl mx-auto"> | |
| <h2 class="text-2xl font-bold mb-8">Technical Specifications</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4 text-blue-600">HVAC Systems</h3> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li>(2) × 25,000 CFM make-up air handling units</li> | |
| <li>(13) custom recirculation AHUs (8,000-32,000 CFM)</li> | |
| <li>Hazardous Exhaust System (N+1) + Ethanol Exhaust System (N+1)</li> | |
| <li>Dedicated Tool Exhaust Systems (N+1) + General Exhaust System (N+1)</li> | |
| <li>HEPA filtration (99.99% @ 0.3μm)</li> | |
| <li>Temperature control: ±0.5°C</li> | |
| <li>Humidity control: ±3% RH</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4 text-blue-600">Utilities</h3> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li>Chilled water (40°F supply)</li> | |
| <li>Nitrogen and CO2 distribution (PSI as required)</li> | |
| <li>Emergency power (N+1 configuration)</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonial --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-blue-600 text-white"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <i data-feather="quote" class="w-12 h-12 mx-auto text-blue-300 mb-6"></i> | |
| <p class="text-xl mb-6"> | |
| "Essential Engineering delivered a facility that exceeded our expectations. Their attention to detail in cleanroom design and validation was instrumental in our successful FDA inspection." | |
| </p> | |
| <div class="font-medium"> | |
| <p>John Smith</p> | |
| <p class="text-blue-200">Director of Facilities, Client Company</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-7xl mx-auto text-center"> | |
| <h2 class="text-2xl font-bold mb-6">Ready to Discuss Your Project?</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto mb-8"> | |
| Our team of cleanroom experts is ready to help design your next critical environment facility. | |
| </p> | |
| <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium inline-block transition"> | |
| Contact Our Team | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-16 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="grid md:grid-cols-4 gap-12"> | |
| <div> | |
| <div class="flex items-center mb-6"> | |
| <img src="https://huggingface.co/spaces/mtourville/pureflow-mep-masters/resolve/main/images/Essential%20Logo.jpg" alt="Essential Engineering Logo" class="h-14 w-auto"> | |
| <span class="ml-3 text-xl font-bold">Essential Engineering</span> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Specialized MEP solutions for critical environments in pharmaceutical, micro-electromechanical systems, and advanced manufacturing. | |
| </p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="linkedin"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="facebook"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-6">Services</h4> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Cleanroom Design</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">HVAC Systems</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Process Piping</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Electrical Systems</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-6">Projects</h4> | |
| <ul class="space-y-3"> | |
| <li><a href="projects.html" class="text-gray-400 hover:text-white transition">All Projects</a></li> | |
| <li><a href="biotech-cleanroom-facility.html" class="text-gray-400 hover:text-white transition">Pharmaceutical Grade A/B Cleanroom</a></li> | |
| <li><a href="semiconductor-fab-expansion.html" class="text-gray-400 hover:text-white transition">Semiconductor Fab</a></li> | |
| <li><a href="bsl-3-research-lab.html" class="text-gray-400 hover:text-white transition">BSL-3 Laboratory</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-6">Contact</h4> | |
| <address class="not-italic text-gray-400"> | |
| <p class="mb-3">1668 Crawford Dairy Road</p> | |
| <p class="mb-3">Chapel Hill, NC 27516</p> | |
| <p class="mb-3">Phone: (555) 123-4567</p> | |
| <p>Email: info@essentialeng.com</p> | |
| </address> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-500 text-sm mb-4 md:mb-0"> | |
| © 2023 Essential Engineering Company. All rights reserved. | |
| </p> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-500 hover:text-white text-sm">Privacy Policy</a> | |
| <a href="#" class="text-gray-500 hover:text-white text-sm">Terms of Service</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |