do not summarize the previous 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="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>
+                        <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">
@@ -264,9 +264,9 @@
                     © 2023 Essential Engineering Design Build Partnership. 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>
+                    <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>

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="services.html" class="text-gray-600 hover:text-blue-600 transition">Services</a>
+                        <a href="#" 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="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>
+                        <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="bsl-3-research-lab.html" class="block px-4 py-2 bg-blue-50 text-blue-600">BSL Labs</a>
+</div>
                         </div>
-                        <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>
+<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">
@@ -322,9 +322,9 @@
                     © 2023 Essential Engineering Company. 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>
+                    <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>

contact.html

@@ -9,15 +9,6 @@
     <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>
@@ -51,123 +42,97 @@
     <!-- 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">
-                Let's <span class="text-blue-600">Connect</span>
+                Contact <span class="text-blue-600">Our Team</span>
             </h1>
-            <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 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>
         </div>
     </section>
 
-    <!-- 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>
-                            <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">
+    <!-- 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>
                         </div>
                         <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">
+                            <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>
                         </div>
-                        <div>
-                            <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 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>
                         <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>
+                            <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>
                         </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>
                     
-                    <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 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 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>
-                        
-                        <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>
+                            <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>
                     </div>
                     
-                    <div class="mt-8">
-                        <h3 class="text-lg font-bold mb-4">Follow Us</h3>
+                    <div class="pt-6">
+                        <h3 class="font-bold text-gray-800 mb-4">Connect With Us</h3>
                         <div class="flex space-x-4">
-                            <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 href="#" class="bg-gray-200 p-3 rounded-full hover:bg-blue-100 transition">
+                                <i data-feather="linkedin" class="text-gray-700"></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="twitter" class="text-gray-600 hover:text-blue-600"></i>
+                            <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>
-                            <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 href="#" class="bg-gray-200 p-3 rounded-full hover:bg-blue-100 transition">
+                                <i data-feather="facebook" class="text-gray-700"></i>
                             </a>
                         </div>
                     </div>
@@ -176,11 +141,19 @@
         </div>
     </section>
 
-    <!-- Map -->
-    <section class="py-0 px-4 sm:px-6 lg:px-8">
+    <!-- Map Section -->
+    <section class="px-4 sm:px-6 lg:px-8">
         <div class="max-w-7xl mx-auto">
-            <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 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>
         </div>
     </section>
@@ -213,40 +186,41 @@
                 <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">Company</h4>
+                    <h4 class="text-lg font-semibold mb-6">Projects</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>
+                        <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>
                     </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>
+                    <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>
                 </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.
+                    © 2023 Essential Engineering Company. 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>
+                    <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>