do not summarize the last entry

about.html

@@ -35,8 +35,8 @@
                         <a href="services.html" class="text-gray-600 hover:text-blue-600 transition">Services</a>
                         <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition">Projects</a>
                         <a href="about.html" class="text-blue-600 font-medium">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>
+                        <a href="contact.html" 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">
@@ -264,9 +264,9 @@
                     © 2023 Essential Engineering Design Build Partnership. 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>
+                        <a href="privacy.html" class="text-gray-500 hover:text-white text-sm">Privacy Policy</a>
+                        <a href="terms.html" class="text-gray-500 hover:text-white text-sm">Terms of Service</a>
+</div>
             </div>
         </div>
     </footer>

bsl-3-research-lab.html

@@ -29,19 +29,19 @@
                 <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="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
+                        <a href="services.html" class="text-gray-600 hover:text-blue-600 transition">Services</a>
                         <div class="group relative">
                             <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>
                             <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md py-1 hidden group-hover:block z-50">
                                 <a href="projects.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">All Projects</a>
                                 <a href="biotech-cleanroom-facility.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Pharmaceutical Cleanrooms</a>
-<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>
+                                <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>
                                 <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>
                             </div>
                         </div>
-<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>
+                        <a href="about.html" class="text-gray-600 hover:text-blue-600 transition">About</a>
+                        <a href="contact.html" 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">
@@ -322,9 +322,9 @@
                     © 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>
+                        <a href="privacy.html" class="text-gray-500 hover:text-white text-sm">Privacy Policy</a>
+                        <a href="terms.html" class="text-gray-500 hover:text-white text-sm">Terms of Service</a>
+</div>
             </div>
         </div>
     </footer>

contact.html

@@ -9,6 +9,15 @@
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>
+    <style>
+        .form-input:focus {
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
+        }
+        .contact-card:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+        }
+    </style>
 </head>
 <body class="font-sans antialiased text-gray-800">
     <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full -z-1"></div>
@@ -42,97 +51,123 @@
     <!-- Contact Header -->
     <section class="pt-32 pb-16 px-4 sm:px-6 lg:px-8 bg-white bg-opacity-90">
         <div class="max-w-7xl mx-auto text-center">
-            <span class="text-blue-600 font-medium">GET IN TOUCH</span>
             <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6 text-gray-800">
-                Contact <span class="text-blue-600">Our Team</span>
+                Let's <span class="text-blue-600">Connect</span>
             </h1>
-            <p class="text-lg text-gray-600 mb-8 max-w-2xl mx-auto">
-                Have a project in mind or questions about our services? Our team is ready to assist you.
+            <p class="text-lg text-gray-600 mb-8 max-w-3xl mx-auto">
+                Our team of MEP experts is ready to discuss your project requirements and deliver solutions that meet the most stringent industry standards.
             </p>
         </div>
     </section>
 
-    <!-- Contact Form -->
-    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-50">
-        <div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-12">
-            <div>
-                <h2 class="text-2xl font-bold mb-6">Send Us a Message</h2>
-                <form class="space-y-6">
-                    <div>
-                        <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name*</label>
-                        <input type="text" id="name" name="name" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
-                    </div>
-                    <div>
-                        <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email*</label>
-                        <input type="email" id="email" name="email" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
-                    </div>
-                    <div>
-                        <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone</label>
-                        <input type="tel" id="phone" name="phone" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
-                    </div>
-                    <div>
-                        <label for="subject" class="block text-sm font-medium text-gray-700 mb-1">Subject</label>
-                        <select id="subject" name="subject" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
-                            <option value="general">General Inquiry</option>
-                            <option value="services">Services Information</option>
-                            <option value="projects">Project Consultation</option>
-                            <option value="careers">Careers</option>
-                        </select>
-                    </div>
-                    <div>
-                        <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message*</label>
-                        <textarea id="message" name="message" rows="4" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"></textarea>
-                    </div>
-                    <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium transition w-full md:w-auto">
-                        Send Message
-                    </button>
-                </form>
-            </div>
-            
-            <div>
-                <h2 class="text-2xl font-bold mb-6">Contact Information</h2>
-                <div class="space-y-6">
-                    <div class="flex items-start">
-                        <div class="bg-blue-100 p-3 rounded-full mr-4">
-                            <i data-feather="map-pin" class="text-blue-600"></i>
+    <!-- Contact Form + Info -->
+    <section class="py-16 px-4 sm:px-6 lg:px-8">
+        <div class="max-w-7xl mx-auto">
+            <div class="grid md:grid-cols-2 gap-12">
+                <!-- Contact Form -->
+                <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-100">
+                    <h2 class="text-2xl font-bold mb-6">Send Us a Message</h2>
+                    <form class="space-y-6">
+                        <div class="grid md:grid-cols-2 gap-6">
+                            <div>
+                                <label for="first-name" class="block text-sm font-medium text-gray-700 mb-1">First Name</label>
+                                <input type="text" id="first-name" class="form-input w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500 transition">
+                            </div>
+                            <div>
+                                <label for="last-name" class="block text-sm font-medium text-gray-700 mb-1">Last Name</label>
+                                <input type="text" id="last-name" class="form-input w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500 transition">
+                            </div>
                         </div>
                         <div>
