for premium addons the learn more tab doesnt work please fix - Follow Up Deployment

index.html

@@ -1208,6 +1208,195 @@
         </div>
     </div>
 
+    <script>
+        // Addon details data
+        const addonDetails = {
+            ceramic: {
+                title: "Ceramic/Graphene Coating",
+                price: "$400-$700",
+                description: "Professional-grade ceramic or graphene coating that provides long-lasting protection for your vehicle's paint.",
+                benefits: [
+                    "2-year ceramic or 5-year graphene coating options",
+                    "Creates an ultra-hard, hydrophobic surface that repels water, dirt, and contaminants",
+                    "Protects against UV rays, oxidation, and chemical stains",
+                    "Maintains showroom shine with minimal maintenance",
+                    "Includes warranty for peace of mind"
+                ],
+                process: [
+                    "Full paint decontamination and preparation",
+                    "Multi-stage paint correction (if needed)",
+                    "Application of ceramic or graphene coating",
+                    "Curing process with infrared lamps",
+                    "Final inspection and aftercare instructions"
+                ]
+            },
+            polish: {
+                title: "Full Polish",
+                price: "$220",
+                description: "Professional paint correction that removes swirl marks, light scratches, and oxidation to restore your paint's original luster.",
+                benefits: [
+                    "Removes 85-95% of surface imperfections",
+                    "Restores deep, reflective gloss to your paint",
+                    "Prepares surface for optimal wax or coating adhesion",
+                    "Uses professional-grade polishing compounds and pads",
+                    "Includes light hand wax application"
+                ],
+                process: [
+                    "Paint inspection and assessment",
+                    "Test spot to determine correct polishing approach",
+                    "Multi-stage machine polishing",
+                    "Final finishing polish for maximum gloss",
+                    "Light protective wax application"
+                ]
+            },
+            iron: {
+                title: "Iron Decontamination",
+                price: "Call for Price",
+                description: "Chemical treatment that safely removes embedded iron particles from your paint, wheels, and glass.",
+                benefits: [
+                    "Removes brake dust, rail dust, and industrial fallout",
+                    "Prevents rust spots and paint degradation",
+                    "Safe for all paint types including fresh paint",
+                    "Visual confirmation as contaminants dissolve (turns purple)",
+                    "Prepares surface for polishing or coating"
+                ],
+                process: [
+                    "Application of iron remover to all painted surfaces",
+                    "Dwell time to allow chemical reaction",
+                    "Agitation with soft brushes where needed",
+                    "Thorough rinsing with deionized water",
+                    "Final inspection"
+                ]
+            },
+            clay: {
+                title: "Clay Bar Treatment",
+                price: "Call for Price",
+                description: "Mechanical decontamination that removes bonded surface contaminants for glass-smooth paint.",
+                benefits: [
+                    "Removes overspray, tree sap, and industrial fallout",
+                    "Creates ultra-smooth surface for wax/coating application",
+                    "Safe when performed by professionals",
+                    "Dramatically improves paint feel and appearance",
+                    "Often combined with polish for best results"
+                ],
+                process: [
+                    "Lubrication of surface with detailing spray",
+                    "Gentle clay bar application panel by panel",
+                    "Frequent folding of clay to expose clean surface",
+                    "Final wipedown to remove residue",
+                    "Optional light polish to remove any marring"
+                ]
+            },
+            steam: {
+                title: "Steam Cleaning",
+                price: "Call for Price",
+                description: "High-temperature steam sanitation that deep cleans and disinfects your vehicle's interior.",
+                benefits: [
+                    "Kills 99.9% of bacteria and germs",
+                    "Removes stubborn stains and odors",
+                    "Chemical-free cleaning method",
+                    "Reaches into crevices traditional cleaning can't",
+                    "Safe for most interior surfaces"
+                ],
+                process: [
+                    "Pre-vacuum of all interior surfaces",
+                    "Steam application to seats, carpets, and hard surfaces",
+                    "Targeted stain treatment where needed",
+                    "Extraction of loosened contaminants",
+                    "Final wipe-down and odor elimination"
+                ]
+            },
+            engine: {
+                title: "Engine Bay Detail",
+                price: "Call for Price",
+                description: "Complete cleaning and dressing of your engine compartment for show-quality results.",
+                benefits: [
+                    "Removes built-up grease and grime",
+                    "Makes leaks and potential issues visible",
+                    "Protects rubber and plastic components",
+                    "Improves resale value and presentation",
+                    "Uses safe, water-based cleaners"
+                ],
+                process: [
+                    "Protection of sensitive electrical components",
+                    "Application of degreaser and agitation",
+                    "Gentle rinsing with low-pressure water",
+                    "Dressing of all plastic and rubber",
+                    "Final wipe-down and inspection"
+                ]
+            }
+        };
+
+        // Show addon details in modal
+        function showAddonDetail(type) {
+            const detail = addonDetails[type];
+            const modal = document.getElementById('modal');
+            const modalContent = document.getElementById('modalContent');
+            
+            let html = `
+                <h2 class="text-3xl font-bold mb-4 gradient-text">${detail.title}</h2>
+                <p class="text-2xl text-purple-400 font-bold mb-6">${detail.price}</p>
+                
+                <div class="mb-8">
+                    <h3 class="text-xl font-bold mb-2 text-white">Description</h3>
+                    <p class="mb-4">${detail.description}</p>
+                </div>
+                
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                    <div>
+                        <h3 class="text-xl font-bold mb-2 text-white">Benefits</h3>
+                        <ul class="space-y-2">
+            `;
+            
+            detail.benefits.forEach(benefit => {
+                html += `<li class="flex items-start"><span class="text-purple-400 mr-2">•</span> ${benefit}</li>`;
+            });
+            
+            html += `
+                        </ul>
+                    </div>
+                    
+                    <div>
+                        <h3 class="text-xl font-bold mb-2 text-white">Process</h3>
+                        <ul class="space-y-2">
+            `;
+            
+            detail.process.forEach(step => {
+                html += `<li class="flex items-start"><span class="text-purple-400 mr-2">•</span> ${step}</li>`;
+            });
+            
+            html += `
+                        </ul>
+                    </div>
+                </div>
+                
+                <div class="mt-8 text-center">
+                    <a href="tel:5622289429" class="inline-block bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
+                        <i class="fas fa-phone mr-2"></i> Call to Book
+                    </a>
+                </div>
+            `;
+            
+            modalContent.innerHTML = html;
+            modal.classList.remove('hidden');
+            document.body.style.overflow = 'hidden';
+        }
+
+        // Close modal
+        function closeModal() {
+            const modal = document.getElementById('modal');
+            modal.classList.add('hidden');
+            document.body.style.overflow = 'auto';
+        }
+
+        // Close modal when clicking outside content
+        document.getElementById('modal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeModal();
+            }
+        });
+    </script>
+
     <script>
         // Toggle service details
         function toggleDetails(service) {
@@ -1466,6 +1655,13 @@
         mobileMenuButton.addEventListener('click', () => {
             mobileMenu.classList.toggle('hidden');
         });
+
+        // Close modal
+        function closeModal() {
+            const modal = document.getElementById('modal');
+            modal.classList.add('hidden');
+            document.body.style.overflow = 'auto';
+        }
         </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=jjmandog/jaysmobilewash" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>