Update index.html

index.html

@@ -1130,7 +1130,7 @@
         
         // Function to show a subcomponent modal
         function showSubcomponentModal(componentId, subcomponentId) {
-    const component = components.find(c => c.id === componentId);
+        const component = components.find(c => c.id === componentId);
     if (!component) return;
     
     const subcomponent = component.subcomponents.find(s => s.id === subcomponentId);
@@ -1187,8 +1187,7 @@
                 <div class="tab">
                     <button class="tablinks active" onclick="openTab(event, '${subcomponentId}-tech')">Technologies</button>
                     <button class="tablinks" onclick="openTab(event, '${subcomponentId}-examples')">Examples</button>
-                    ${componentId === 'service' && subcomponentId === 'diet-service' ? 
-                    `<button class="tablinks" onclick="openTab(event, '${subcomponentId}-arch')">Architecture</button>` : ''}
+                    <button class="tablinks" onclick="openTab(event, '${subcomponentId}-arch')">Architecture</button>
                 </div>
                 
                 <div id="${subcomponentId}-tech" class="tabcontent" style="display: block;">
@@ -1287,12 +1286,3 @@
 </body>
 </html>// ... existing code ...
 
-
-
-
-
-// ... rest of the code remains unchanged ...// ... existing code ...
-
-
-
-// ... rest of the code remains unchanged ...