-                            <h3 class="font-bold text-gray-800">Headquarters</h3>
-                            <p class="text-gray-600 mt-1">123 Engineering Drive<br>Tech Park, CA 90210</p>
+                            <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+                            <input type="email" id="email" class="form-input w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500 transition">
                         </div>
-                    </div>
-                    
-                    <div class="flex items-start">
-                        <div class="bg-blue-100 p-3 rounded-full mr-4">
-                            <i data-feather="phone" class="text-blue-600"></i>
+                        <div>
+                            <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone</label>
+                            <input type="tel" id="phone" class="form-input w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500 transition">
                         </div>
                         <div>
-                            <h3 class="font-bold text-gray-800">Phone</h3>
-                            <p class="text-gray-600 mt-1">(555) 123-4567<br>Mon-Fri: 8am-5pm PST</p>
+                            <label for="subject" class="block text-sm font-medium text-gray-700 mb-1">Subject</label>
+                            <select id="subject" class="form-input w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500 transition">
+                                <option value="">Select a topic</option>
+                                <option value="new-project">New Project Inquiry</option>
+                                <option value="existing-project">Existing Project</option>
+                                <option value="careers">Careers</option>
+                                <option value="other">Other</option>
+                            </select>
                         </div>
-                    </div>
+                        <div>
+                            <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message</label>
+                            <textarea id="message" rows="4" class="form-input w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500 transition"></textarea>
+                        </div>
+                        <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium w-full transition">
+                            Send Message
+                        </button>
+                    </form>
+                </div>
+                
+                <!-- Contact Info -->
+                <div>
+                    <h2 class="text-2xl font-bold mb-6">Contact Information</h2>
                     
-                    <div class="flex items-start">
-                        <div class="bg-blue-100 p-3 rounded-full mr-4">
-                            <i data-feather="mail" class="text-blue-600"></i>
+                    <div class="space-y-6">
+                        <div class="contact-card bg-white p-6 rounded-lg border border-gray-100 transition duration-300">
+                            <div class="flex items-start">
+                                <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4">
+                                    <i data-feather="map-pin" class="text-blue-600"></i>
+                                </div>
+                                <div>
+                                    <h3 class="text-lg font-bold mb-1">Headquarters</h3>
+                                    <address class="not-italic text-gray-600">
+                                        123 Engineering Drive<br>
+                                        Tech Park, CA 90210<br>
+                                        United States
+                                    </address>
+                                </div>
+                            </div>
                         </div>
-                        <div>
-                            <h3 class="font-bold text-gray-800">Email</h3>
-                            <p class="text-gray-600 mt-1">info@essentialeng.com<br>Sales: sales@essentialeng.com</p>
+                        
+                        <div class="contact-card bg-white p-6 rounded-lg border border-gray-100 transition duration-300">
+                            <div class="flex items-start">
+                                <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4">
+                                    <i data-feather="phone" class="text-blue-600"></i>
+                                </div>
+                                <div>
+                                    <h3 class="text-lg font-bold mb-1">Phone & Email</h3>
+                                    <p class="text-gray-600 mb-1">Phone: (555) 123-4567</p>
+                                    <p class="text-gray-600">Email: info@essentialeng.com</p>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="contact-card bg-white p-6 rounded-lg border border-gray-100 transition duration-300">
+                            <div class="flex items-start">
+                                <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4">
+                                    <i data-feather="clock" class="text-blue-600"></i>
+                                </div>
+                                <div>
+                                    <h3 class="text-lg font-bold mb-1">Office Hours</h3>
+                                    <p class="text-gray-600 mb-1">Monday - Friday: 8:00 AM - 6:00 PM</p>
+                                    <p class="text-gray-600">Saturday - Sunday: Closed</p>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     
-                    <div class="pt-6">
-                        <h3 class="font-bold text-gray-800 mb-4">Connect With Us</h3>
+                    <div class="mt-8">
+                        <h3 class="text-lg font-bold mb-4">Follow Us</h3>
                         <div class="flex space-x-4">
