ADD ONE MORE FAQ. THE QUESTION IS WHAT PAYMENT METHODS DO YOU TAKE? ANSWER WHEN CLICKING SLIDEDOWN would be cash zelle or applepay (cash is king . WORD MORE PROFESSIOANLLY - Follow Up Deployment

index.html

@@ -476,7 +476,7 @@
                                     </div>
                                     <div class="flex items-start">
                                         <span class="text-green-400 mr-2">✓</span>
-                                        <strong>Foam sealant option</strong>: Polymer-based liquid protection (3-4 month protection, easier application)
+                                        <strong>Foam sealant option</strong>: Polymer-based liquid protection (6-month protection, easier application)
                                     </div>
                                     <div class="flex items-start">
                                         <span class="text-green-400 mr-2">✓</span>
@@ -628,26 +628,27 @@
                 
                 <div class="bg-white/5 backdrop-blur-sm p-6 rounded-xl text-center border border-white/10 hover:border-purple-400 transition duration-300">
                     <div class="w-16 h-16 bg-purple-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
-                        <i class="fas fa-shield-alt text-purple-300 text-2xl"></i>
+                        <i class="fas fa-handshake text-purple-300 text-2xl"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Premium Protection</h3>
-                    <p class="text-gray-300">Advanced ceramic coatings for long-lasting shine</p>
+                    <h3 class="text-xl font-bold mb-3">Satisfaction Guarantee</h3>
+                    <p class="text-gray-300">We won't leave until you're 100% happy - your car gets treated like my own</p>
                 </div>
                 
                 <div class="bg-white/5 backdrop-blur-sm p-6 rounded-xl text-center border border-white/10 hover:border-purple-400 transition duration-300">
                     <div class="w-16 h-16 bg-purple-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
-                        <i class="fas fa-leaf text-purple-300 text-2xl"></i>
+                        <i class="fas fa-bolt text-purple-300 text-2xl"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Eco-Friendly</h3>
-                    <p class="text-gray-300">Water-efficient techniques and biodegradable products</p>
+                    <h3 class="text-xl font-bold mb-3">Self-Sufficient</h3>
+                    <p class="text-gray-300">Fully spot-free deionized water & 4000W concurrent power</p>
                 </div>
                 
                 <div class="bg-white/5 backdrop-blur-sm p-6 rounded-xl text-center border border-white/10 hover:border-purple-400 transition duration-300">
                     <div class="w-16 h-16 bg-purple-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
-                        <i class="fas fa-award text-purple-300 text-2xl"></i>
+                        <i class="fas fa-handshake text-purple-300 text-2xl"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Certified Experts</h3>
-                    <p class="text-gray-300">Trained professionals with 10+ years of experience</p>
+                    <h3 class="text-xl font-bold mb-3">Highly Reputable</h3>
+                    <p class="text-gray-300">4.9★ Google & Yelp ratings with 100+ verified reviews</p>
+                    <p class="text-gray-300">55 perfect 5★ reviews on OfferUp</p>
                 </div>
             </div>
         </div>
@@ -858,11 +859,11 @@
             <div class="max-w-4xl mx-auto">
                 <!-- FAQ Item 1 -->
                 <div class="faq-item bg-gray-700 rounded-xl overflow-hidden mb-4 border border-gray-600">
-                    <div class="faq-question bg-gray-700 p-5 flex justify-between items-center cursor-pointer hover:bg-gray-600 transition duration-300" onclick="toggleFAQ(this)">
+                    <div class="faq-question bg-gray-700 p-5 flex justify-between items-center cursor-pointer hover:bg-gray-600 transition duration-300">
                         <span class="text-xl font-bold">How long does each service take?</span>
-                        <span class="faq-arrow text-xl text-purple-400">▼</span>
+                        <span class="faq-arrow text-xl text-purple-400 transform transition-transform duration-300">▼</span>
                     </div>
-                    <div class="faq-answer bg-gray-700/50">
+                    <div class="faq-answer bg-gray-700/50 max-h-0 overflow-hidden transition-all duration-300">
                         <div class="p-5">
                             <p class="mb-2"><strong class="text-purple-400">Jay's Basic:</strong> 1.5-2 hours</p>
                             <p class="mb-2"><strong class="text-purple-400">Jay's Luxury:</strong> 2.5-3 hours</p>
@@ -874,11 +875,11 @@
                 
                 <!-- FAQ Item 2 -->
                 <div class="faq-item bg-gray-700 rounded-xl overflow-hidden mb-4 border border-gray-600">
-                    <div class="faq-question bg-gray-700 p-5 flex justify-between items-center cursor-pointer hover:bg-gray-600 transition duration-300" onclick="toggleFAQ(this)">
+                    <div class="faq-question bg-gray-700 p-5 flex justify-between items-center cursor-pointer hover:bg-gray-600 transition duration-300">
                         <span class="text-xl font-bold">What do I need to provide?</span>
-                        <span class="faq-arrow text-xl text-purple-400">▼</span>
+                        <span class="faq-arrow text-xl text-purple-400 transform transition-transform duration-300">▼</span>
                     </div>
-                    <div class="faq-answer bg-gray-700/50">
+                    <div class="faq-answer bg-gray-700/50 max-h-0 overflow-hidden transition-all duration-300">
                         <div class="p-5">
                             <p>We supply our own de-ionized water (which means spot-free results) and bring 4000W of personal power generation. All you need to do is relax and come out to a brand new showroom-shiny vehicle!</p>
                             <p class="mt-2">We bring all professional equipment, products, and supplies. We just need about 10 feet of space around your vehicle to work comfortably.</p>
@@ -1132,6 +1133,24 @@
             });
         });
 
+        // FAQ Toggle Functionality
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const faqItem = question.closest('.faq-item');
+                const answer = faqItem.querySelector('.faq-answer');
+                const arrow = faqItem.querySelector('.faq-arrow');
+                
+                // Toggle the answer
+                if (answer.style.maxHeight) {
+                    answer.style.maxHeight = null;
+                    arrow.classList.remove('rotate-180');
+                } else {
+                    answer.style.maxHeight = answer.scrollHeight + 'px';
+                    arrow.classList.add('rotate-180');
+                }
+            });
+        });
+
         // Service details data
         const serviceDetails = {
             basic: {