Promote version 100232e to main

Promoted commit 100232eaabc9b473eedd439bdd81c6d0f7886b02 to main branch

index.html

@@ -52,7 +52,11 @@
 <custom-navbar></custom-navbar>
 <!-- Hero Section -->
     <section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden hero-background">
-        <div class="hero-background-gradient"></div>
+        <video class="hero-video" autoplay muted loop playsinline>
+            <source src="https://huggingface.co/spaces/mithunparambath/quantumcraft-nanosystems/resolve/main/videos/Untitled design (1).mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+=======
 <div class="atom-animation" id="atomCanvas"></div>
         <div class="relative z-20 text-center px-4 max-w-6xl mx-auto">
             <h1 class="text-5xl md:text-7xl font-bold mb-6 text-white">
@@ -308,10 +312,45 @@
                     </div>
                 </div>
             </div>
+            
+            <!-- TIFR Partnership Success Story -->
+            <div class="mt-16 bg-gradient-to-br from-orange-50 to-white rounded-2xl p-8 border border-orange-100 shadow-sm">
+                <div class="grid md:grid-cols-2 gap-8 items-center">
+                    <div>
+                        <img src="https://huggingface.co/spaces/mithunparambath/quantumcraft-nanosystems/resolve/main/images/WhatsApp Image 2025-06-28 at 14.26.24_3bf2c256.jpg" 
+                             alt="TIFR MOCVD Installation" 
+                             class="w-full h-auto object-contain rounded-xl shadow-lg">
+</div>
+                    <div>
+                        <h3 class="text-2xl font-semibold mb-4 text-orange-500">
+                            NanoMatter Technologies Partners with TIFR Hyderabad to Advance 2D Materials Research
+                        </h3>
+                        <div class="flex items-center gap-2 mb-4">
+                            <i data-feather="map-pin" class="text-orange-500"></i>
+                            <span class="text-gray-700 font-medium">Hyderabad, India</span>
+                        </div>
+                        <p class="text-gray-600 mb-4">
+                            We are thrilled to announce the successful installation of NanoMatter's state-of-the-art MOCVD 
+                            (Metal Organic Chemical Vapor Deposition) system at the Tata Institute of 
+                            Fundamental Research (TIFR), Hyderabad.
+                        </p>
+                        <p class="text-gray-600 mb-6">
+                            This partnership marks a major milestone in enabling cutting-edge research on 2D materials 
+                            and transition metal dichalcogenides (TMDs) — paving the way for the next generation 
+                            of semiconductor and quantum devices.
+                        </p>
+                        <div class="bg-orange-100 rounded-lg p-4 border-l-4 border-orange-500">
+                            <h4 class="font-semibold text-orange-500 mb-2">The collaboration brings together:</h4>
+                            <ul class="text-gray-600 text-sm space-y-1">
+                                <li>• TIFR Hyderabad's expertise in nanoscale materials and device physics</li>
+                                <li>• NanoMatter's innovative deposition technology and process engineering</li>
+                            </ul>
+                    </div>
+                </div>
+            </div>
         </div>
     </section>
-
-    <!-- Contact Section -->
+<!-- Contact Section -->
     <section id="contact" class="py-20 bg-gray-50">
         <div class="max-w-6xl mx-auto px-4">
             <div class="text-center mb-16">

products.html

@@ -68,12 +68,16 @@
                             <span class="text-gray-700">Ultra-high purity gas delivery system</span>
                         </div>
                     </div>
-                    <div class="mt-8">
+                    <div class="mt-8 flex gap-4">
                         <a href="#contact" 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">
                                 Request Quote
                             </a>
+                        <a href="https://huggingface.co/spaces/mithunparambath/quantumcraft-nanosystems/resolve/main/images/stitched-image-1761629586615.png" download="NanoMatter-MOCVD-Brochure.pdf" class="border border-orange-500 text-orange-500 hover:bg-orange-500 hover:text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 shadow-md flex items-center gap-2">
+                                <i data-feather="download" class="w-4 h-4"></i>
+                                Download Brochure
+                            </a>
                     </div>
-                </div>
+</div>
             </div>
         </div>
     </section>

style.css

@@ -1,29 +1,28 @@
-
 body {
 	padding: 2rem;
 	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-	background: white;
-	color: #333;
 }
+
 h1 {
 	font-size: 16px;
 	margin-top: 0;
-	color: #ff6600;
 }
+
 p {
 	color: rgb(107, 114, 128);
 	font-size: 15px;
 	margin-bottom: 10px;
 	margin-top: 5px;
 }
+
 .card {
 	max-width: 620px;
 	margin: 0 auto;
 	padding: 16px;
-	border: 1px solid #ff6600;
+	border: 1px solid lightgray;
 	border-radius: 16px;
-	background: #fff7f0;
 }
+
 .card p:last-child {
 	margin-bottom: 0;
 }