-                            <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-blue-100 transition">
-                                <i data-feather="linkedin" class="text-gray-700"></i>
+                            <a href="#" class="bg-gray-100 hover:bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center transition">
+                                <i data-feather="linkedin" class="text-gray-600 hover:text-blue-600"></i>
                             </a>
-                            <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-blue-100 transition">
-                                <i data-feather="twitter" class="text-gray-700"></i>
+                            <a href="#" class="bg-gray-100 hover:bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center transition">
+                                <i data-feather="twitter" class="text-gray-600 hover:text-blue-600"></i>
                             </a>
-                            <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-blue-100 transition">
-                                <i data-feather="facebook" class="text-gray-700"></i>
+                            <a href="#" class="bg-gray-100 hover:bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center transition">
+                                <i data-feather="facebook" class="text-gray-600 hover:text-blue-600"></i>
+                            </a>
+                            <a href="#" class="bg-gray-100 hover:bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center transition">
+                                <i data-feather="youtube" class="text-gray-600 hover:text-blue-600"></i>
                             </a>
                         </div>
                     </div>
@@ -141,19 +176,11 @@
         </div>
     </section>
 
-    <!-- Map Section -->
-    <section class="px-4 sm:px-6 lg:px-8">
+    <!-- Map -->
+    <section class="py-0 px-4 sm:px-6 lg:px-8">
         <div class="max-w-7xl mx-auto">
-            <div class="overflow-hidden rounded-xl shadow-lg">
-                <div class="h-96 w-full bg-gray-200">
-                    <!-- Map placeholder - would be replaced with actual map embed -->
-                    <div class="flex items-center justify-center h-full">
-                        <div class="text-center">
-                            <i data-feather="map" class="w-16 h-16 mx-auto text-gray-400 mb-4"></i>
-                            <p class="text-gray-600">Location Map Would Appear Here</p>
-                        </div>
-                    </div>
-                </div>
+            <div class="rounded-xl overflow-hidden shadow-xl">
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.2151980931934!2d-73.98784468459378!3d40.74844047932796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a9b3117469%3A0xd134e199a405a163!2sEmpire%20State%20Building!5e0!3m2!1sen!2sus!4v1629910960643!5m2!1sen!2sus" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
             </div>
         </div>
     </section>
@@ -186,41 +213,40 @@
                 <div>
                     <h4 class="text-lg font-semibold mb-6">Services</h4>
                     <ul class="space-y-3">
+                        <li><a href="services.html" class="text-gray-400 hover:text-white transition">All Services</a></li>
                         <li><a href="services.html#cleanroom-design" class="text-gray-400 hover:text-white transition">Cleanroom Design</a></li>
                         <li><a href="services.html#hvac-systems" class="text-gray-400 hover:text-white transition">HVAC Systems</a></li>
-                        <li><a href="services.html#process-piping" class="text-gray-400 hover:text-white transition">Process Piping</a></li>
                         <li><a href="services.html#electrical-systems" 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>
+                    <h4 class="text-lg font-semibold mb-6">Company</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="#" class="text-gray-400 hover:text-white transition">Pharmaceutical</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white transition">Microelectronics</a></li>
-                        <li><a href="bsl-3-research-lab.html" class="text-gray-400 hover:text-white transition">Life Sciences (BSL Labs)</a></li>
+                        <li><a href="about.html" class="text-gray-400 hover:text-white transition">About Us</a></li>
+                        <li><a href="projects.html" class="text-gray-400 hover:text-white transition">Projects</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Careers</a></li>
+                        <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</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">123 Engineering Drive</p>
-                        <p class="mb-3">Tech Park, CA 90210</p>
-                        <p class="mb-3">Phone: (555) 123-4567</p>
-                        <p>Email: info@essentialeng.com</p>
-                    </address>
+                    <h4 class="text-lg font-semibold mb-6">Legal</h4>
+                    <ul class="space-y-3">
+                        <li><a href="privacy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
+                        <li><a href="terms.html" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Cookie Policy</a></li>
+                    </ul>
                 </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.
+                    © 2023 Essential Engineering. 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>
+                    <a href="privacy.html" class="text-gray-500 hover:text-white text-sm">Privacy Policy</a>
+                    <a href="terms.html" class="text-gray-500 hover:text-white text-sm">Terms of Service</a>
                 </div>
             </div>
         </div>

