Promote version c790d5d to main

Promoted commit c790d5d3ba5470aaf585049973d1d44b9b6d766b to main branch

index.html

@@ -112,22 +112,8 @@
                 <h2 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900">Advanced Technologies</h2>
                 <div class="w-24 h-1 bg-orange-500 mx-auto"></div>
             </div>
-            
-            <!-- Technology Tabs -->
-            <div class="flex justify-center mb-12">
-                <div class="bg-gray-100 rounded-xl p-1">
-                    <button class="technology-tab px-6 py-3 rounded-lg font-semibold transition-all duration-300 bg-orange-500 text-white" data-tab="mocvd">
-                    MOCVD Systems
-                </button>
-                <button class="technology-tab px-6 py-3 rounded-lg font-semibold transition-all duration-300 text-gray-600" data-tab="pvd">
-                    PVD Systems
-                </button>
-            </div>
-            
-            <div class="technology-content">
+            <div class="grid md:grid-cols-2 gap-12">
                 <!-- MOCVD Card -->
-                <div class="technology-panel active" id="mocvd-panel">
-<!-- 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">
@@ -162,9 +148,10 @@
                         Download Product Brochure
                     </a>
 </div>
+
                 <!-- PVD Card -->
-                <div class="technology-panel" id="pvd-panel">
-<div class="flex items-center gap-4 mb-6">
+                <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="zap" class="text-white"></i>
                         </div>

script.js

@@ -1,12 +1,11 @@
-
 // Main JavaScript file for NanoMatter Technologies
 
 document.addEventListener('DOMContentLoaded', function() {
     // Initialize all components and animations
     initScrollAnimations();
     initFormHandling();
-    initTechnologyTabs();
 });
+
 function initScrollAnimations() {
     // Add intersection observer for scroll animations
     const observerOptions = {
@@ -56,37 +55,10 @@ function initFormHandling() {
         });
     }
 }
-// Technology Tabs Functionality
-function initTechnologyTabs() {
-    const tabs = document.querySelectorAll('.technology-tab');
-    const panels = document.querySelectorAll('.technology-panel');
-    
-    tabs.forEach(tab => {
-        tab.addEventListener('click', function() {
-            const targetPanel = this.getAttribute('data-tab');
-            
-            // Update active tab
-            tabs.forEach(t => {
-                t.classList.remove('bg-orange-500', 'text-white');
-                t.classList.add('text-gray-600');
-            });
-            this.classList.add('bg-orange-500', 'text-white');
-            this.classList.remove('text-gray-600');
-            
-            // Show target panel, hide others
-            panels.forEach(panel => {
-                panel.classList.remove('active');
-                if (panel.id === `${targetPanel}-panel`) {
-                    panel.classList.add('active');
-                }
-            });
-        });
-    });
-}
 
 // Smooth scrolling for anchor links
 document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-anchor.addEventListener('click', function (e) {
+    anchor.addEventListener('click', function (e) {
         e.preventDefault();
         const target = document.querySelector(this.getAttribute('href'));
         if (target) {

style.css

@@ -22,36 +22,7 @@ p {
 	border: 1px solid lightgray;
 	border-radius: 16px;
 }
+
 .card p:last-child {
 	margin-bottom: 0;
 }
-
-/* Technology Tabs Styles */
-.technology-tab {
-    transition: all 0.3s ease;
-}
-
-.technology-panel {
-    display: none;
-    opacity: 0;
-    transform: translateY(20px);
-    transition: all 0.5s ease;
-}
-
-.technology-panel.active {
-    display: block;
-    opacity: 1;
-    transform: translateY(0);
-}
-
-/* Grid layout for active panel */
-.technology-panel.active {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 2rem;
-}
-
-@media (min-width: 768px) {
-    .technology-panel.active {
-        grid-template-columns: 1fr 1fr;
-}