Can you add place for technical notes for deposition

index.html

@@ -278,10 +278,62 @@
             </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>

products.html

@@ -156,10 +156,45 @@
             </div>
         </div>
     </section>
+    <!-- Technical Resources -->
+    <section class="py-16 px-4 bg-white">
+        <div class="max-w-6xl mx-auto">
+            <div class="text-center mb-12">
+                <h2 class="text-4xl font-bold mb-4 text-gray-900">Technical Resources</h2>
+                <div class="w-24 h-1 bg-orange-500 mx-auto"></div>
+            </div>
+            <div class="grid md:grid-cols-3 gap-8">
+                <div class="bg-orange-50 rounded-xl p-6 text-center">
+                    <div class="w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="file-text" class="text-white"></i>
+                    </div>
+                    <h4 class="text-xl font-semibold mb-3 text-gray-900">Process Recipes</h4>
+                    <p class="text-gray-600 mb-4">Optimized deposition parameters for various materials</p>
+                    <a href="#" class="text-orange-500 hover:text-orange-600 font-semibold">Download PDF</a>
+                </div>
+                <div class="bg-orange-50 rounded-xl p-6 text-center">
+                    <div class="w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="settings" class="text-white"></i>
+                    </div>
+                    <h4 class="text-xl font-semibold mb-3 text-gray-900">Maintenance Guides</h4>
+                    <p class="text-gray-600 mb-4">Step-by-step maintenance procedures and schedules</p>
+                    <a href="#" class="text-orange-500 hover:text-orange-600 font-semibold">View Guide</a>
+                </div>
+                <div class="bg-orange-50 rounded-xl p-6 text-center">
+                    <div class="w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="bar-chart" class="text-white"></i>
+                    </div>
+                    <h4 class="text-xl font-semibold mb-3 text-gray-900">Troubleshooting</h4>
+                    <p class="text-gray-600 mb-4">Common issues and solutions for deposition processes</p>
+                    <a href="#" class="text-orange-500 hover:text-orange-600 font-semibold">Access Database</a>
+                </div>
+            </div>
+        </div>
+    </section>
 
     <!-- Specifications Table -->
     <section class="py-16 px-4 bg-gray-50">
-        <div class="max-w-6xl mx-auto">
+<div class="max-w-6xl mx-auto">
             <div class="text-center mb-12">
                 <h2 class="text-4xl font-bold mb-4 text-gray-900">Technical Specifications</h2>
                 <div class="w-24 h-1 bg-orange-500 mx-auto"></div>