privacy.html

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Privacy Policy | 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>
+</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-gray-600 hover:text-blue-600 transition">Projects</a>
+                        <a href="about.html" class="text-gray-600 hover:text-blue-600 transition">About</a>
+                        <a href="contact.html" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
+                    </div>
+                </div>
+                <div class="md:hidden">
+                    <button class="text-gray-600">
+                        <i data-feather="menu"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Privacy Header -->
+    <section class="pt-32 pb-16 px-4 sm:px-6 lg:px-8 bg-white">
+        <div class="max-w-7xl mx-auto text-center">
+            <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6 text-gray-800">
+                Privacy <span class="text-blue-600">Policy</span>
+            </h1>
+            <p class="text-lg text-gray-600 mb-8 max-w-3xl mx-auto">
+                Last updated: January 1, 2023
+            </p>
+        </div>
+    </section>
+
+    <!-- Privacy Content -->
+    <section class="py-16 px-4 sm:px-6 lg:px-8">
+        <div class="max-w-4xl mx-auto">
+            <div class="prose prose-blue">
+                <h2>1. Introduction</h2>
+                <p>Essential Engineering ("we," "our," or "us") is committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website essentialeng.com.</p>
+
+                <h2>2. Information We Collect</h2>
+                <p>We may collect information about you in a variety of ways:</p>
+                <ul>
+                    <li><strong>Personal Data:</strong> Personally identifiable information that you voluntarily give to us, such as name, email address, and phone number.</li>
+                    <li><strong>Derivative Data:</strong> Information our servers automatically collect when you access our website, such as your IP address and browser type.</li>
+                    <li><strong>Cookies:</strong> Data files placed on your device that include an anonymous unique identifier.</li>
+                </ul>
+
+                <h2>3. Use of Your Information</h2>
+                <p>We may use the information we collect about you via the Site to:</p>
+                <ul>
+                    <li>Create and manage your account</li>
+                    <li>Process your requests and respond to inquiries</li>
+                    <li>Improve our website and services</li>
+                    <li>Send you newsletters and marketing communications</li>
+                    <li>Enforce our Terms of Service and other legal terms</li>
+                </ul>
+
+                <h2>4. Disclosure of Your Information</h2>
+                <p>We may share information we have collected about you in certain situations:</p>
+                <ul>
+                    <li><strong>Business Transfers:</strong> In connection with any merger or sale of company assets.</li>
+                    <li><strong>Service Providers:</strong> Third parties who provide services on our behalf.</li>
+                    <li><strong>Legal Obligations:</strong> If required to do so by law or in response to valid requests by public authorities.</li>
+                </ul>
+
+                <h2>5. Data Security</h2>
+                <p>We implement reasonable security measures designed to protect your information. However, no electronic transmission or storage of information can be guaranteed to be 100% secure.</p>
+
+                <h2>6. Policy for Children</h2>
+                <p>We do not knowingly solicit information from or market to children under the age of 13. If we learn we have collected personal information from a child under age 13, we will delete that information.</p>
+
+                <h2>7. Changes to This Privacy Policy</h2>
+                <p>We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last Updated" date.</p>
+
+                <h2>8. Contact Us</h2>
+                <p>If you have questions or comments about this Privacy Policy, please contact us at:</p>
+                <address class="not-italic">
+                    Essential Engineering<br>
+                    123 Engineering Drive<br>
+                    Tech Park, CA 90210<br>
+                    Email: privacy@essentialeng.com<br>
+                    Phone: (555) 123-4567
+                </address>
+            </div>
+        </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, microelectronics, 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="services.html" class="text-gray-400 hover:text-white transition">All Services</a></li>
+                        <li><a href="services.html#cleanroom-design" class="text-gray-400 hover:text-white transition">Cleanroom Design</a></li>
+                        <li><a href="services.html#hvac-systems" class="text-gray-400 hover:text-white transition">HVAC Systems</a></li>
+                        <li><a href="services.html#electrical-systems" class="text-gray-400 hover:text-white transition">Electrical Systems</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">Company</h4>
+                    <ul class="space-y-3">
+                        <li><a href="about.html" class="text-gray-400 hover:text-white transition">About Us</a></li>
+                        <li><a href="projects.html" class="text-gray-400 hover:text-white transition">Projects</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Careers</a></li>
+                        <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">Legal</h4>
+                    <ul class="space-y-3">
+                        <li><a href="privacy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
+                        <li><a href="terms.html" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Cookie Policy</a></li>
+                    </ul>
+                </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. All rights reserved.
+                </p>
+                <div class="flex space-x-6">
+                    <a href="privacy.html" class="text-gray-500 hover:text-white text-sm">Privacy Policy</a>
+                    <a href="terms.html" class="text-gray-500 hover:text-white text-sm">Terms of Service</a>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>

terms.html

