add my logo https://photos.google.com/search/CgAiCgoAEgYKBHICCgAo1Mrq4vky/photo/AF1QipPC9eh9mjHkm4snonUY6dUNUqrYya2IQGMMF0-r - Follow Up Deployment

index.html

@@ -61,11 +61,7 @@
             max-height: 500px;
         }
         
-        .faq-arrow {
-            transition: transform 0.3s;
-        }
-        
-        .faq-arrow.active {
+        .rotate-180 {
             transform: rotate(180deg);
         }
         
@@ -272,10 +268,10 @@
     <section id="services" class="py-16 bg-gray-800 text-gray-100 px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">OUR SERVICES</span>
+                <span class="text-purple-400 font-semibold">Our Services</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Detailing Packages</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    Professional care for your vehicle, delivered to your location
+                    Professional Care For Your Vehicle, Delivered To Your Location
                 </p>
             </div>
             
@@ -290,31 +286,64 @@
                         <ul class="space-y-3 mb-6">
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                Professional 2-step hand wash
+                                Two-step wash: Alkaline pre-wash (super foam) + ceramic shampoo wash
                             </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                Wheel cleaning with ceramic SiO₂
+                                SiO₂ ceramic wheel decontamination
                             </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                Interior wipe-down and shine
+                                Interior surface sanitization
                             </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                Thorough vacuuming
+                                HEPA vacuum extraction
                             </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                Window cleaning inside & out
+                                Hydrophobic glass treatment
                             </li>
                         </ul>
                         <a href="https://book.squareup.com/appointments/pzfva2vycwfzv7/location/LC0M9APDNYE44/services?show_locations=true" target="_blank" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-full transition duration-300 flex items-center justify-center">
                             Book Now <i class="fas fa-arrow-right ml-2"></i>
                         </a>
-                        <button onclick="showDetails('basic')" class="w-full mt-2 bg-gray-600 hover:bg-gray-500 text-white font-bold py-2 px-4 rounded-full transition duration-300 text-sm">
-                            Show More Details <i class="fas fa-chevron-down ml-1"></i>
-                        </button>
+                        <div class="mt-4">
+                            <div class="border-t border-gray-600 pt-4">
+                                <button onclick="toggleDetails('basic')" class="w-full flex justify-between items-center text-white font-medium py-2">
+                                    <span>Show Details</span>
+                                    <i class="fas fa-chevron-down transition-transform duration-300" id="basic-arrow"></i>
+                                </button>
+                                <div id="basic-details" class="hidden mt-2 text-gray-300 text-sm space-y-2">
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        <div>
+                                            Alkaline snow foam pre-wash (pH 10.5) + SiO₂-infused ceramic shampoo wash
+                                            <div class="text-xs text-gray-400 mt-1">
+                                                <span class="font-semibold">Snow foam</span> utilizes surfactant technology to encapsulate and lift particulate matter. 
+                                                <span class="font-semibold">Alkaline formulation</span> effectively emulsifies hydrocarbon-based contaminants while maintaining paint-safe pH levels.
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Wheel decontamination using SiO₂-based nanotechnology cleaner
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Interior surface sanitization with antimicrobial agents
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        HEPA vacuum extraction for particulate removal
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Hydrophobic glass treatment with siloxane polymers
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 
@@ -343,19 +372,46 @@
                             </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                Vinyl & trim restoration
+                                Professional exterior trim restoration with UV-resistant polymer protectants (matte or semi-gloss finish options)
                             </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
-                                3-month paint protection
+                                Advanced polymer-based UV protection system for interior vinyl components
                             </li>
                         </ul>
                         <a href="https://book.squareup.com/appointments/pzfva2vycwfzv7/location/LC0M9APDNYE44/services?show_locations=true" target="_blank" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-full transition duration-300 flex items-center justify-center">
                             Book Now <i class="fas fa-arrow-right ml-2"></i>
                         </a>
-                        <button onclick="showDetails('luxury')" class="w-full mt-2 bg-gray-600 hover:bg-gray-500 text-white font-bold py-2 px-4 rounded-full transition duration-300 text-sm">
-                            Show More Details <i class="fas fa-chevron-down ml-1"></i>
-                        </button>
+                        <div class="mt-4">
+                            <div class="border-t border-gray-600 pt-4">
+                                <button onclick="toggleDetails('luxury')" class="w-full flex justify-between items-center text-white font-medium py-2">
+                                    <span>Show Details</span>
+                                    <i class="fas fa-chevron-down transition-transform duration-300" id="luxury-arrow"></i>
+                                </button>
+                                <div id="luxury-details" class="hidden mt-2 text-gray-300 text-sm space-y-2">
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Everything included in Basic package, plus more
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Deep wheel/rim cleaning with alkaline (non-acid) SiO₂-infused super cleaner
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Interior SiO₂ nanocoating for hydrophobic surface modification
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Premium trim restoration utilizing advanced UV-stable polymer rejuvenation technology
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Long-lasting protective coating that bonds to your paint (lasts up to 90 days)
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 
@@ -383,6 +439,10 @@
                                 <span class="text-green-400 mr-2">✓</span>
                                 Clay bar treatment
                             </li>
+                            <li class="flex items-start">
+                                <span class="text-green-400 mr-2">✓</span>
+                                Full paint iron decontamination (removes embedded brake dust and rail dust)
+                            </li>
                             <li class="flex items-start">
                                 <span class="text-green-400 mr-2">✓</span>
                                 Hydrophobic SiO₂ infused graphene sealant (6-month protection)
@@ -391,9 +451,40 @@
                         <a href="https://book.squareup.com/appointments/pzfva2vycwfzv7/location/LC0M9APDNYE44/services?show_locations=true" target="_blank" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-full transition duration-300 flex items-center justify-center">
                             Book Now <i class="fas fa-arrow-right ml-2"></i>
                         </a>
-                        <button onclick="showDetails('max')" class="w-full mt-2 bg-gray-600 hover:bg-gray-500 text-white font-bold py-2 px-4 rounded-full transition duration-300 text-sm">
-                            Show More Details <i class="fas fa-chevron-down ml-1"></i>
-                        </button>
+                        <div class="mt-4">
+                            <div class="border-t border-gray-600 pt-4">
+                                <button onclick="toggleDetails('max')" class="w-full flex justify-between items-center text-white font-medium py-2">
+                                    <span>Show Details</span>
+                                    <i class="fas fa-chevron-down transition-transform duration-300" id="max-arrow"></i>
+                                </button>
+                                <div id="max-details" class="hidden mt-2 text-gray-300 text-sm space-y-2">
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Complete Luxury package implementation
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Graphene-enhanced ceramic hyper wax application
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        SiO₂ nanocoating for interior surface modification
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Mechanical decontamination via clay bar methodology
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Full iron decontamination using specialized iron remover that dissolves embedded metallic particles (turns purple as it works)
+                                    </div>
+                                    <div class="flex items-start">
+                                        <span class="text-green-400 mr-2">✓</span>
+                                        Hydrophobic SiO₂-infused graphene matrix (180-day protective barrier)
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -404,10 +495,10 @@
     <section id="products" class="py-16 bg-gray-900 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">OUR TOOLS</span>
+                <span class="text-purple-400 font-semibold">Our Tools</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Professional Products</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    Only the best for your vehicle
+                    Only The Best For Your Vehicle
                 </p>
             </div>
             
@@ -519,10 +610,10 @@
     <section id="process" class="py-16 bg-gray-800 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">OUR METHOD</span>
+                <span class="text-purple-400 font-semibold">Our Method</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Detail Process</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    Professional results in 5 simple steps
+                    Professional Results In 5 Simple Steps
                 </p>
             </div>
             
@@ -605,10 +696,10 @@
     <section id="stats" class="py-16 bg-gradient-to-br from-purple-900/80 to-pink-900/80 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-300 font-semibold">WHY CHOOSE US</span>
-                <h2 class="text-4xl font-bold mt-2 text-white">Experience the Difference</h2>
+                <span class="text-purple-300 font-semibold">Why Choose Us</span>
+                <h2 class="text-4xl font-bold mt-2 text-white">Experience The Difference</h2>
                 <p class="text-xl mt-4 text-gray-300 max-w-3xl mx-auto">
-                    Premium service with mobile convenience
+                    Premium Service With Mobile Convenience
                 </p>
             </div>
             
@@ -652,10 +743,10 @@
     <section class="py-16 bg-gray-900 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">UPGRADES</span>
+                <span class="text-purple-400 font-semibold">Upgrades</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Premium Add-Ons</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    Enhance your detail with professional upgrades
+                    Enhance Your Detail With Professional Upgrades
                 </p>
             </div>
             
@@ -742,10 +833,10 @@
     <section class="py-16 bg-gray-800 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">TESTIMONIALS</span>
+                <span class="text-purple-400 font-semibold">Testimonials</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Customer Reviews</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    What our clients say about us
+                    What Our Clients Say About Us
                 </p>
             </div>
             
@@ -793,10 +884,10 @@
     <section id="gallery" class="py-16 bg-gray-900 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">OUR WORK</span>
+                <span class="text-purple-400 font-semibold">Our Work</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Transformation Gallery</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    See the difference we make
+                    See The Difference We Make
                 </p>
             </div>
             
@@ -892,10 +983,10 @@
     <section id="faq" class="py-16 bg-gray-800 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">QUESTIONS</span>
+                <span class="text-purple-400 font-semibold">Questions</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Frequently Asked</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    Everything you need to know
+                    Everything You Need To Know
                 </p>
             </div>
             
@@ -977,10 +1068,10 @@
     <section id="contact" class="py-16 bg-gray-900 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
-                <span class="text-purple-400 font-semibold">GET IN TOUCH</span>
+                <span class="text-purple-400 font-semibold">Get In Touch</span>
                 <h2 class="text-4xl font-bold mt-2 gradient-text">Book Your Detail Today!</h2>
                 <p class="text-xl mt-4 text-gray-400 max-w-3xl mx-auto">
-                    Ready to transform your vehicle? Contact us now.
+                    Ready To Transform Your Vehicle? Contact Us Now.
                 </p>
             </div>
             
@@ -1120,6 +1211,62 @@
     </div>
 
     <script>
+        // Toggle service details
+        function toggleDetails(service) {
+            const details = document.getElementById(`${service}-details`);
+            const arrow = document.getElementById(`${service}-arrow`);
+            
+            if (details) {
+                details.classList.toggle('hidden');
+                arrow.classList.toggle('rotate-180');
+                
+                const button = document.querySelector(`button[onclick="toggleDetails('${service}')"] span`);
+                if (details.classList.contains('hidden')) {
+                    button.textContent = 'Show Details';
+                } else {
+                    button.textContent = 'Hide Details';
+                }
+            }
+        }
+
+        // Close mobile menu when clicking a link
+        document.querySelectorAll('#mobile-menu a').forEach(link => {
+            link.addEventListener('click', () => {
+                mobileMenu.classList.add('hidden');
+            });
+        });
+
+        // Scroll to top button
+        const scrollTop = document.getElementById('scroll-top');
+        window.addEventListener('scroll', () => {
+            if (window.pageYOffset > 300) {
+                scrollTop.classList.add('show');
+            } else {
+                scrollTop.classList.remove('show');
+            }
+        });
+
+        scrollTop.addEventListener('click', () => {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
+
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function(e) {
+                e.preventDefault();
+                const target = document.querySelector(this.getAttribute('href'));
+                if (target) {
+                    window.scrollTo({
+                        top: target.offsetTop - 100,
+                        behavior: 'smooth'
+                    });
+                }
+            });
+        });
+
         // Service details data
         const serviceDetails = {
             basic: {
@@ -1158,7 +1305,8 @@
                     {
                         title: "Exterior Features",
                         items: [
-                            "Hand wash with pH-neutral shampoo",
+                            "Snow foam alkaline pre-wash (pH 10-11) to loosen contaminants",
+                            "Ceramic-infused shampoo (pH 7) for gentle cleaning and protection",
                             "Wheel cleaning with ceramic SiO₂",
                             "Tire dressing application",
                             "Door jambs cleaned",
@@ -1185,28 +1333,28 @@
                 steps: [
                     {
                         title: "Basic Package Plus",
-                        description: "Includes all Basic package services",
-                        benefit: "Complete cleaning foundation"
+                        description: "Includes all Basic package services: 2-step hand wash, wheel cleaning, interior wipe-down, thorough vacuuming, and window cleaning",
+                        benefit: "Ensures complete surface preparation by removing all dirt, grime and contaminants before applying protective treatments"
                     },
                     {
                         title: "Ceramic Spray Wax",
-                        description: "Application of premium ceramic spray wax",
-                        benefit: "3 months of paint protection and hydrophobic effect"
+                        description: "Application of premium SiO₂-infused ceramic spray wax using cross-hatch application technique",
+                        benefit: "Creates molecular bond with paint for 3+ months of protection. Repels water, dirt and UV rays while enhancing gloss and depth"
                     },
                     {
                         title: "Interior Protection",
-                        description: "SiO₂ interior treatment on all surfaces",
-                        benefit: "Repels dust and makes future cleaning easier"
+                        description: "SiO₂ interior treatment applied to all surfaces including dash, console, door panels and seats",
+                        benefit: "Forms protective barrier that repels dust, prevents staining and makes future cleaning 70% easier. Safe for all interior materials"
                     },
                     {
                         title: "Trim Restoration",
-                        description: "Application of trim restorer",
-                        benefit: "Revives faded plastic and rubber trim"
+                        description: "Specialized trim restorer applied to all exterior plastic and rubber using foam applicators",
+                        benefit: "Revives faded trim to like-new condition while providing UV protection to prevent future fading and cracking"
                     },
                     {
                         title: "Enhanced Protection",
-                        description: "Door jambs and hinges treated",
-                        benefit: "Complete protection from top to bottom"
+                        description: "Door jambs, hinges and hidden areas treated with protective coating",
+                        benefit: "Complete 360° protection prevents corrosion in hard-to-reach areas and maintains showroom-fresh appearance"
                     }
                 ],
                 features: [
@@ -1243,6 +1391,11 @@
                         description: "Includes all Luxury package services",
                         benefit: "Premium cleaning and protection base"
                     },
+                    {
+                        title: "Iron Decontamination",
+                        description: "Chemical treatment that dissolves embedded iron particles from paint, wheels and glass",
+                        benefit: "Removes microscopic metal particles that cause rust spots and paint degradation"
+                    },
                     {
                         title: "Hyper Wax Application",
                         description: "Advanced ceramic hyper wax with graphene",
@@ -1270,6 +1423,7 @@
                         items: [
                             "All Luxury exterior services",
                             "Clay bar decontamination",
+                            "Iron particle removal treatment",
                             "Hyper ceramic wax with graphene",
                             "Enhanced wheel well cleaning",
                             "6-month paint protection"
@@ -1296,80 +1450,6 @@
         mobileMenuButton.addEventListener('click', () => {
             mobileMenu.classList.toggle('hidden');
         });
-        
-        // Show service details modal
-        function showDetails(service) {
-            const details = serviceDetails[service];
-            const modal = document.getElementById('modal');
-            const modalContent = document.getElementById('modalContent');
-            
-            let html = `
-                <div class="service-details">
-                    <h2 class="text-3xl font-bold mb-4 gradient-text">${details.title}</h2>
-                    <p class="text-xl font-bold mb-6">${details.price}</p>
-                    <p class="mb-8 text-lg text-gray-300">${details.description}</p>
-                    
-                    <div class="grid md:grid-cols-2 gap-8 mb-8">
-                        <div class="bg-gray-700 p-6 rounded-xl border border-gray-600">
-                            <h3 class="text-xl font-bold mb-4 gradient-text">Step-by-Step Breakdown</h3>
-                            <ol class="space-y-4">
-                                ${details.steps.map((step, index) => `
-                                    <li class="bg-gray-800 p-4 rounded-lg border border-gray-700">
-                                        <div class="flex items-start">
-                                            <span class="bg-purple-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">${index + 1}</span>
-                                            <div>
-                                                <h4 class="font-bold text-white">${step.title}</h4>
-                                                <p class="text-gray-400 mt-1">${step.description}</p>
-                                                <div class="mt-2 bg-purple-900/30 p-2 rounded">
-                                                    <p class="text-sm font-medium text-purple-400 flex items-start">
-                                                        <span class="mr-1">✓</span>
-                                                        <span>${step.benefit}</span>
-                                                    </p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </li>
-                                `).join('')}
-                            </ol>
-                        </div>
-                        
-                        <div class="bg-gray-700 p-6 rounded-xl border border-gray-600">
-                            <h3 class="text-xl font-bold mb-4 gradient-text">Ideal For</h3>
-                            <p class="text-gray-300 mb-4">${details.ideal}</p>
-                            <h3 class="text-xl font-bold mt-6 mb-4 gradient-text">Key Benefits</h3>
-                            <ul class="space-y-2">
-                                ${details.features.flatMap(section => section.items).slice(0, 5).map(item => `
-                                    <li class="flex items-start text-gray-300">
-                                        <span class="text-purple-400 mr-2">✓</span>
-                                        <span>${item}</span>
-                                    </li>
-                                `).join('')}
-                            </ul>
-                        </div>
-                    </div>
-                    
-                    <div class="bg-purple-900/20 p-6 rounded-xl border border-purple-800/30">
-                        <h3 class="text-xl font-bold mb-4 gradient-text">Detailed Features</h3>
-                        ${details.features.map(section => `
-                            <div class="mb-6">
-                                <h4 class="text-lg font-bold mb-2 text-white">${section.title}</h4>
-                                <ul class="space-y-2">
-                                    ${section.items.map(item => `
-                                        <li class="flex items-start text-gray-300">
-                                            <span class="text-purple-400 mr-2">•</span>
-                                            <span>${item}</span>
-                                        </li>
-                                    `).join('')}
-                                </ul>
-                            </div>
-                        `).join('')}
-                    </div>
-                </div>
-            `;
-            
-            modalContent.innerHTML = html;
-            modal.classList.remove('hidden');
-            document.body.style.overflow = 'hidden';
-        }
+        </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>