add an extra box below why choose Essai auto detailing and make the heading what you need to know before you booking! and under that make it say do you have water? and add a click box where it has a yes or no button and then dont let them answer the next question until they answer or click yes and after that question add Wont bargain about the price and under that give a reason why the price is the way it is make it say from the maintenance wash to the premium pack all of these services use premium product and care the products i use are very expensive but it will leave your car as beautiful as it was when you first got it my products include clay bar, P & S professional express all interior cleaner, sprayway glass cleaner koch chemie GSF and Koch Chemie green star and premium machines that leave your car looking great and then add a thank you thing for booking with Essai Auto Detailing.

index.html

@@ -230,10 +230,35 @@ Book Now
             </div>
 </div>
     </section>
-
     <!-- About Section -->
 <section id="about" class="py-20 px-6 bg-secondary">
         <div class="container mx-auto">
+            <div class="flex flex-col md:flex-row items-center gap-8">
+                <div class="md:w-1/2">
+                    <div class="bg-primary rounded-lg overflow-hidden">
+                        <img src="https://media.cadillac.com/media/us/en/cadillac/vehicles/lyriq/2024/_jcr_content/image.adaptive.full.high.jpg/1684957326061.jpg" alt="2025 Cadillac" class="w-full h-auto rounded-lg">
+                    </div>
+                </div>
+                <div class="md:w-1/2">
+                    <h2 class="text-3xl font-bold mb-6">Why Choose Essai Auto Detailing?</h2>
+                    <p class="mb-4">I'm a new detailer but ready to give an exclusive experience, giving the care to your car that it truly deserves. While new to the business, I bring fresh passion and meticulous attention to every vehicle.</p>
+                    <p class="mb-4">Your car will receive personalized, handcrafted detailing with premium products and techniques to achieve showroom-worthy results.</p>
+                    <div class="flex items-center mt-6">
+                        <i data-feather="award" class="text-accent mr-3 w-6 h-6"></i>
+                        <span>Handcrafted Detailing</span>
+                    </div>
+                    <div class="flex items-center mt-3">
+                        <i data-feather="shield" class="text-accent mr-3 w-6 h-6"></i>
+                        <span>Premium Eco-Friendly Products</span>
+                    </div>
+                    <div class="flex items-center mt-3">
+                        <i data-feather="clock" class="text-accent mr-3 w-6 h-6"></i>
+                        <span>Same-Day Services Available</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+<div class="container mx-auto">
             <div class="flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-8 md:mb-0 md:pr-10">
                     <h2 class="text-3xl font-bold mb-6">Why Choose Essai Auto Detailing?</h2>
@@ -259,8 +284,90 @@ Book Now
                 </div>
             </div>
         </div>
+
+        <!-- New Booking Info Section -->
+        <div class="container mx-auto mt-16">
+            <div class="bg-primary rounded-lg p-8 border border-gray-700">
+                <h2 class="text-3xl font-bold mb-6">What You Need to Know Before Booking</h2>
+                
+                <div class="mb-8">
+                    <h3 class="text-xl font-semibold mb-3">Do you have water?</h3>
+                    <div class="flex space-x-4">
+                        <button id="water-yes" class="water-btn bg-accent text-white px-6 py-2 rounded-md">Yes</button>
+                        <button id="water-no" class="water-btn bg-gray-600 text-white px-6 py-2 rounded-md">No</button>
+                    </div>
+                    <p id="water-response" class="mt-3 text-gray-300 hidden"></p>
+                </div>
+
+                <div id="price-info" class="hidden">
+                    <h3 class="text-xl font-semibold mb-3">Won't bargain about the price</h3>
+                    <p class="text-gray-300">
+                        From the maintenance wash to the premium pack, all of these services use premium products and care. 
+                        The products I use are very expensive but will leave your car as beautiful as it was when you first got it. 
+                        My products include:
+                    </p>
+                    <ul class="list-disc pl-6 mt-2 space-y-2 text-gray-300">
+                        <li>Clay bar</li>
+                        <li>P & S Professional Express All Interior Cleaner</li>
+                        <li>Sprayway Glass Cleaner</li>
+                        <li>Koch Chemie GSF</li>
+                        <li>Koch Chemie Green Star</li>
+                        <li>Premium machines that leave your car looking great</li>
+                    </ul>
+                </div>
+
+                <div id="thank-you" class="hidden mt-8 text-center">
+                    <i data-feather="heart" class="w-12 h-12 mx-auto text-accent mb-4"></i>
+                    <h3 class="text-2xl font-bold text-accent mb-2">Thank You for Booking with Essai Auto Detailing!</h3>
+                    <p class="text-gray-300">We appreciate your trust in our services and look forward to making your car shine!</p>
+                </div>
+            </div>
+        </div>
     </section>
-    <!-- Feedback Section -->
+
+    <script>
+        // Water question functionality
+        const waterYes = document.getElementById('water-yes');
+        const waterNo = document.getElementById('water-no');
+        const waterResponse = document.getElementById('water-response');
+        const priceInfo = document.getElementById('price-info');
+        const thankYou = document.getElementById('thank-you');
+
+        const waterButtons = document.querySelectorAll('.water-btn');
+        waterButtons.forEach(btn => {
+            btn.addEventListener('click', function() {
+                // Reset all buttons
+                waterButtons.forEach(b => {
+                    b.classList.remove('bg-accent');
+                    b.classList.add('bg-gray-600');
+                });
+
+                // Style clicked button
+                this.classList.remove('bg-gray-600');
+                this.classList.add('bg-accent');
+
+                if(this.id === 'water-yes') {
+                    waterResponse.textContent = "Great! Please be sure to have a water source available for your detailing session.";
+                    waterResponse.classList.remove('hidden');
+                    priceInfo.classList.remove('hidden');
+                } else {
+                    waterResponse.textContent = "Please ensure you have water available before booking, as it's essential for the detailing process.";
+                    waterResponse.classList.remove('hidden');
+                    priceInfo.classList.add('hidden');
+                }
+
+                // If they answered both questions
+                if(waterResponse.textContent.includes("Great!")) {
+                    setTimeout(() => {
+                        thankYou.classList.remove('hidden');
+                    }, 1000);
+                } else {
+                    thankYou.classList.add('hidden');
+                }
+            });
+        });
+    </script>
+<!-- Feedback Section -->
     <section class="py-20 px-6">
         <div class="container mx-auto max-w-2xl">
             <h2 class="text-3xl font-bold text-center mb-12">Share Your Feedback</h2>