@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Terms of Service | 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>
+</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-gray-600 hover:text-blue-600 transition">Projects</a>
+                        <a href="about.html" class="text-gray-600 hover:text-blue-600 transition">About</a>
+                        <a href="contact.html" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
+                    </div>
+                </div>
+                <div class="md:hidden">
+                    <button class="text-gray-600">
+                        <i data-feather="menu"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Terms Header -->
+    <section class="pt-32 pb-16 px-4 sm:px-6 lg:px-8 bg-white">
+        <div class="max-w-7xl mx-auto text-center">
+            <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6 text-gray-800">
+                Terms of <span class="text-blue-600">Service</span>
+            </h1>
+            <p class="text-lg text-gray-600 mb-8 max-w-3xl mx-auto">
+                Last updated: January 1, 2023
+            </p>
+        </div>
+    </section>
+
+    <!-- Terms Content -->
+    <section class="py-16 px-4 sm:px-6 lg:px-8">
+        <div class="max-w-4xl mx-auto">
+            <div class="prose prose-blue">
+                <h2>1. Acceptance of Terms</h2>
+                <p>By accessing or using the Essential Engineering website ("Site"), you agree to be bound by these Terms of Service. If you do not agree to all the terms, do not use this Site.</p>
+
+                <h2>2. Changes to Terms</h2>
+                <p>We reserve the right to modify these terms at any time. All changes are effective immediately when we post them. Your continued use of the Site following the posting of revised Terms means you accept and agree to the changes.</p>
+
+                <h2>3. Accessing the Site</h2>
+                <p>We reserve the right to withdraw or amend this Site in our sole discretion without notice. We will not be liable if for any reason all or any part of the Site is unavailable at any time.</p>
+
+                <h2>4. Intellectual Property Rights</h2>
+                <p>The Site and its entire contents are owned by Essential Engineering and are protected by copyright and other intellectual property laws. You must not reproduce, distribute, modify, or create derivative works of any materials without our prior written consent.</p>
+
+                <h2>5. Prohibited Uses</h2>
+                <p>You may use the Site only for lawful purposes and in accordance with these Terms. You agree not to use the Site:</p>
+                <ul>
+                    <li>In any way that violates any applicable law</li>
+                    <li>To transmit any advertising or promotional material without our consent</li>
+                    <li>To impersonate or attempt to impersonate Essential Engineering or any other person</li>
+                    <li>To engage in any other conduct that restricts or inhibits anyone's use of the Site</li>
+                </ul>
+
+                <h2>6. Disclaimer of Warranties</h2>
+                <p>The Site is provided "as is" and "as available" without warranties of any kind, either express or implied. We do not warrant that the Site will be uninterrupted or error-free.</p>
+
+                <h2>7. Limitation of Liability</h2>
+                <p>To the fullest extent permitted by law, in no event will Essential Engineering be liable for any damages, including without limitation direct or indirect damages arising out of or in connection with your use of the Site.</p>
+
+                <h2>8. Governing Law</h2>
+                <p>These Terms shall be governed by and construed in accordance with the laws of the State of California without regard to its conflict of law principles.</p>
+
+                <h2>9. Contact Information</h2>
+                <p>For questions about these Terms, please contact us at:</p>
+                <address class="not-italic">
+                    Essential Engineering<br>
+                    123 Engineering Drive<br>
+                    Tech Park, CA 90210<br>
+                    Email: legal@essentialeng.com<br>
+                    Phone: (555) 123-4567
+                </address>
+            </div>
+        </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, microelectronics, 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="services.html" class="text-gray-400 hover:text-white transition">All Services</a></li>
+                        <li><a href="services.html#cleanroom-design" class="text-gray-400 hover:text-white transition">Cleanroom Design</a></li>
+                        <li><a href="services.html#hvac-systems" class="text-gray-400 hover:text-white transition">HVAC Systems</a></li>
+                        <li><a href="services.html#electrical-systems" class="text-gray-400 hover:text-white transition">Electrical Systems</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">Company</h4>
+                    <ul class="space-y-3">
+                        <li><a href="about.html" class="text-gray-400 hover:text-white transition">About Us</a></li>
+                        <li><a href="projects.html" class="text-gray-400 hover:text-white transition">Projects</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Careers</a></li>
+                        <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">Legal</h4>
+                    <ul class="space-y-3">
+                        <li><a href="privacy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
+                        <li><a href="terms.html" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Cookie Policy</a></li>
+                    </ul>
+                </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. All rights reserved.
+                </p>
+                <div class="flex space-x-6">
+                    <a href="privacy.html" class="text-gray-500 hover:text-white text-sm">Privacy Policy</a>
+                    <a href="terms.html" class="text-gray-500 hover:text-white text-sm">Terms of Service</a>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>