remove the detail processs AND THE 5 STEPS - Follow Up Deployment

index.html

@@ -140,32 +140,6 @@
             -webkit-text-fill-color: transparent;
         }
         
-        .process-step {
-            position: relative;
-            transition: all 0.3s ease;
-        }
-        
-        .process-step:hover {
-            transform: scale(1.1);
-        }
-        
-        .process-step::after {
-            content: '';
-            position: absolute;
-            top: 50%;
-            left: 100%;
-            width: 50px;
-            height: 2px;
-            background: linear-gradient(90deg, rgba(181,48,255,0.5), rgba(255,23,68,0.5));
-            display: none;
-        }
-        
-        @media (min-width: 768px) {
-            .process-step::after {
-                display: block;
-            }
-        }
-        
         .modal-content {
             animation: slideUp 0.3s ease-out;
         }
@@ -196,7 +170,6 @@
                 <li><a href="#home" class="text-white hover:text-purple-400 font-medium transition duration-300">Home</a></li>
                 <li><a href="#services" class="text-white hover:text-purple-400 font-medium transition duration-300">Services</a></li>
                 <li><a href="#products" class="text-white hover:text-purple-400 font-medium transition duration-300">Products</a></li>
-                <li><a href="#process" class="text-white hover:text-purple-400 font-medium transition duration-300">Process</a></li>
                 <li><a href="#stats" class="text-white hover:text-purple-400 font-medium transition duration-300">Why Us</a></li>
                 <li><a href="#faq" class="text-white hover:text-purple-400 font-medium transition duration-300">FAQ</a></li>
                 <li><a href="#contact" class="text-white hover:text-purple-400 font-medium transition duration-300">Contact</a></li>
@@ -214,7 +187,6 @@
                 <li><a href="#home" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">Home</a></li>
                 <li><a href="#services" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">Services</a></li>
                 <li><a href="#products" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">Products</a></li>
-                <li><a href="#process" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">Process</a></li>
                 <li><a href="#stats" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">Why Us</a></li>
                 <li><a href="#faq" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">FAQ</a></li>
                 <li><a href="#contact" class="block text-white hover:text-purple-400 font-medium transition duration-300 py-2">Contact</a></li>
@@ -625,92 +597,6 @@
         </div>
     </section>
 
-    <!-- Process Section -->
-    <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>
-                <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
-                </p>
-            </div>
-            
-            <div class="relative">
-                <div class="flex flex-col md:flex-row justify-between items-center relative z-10 gap-4 md:gap-0">
-                    <!-- Step 1 -->
-                    <div class="process-step bg-gray-700 text-white rounded-full w-24 h-24 md:w-32 md:h-32 flex flex-col items-center justify-center cursor-pointer transition duration-300 gradient-border" onclick="showProcessDetail(1)">
-                        <div class="step-number text-3xl md:text-4xl font-bold text-purple-400">1</div>
-                        <div class="step-text text-sm md:text-base font-medium">Schedule</div>
-                    </div>
-                    
-                    <!-- Step 2 -->
-                    <div class="process-step bg-gray-700 text-white rounded-full w-24 h-24 md:w-32 md:h-32 flex flex-col items-center justify-center cursor-pointer transition duration-300 gradient-border" onclick="showProcessDetail(2)">
-                        <div class="step-number text-3xl md:text-4xl font-bold text-purple-400">2</div>
-                        <div class="step-text text-sm md:text-base font-medium">Arrival</div>
-                    </div>
-                    
-                    <!-- Step 3 -->
-                    <div class="process-step bg-gray-700 text-white rounded-full w-24 h-24 md:w-32 md:h-32 flex flex-col items-center justify-center cursor-pointer transition duration-300 gradient-border" onclick="showProcessDetail(3)">
-                        <div class="step-number text-3xl md:text-4xl font-bold text-purple-400">3</div>
-                        <div class="step-text text-sm md:text-base font-medium">Detail</div>
-                    </div>
-                    
-                    <!-- Step 4 -->
-                    <div class="process-step bg-gray-700 text-white rounded-full w-24 h-24 md:w-32 md:h-32 flex flex-col items-center justify-center cursor-pointer transition duration-300 gradient-border" onclick="showProcessDetail(4)">
-                        <div class="step-number text-3xl md:text-4xl font-bold text-purple-400">4</div>
-                        <div class="step-text text-sm md:text-base font-medium">Inspect</div>
-                    </div>
-                    
-                    <!-- Step 5 -->
-                    <div class="process-step bg-gray-700 text-white rounded-full w-24 h-24 md:w-32 md:h-32 flex flex-col items-center justify-center cursor-pointer transition duration-300 gradient-border" onclick="showProcessDetail(5)">
-                        <div class="step-number text-3xl md:text-4xl font-bold text-purple-400">5</div>
-                        <div class="step-text text-sm md:text-base font-medium">Protect</div>
-                    </div>
-                </div>
-                
-                <div class="mt-12 bg-gray-700/50 backdrop-blur-sm rounded-xl p-8 border border-gray-600">
-                    <h3 class="text-2xl font-bold mb-4 text-purple-400">Our 5-Step Process</h3>
-                    <p class="text-gray-300 mb-6">
-                        Every detail follows our proven 5-step process to ensure consistent, high-quality results. From initial consultation to final protection, we treat your vehicle with the care it deserves.
-                    </p>
-                    <div class="grid md:grid-cols-2 gap-6">
-                        <div>
-                            <h4 class="text-lg font-bold mb-2 text-white">Step 1: Schedule</h4>
-                            <p class="text-gray-400">
-                                Book your appointment online or by phone. We'll confirm your location, vehicle type, and service selection.
-                            </p>
-                        </div>
-                        <div>
-                            <h4 class="text-lg font-bold mb-2 text-white">Step 2: Arrival</h4>
-                            <p class="text-gray-400">
-                                Our team arrives on time with all necessary equipment. We'll discuss any specific concerns before starting.
-                            </p>
-                        </div>
-                        <div>
-                            <h4 class="text-lg font-bold mb-2 text-white">Step 3: Detail</h4>
-                            <p class="text-gray-400">
-                                Professional detailing using premium products and techniques tailored to your vehicle's needs.
-                            </p>
-                        </div>
-                        <div>
-                            <h4 class="text-lg font-bold mb-2 text-white">Step 4: Inspect</h4>
-                            <p class="text-gray-400">
-                                Thorough quality check to ensure every inch meets our high standards before finalizing.
-                            </p>
-                        </div>
-                        <div class="md:col-span-2">
-                            <h4 class="text-lg font-bold mb-2 text-white">Step 5: Protect</h4>
-                            <p class="text-gray-400">
-                                Application of protective coatings and final touches to maintain your vehicle's shine between details.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
     <!-- Stats Section -->
     <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">