Can you replace current MOCVD image to this image

components/footer.js

@@ -60,6 +60,7 @@ class CustomFooter extends HTMLElement {
             <h4>Quick Links</h4>
             <div class="footer-links">
               <a href="#about" class="footer-link">About</a>
+              <a href="#specifications" class="footer-link">Specifications</a>
               <a href="#service" class="footer-link">Services</a>
               <a href="#partnerships" class="footer-link">Partnerships</a>
               <a href="#contact" class="footer-link">Contact</a>

components/navbar.js

@@ -72,6 +72,7 @@ class CustomNavbar extends HTMLElement {
             </a>
             <div class="nav-links">
               <a href="#about" class="nav-link">About</a>
+              <a href="#specifications" class="nav-link">Specifications</a>
               <a href="#service" class="nav-link">Services</a>
               <a href="#partnerships" class="nav-link">Partnerships</a>
               <a href="#contact" class="nav-link">Contact</a>

index.html

@@ -42,9 +42,9 @@
             </p>
 <div class="flex flex-col sm:flex-row gap-4 justify-center">
                 <a href="#technologies" class="bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg">
-                    Explore Products
+                    Explore Technologies
                 </a>
-<a href="#contact" class="border border-orange-500 text-orange-500 hover:bg-orange-500 hover:text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 shadow-md">
+                <a href="#contact" class="border border-orange-500 text-orange-500 hover:bg-orange-500 hover:text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 shadow-md">
                     Get in Touch
                 </a>
             </div>
@@ -115,13 +115,16 @@
             <div class="grid md:grid-cols-2 gap-12">
                 <!-- MOCVD Card -->
                 <div class="bg-white rounded-2xl p-8 border border-gray-200 hover:border-orange-500 transition-all duration-300 shadow-md hover:shadow-lg">
-                    <div class="flex items-center gap-4 mb-6">
-                        <div class="w-12 h-12 bg-orange-500 rounded-lg flex items-center justify-center">
-                            <i data-feather="layers" class="text-white"></i>
+                    <div class="mb-6">
+                        <img src="https://huggingface.co/spaces/mithunparambath/quantumcraft-nanosystems/resolve/main/images/12.jpg" alt="MOCVD for Academic Research" class="w-full h-48 object-cover rounded-xl mb-4">
+<div class="flex items-center gap-4">
+                            <div class="w-12 h-12 bg-orange-500 rounded-lg flex items-center justify-center">
+                        <i data-feather="layers" class="text-white"></i>
                         </div>
                         <h3 class="text-2xl font-semibold text-gray-900">MOCVD Systems</h3>
+                        </div>
                     </div>
-                    <p class="text-gray-600 mb-6">
+<p class="text-gray-600 mb-6">
                         Metal Organic Chemical Vapor Deposition systems for high-precision thin film growth 
                         of 2D materials and transition metal dichalcogenides (TMDs).
                     </p>
@@ -253,23 +256,13 @@
                     <div class="space-y-4">
                         <div class="bg-orange-50 rounded-xl p-6 border-l-4 border-orange-500">
                             <h4 class="font-semibold text-orange-500 mb-2">Academic Partnerships</h4>
-                            <div class="space-y-3">
-                                <p class="text-gray-600 mb-2">Joint research projects with top-tier institutions:</p>
-                                <div class="space-y-2">
-                                    <a href="https://www.tifrh.res.in/" target="_blank" class="block text-orange-500 hover:text-orange-600 font-medium transition-colors duration-200" rel="noopener">
-                                    • Tata Institute of Fundamental Research (TIFR)
-                                </a>
-                                <a href="https://www.chalmers.se/en/centres/2d-tech/" target="_blank" class="block text-orange-500 hover:text-orange-600 font-medium transition-colors duration-200" rel="noopener">
-                                    • Chalmers 2D-TECH Center
-                                </a>
-                            </div>
+                            <p class="text-gray-600">Joint research projects with top-tier universities</p>
                         </div>
-                    </div>
                         <div class="bg-orange-50 rounded-xl p-6 border-l-4 border-orange-500">
                             <h4 class="font-semibold text-orange-500 mb-2">Industrial Collaborations</h4>
                             <p class="text-gray-600">Technology transfer and co-development with industry leaders</p>
                         </div>
-</div>
+                    </div>
                 </div>
                 <div class="grid grid-cols-2 gap-4">
                     <div class="bg-orange-50 rounded-xl p-6 flex items-center justify-center">
@@ -288,62 +281,10 @@
             </div>
         </div>
     </section>
-    <!-- Technical Notes Section -->
-    <section id="technical-notes" class="py-20 px-4 bg-white">
-        <div class="max-w-6xl mx-auto">
-            <div class="text-center mb-16">
-                <h2 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900">Technical Notes & Resources</h2>
-                <div class="w-24 h-1 bg-orange-500 mx-auto"></div>
-            </div>
-            <div class="grid md:grid-cols-2 gap-12">
-                <div class="bg-orange-50 rounded-2xl p-8 border border-orange-200">
-                    <h3 class="text-2xl font-semibold mb-6 text-orange-500">Deposition Process Guidelines</h3>
-                    <div class="space-y-6">
-                        <div class="bg-white rounded-xl p-6 border-l-4 border-orange-500">
-                        <h4 class="font-semibold text-orange-500 mb-2">MOCVD Best Practices</h4>
-                        <ul class="text-sm text-gray-600 space-y-2">
-                            <li>• Optimize precursor flow rates for uniform film growth</li>
-                            <li>• Maintain stable substrate temperature during deposition</li>
-                            <li>• Regular chamber cleaning to prevent contamination</li>
-                            <li>• Monitor chamber pressure and gas composition</li>
-                        </ul>
-                    </div>
-                    <div class="bg-white rounded-xl p-6 border-l-4 border-orange-500">
-                        <h4 class="font-semibold text-orange-500 mb-2">PVD Optimization Tips</h4>
-                        <ul class="text-sm text-gray-600 space-y-2">
-                            <li>• Pre-sputter targets to remove surface oxides</li>
-                            <li>• Maintain proper target-to-substrate distance</li>
-                            <li>• Optimize sputtering power and gas pressure</li>
-                            <li>• Use appropriate substrate bias for film adhesion</li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="bg-orange-50 rounded-2xl p-8 border border-orange-200">
-                    <h3 class="text-2xl font-semibold mb-6 text-orange-500">Material Specifications</h3>
-                    <div class="space-y-4">
-                        <div class="bg-white rounded-lg p-4">
-                            <h4 class="font-semibold text-gray-900 mb-3">2D Materials Growth</h4>
-                            <p class="text-sm text-gray-600">Detailed protocols for MoS₂, WS₂, and other TMDs</div>
-                        <div class="bg-white rounded-lg p-4">
-                            <h4 class="font-semibold text-gray-900 mb-3">Metal Thin Films</h4>
-                            <p class="text-sm text-gray-600">Aluminum, Copper, Titanium deposition parameters</div>
-                        <div class="bg-white rounded-lg p-4">
-                            <h4 class="font-semibold text-gray-900 mb-3">Dielectric Layers</h4>
-                            <p class="text-sm text-gray-600">SiO₂, Si₃N₄, Al₂O₃ growth conditions</div>
-                    </div>
-                    <div class="mt-6 text-center">
-                        <a href="#" class="bg-orange-500 hover:bg-orange-600 text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg">
-                            Download Technical Manual
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
 
     <!-- Contact Section -->
     <section id="contact" class="py-20 bg-gray-50">
-<div class="max-w-6xl mx-auto px-4">
+        <div class="max-w-6xl mx-auto px-4">
             <div class="text-center mb-16">
                 <h2 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900">Contact Us</h2>
             <div class="w-24 h-1 bg-orange-500 mx-auto"></div>