<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

index.html

@@ -942,17 +942,22 @@
                 </div>
 
                 <div>
-                    <label class="block text-sm font-medium mb-1">Industry*</label>
-                    <select name="industry" required class="w-full px-4 py-2 rounded-lg bg-dark border border-gray-700 focus:outline-none focus:ring-2 focus:ring-accent">
-                    <option value="">Select your industry</option>
-                    <option>Plumbing</option><option>Electrical</option><option>HVAC</option>
-                    <option>Lawn care</option><option>Clinic</option><option>Other</option>
-                    </select>
+                 <label for="industry" class="block text-sm font-medium mb-1">Industry*</label>
+                <input
+                id="industry"
+                name="industry"
+                type="text"
+                required
+                placeholder="E.g., Plumbing, Electrical, Dental Clinic"
+                class="w-full px-4 py-2 rounded-lg bg-dark border border-gray-700 focus:outline-none focus:ring-2 focus:ring-accent"
+                autocapitalize="words"
+                spellcheck="false"
+                />
                 </div>
 
                 <div>
                     <label class="block text-sm font-medium mb-1">Location/Suburb*</label>
-                    <input name="location" type="text" placeholder="Mackay area" required class="w-full px-4 py-2 rounded-lg bg-dark border border-gray-700 focus:outline-none focus:ring-2 focus:ring-accent">
+                    <input name="location" type="text" placeholder="Kelvin Grove" required class="w-full px-4 py-2 rounded-lg bg-dark border border-gray-700 focus:outline-none focus:ring-2 focus:ring-accent">
                 </div>
 
                 <!-- ✅ Weekly call volume -->
@@ -1017,140 +1022,135 @@
         </div>
     </section>
 
-    <!-- FAQ -->
+    <!-- FAQ (mismo formato, más compacto + preguntas actualizadas) -->
     <section id="faq" class="py-20 px-4 sm:px-10 lg:px-20 xl:px-32">
-        <div class="max-w-4xl mx-auto">
-            <div class="text-center mb-16">
-                <h2 class="text-3xl sm:text-4xl font-bold mb-6">Frequently Asked Questions</h2>
-                <p class="text-lg text-gray-400">
-                    Everything you need to know about the product and billing.
-                </p>
+    <div class="max-w-4xl mx-auto">
+        <div class="text-center mb-10">
+        <h2 class="text-3xl sm:text-4xl font-bold mb-3">Frequently Asked Questions</h2>
+        <p class="text-base text-gray-400">Quick answers about the service and billing.</p>
+        </div>
+
+        <div class="space-y-3"><!-- antes era space-y-4 -->
+        <!-- 1 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Do you replace my receptionist?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            We handle first-line answering, qualification and booking. Complex cases can be escalated to your team.
             </div>
-            
-            <div class="space-y-4">
-                <div class="accordion glass-card rounded-xl p-6">
-                    <button class="accordion-header w-full flex justify-between items-center text-left">
-                        <h4 class="font-bold text-lg">How does the AI learn my work patterns?</h4>
-                        <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
-                    </button>
-                    <div class="accordion-content mt-4">
-                        <p class="text-gray-400">
-                            NeuraFlow uses machine learning to analyze your calendar events, task completion times, work hours, and productivity patterns. Over time, it builds a personalized model of when you're most focused, which tasks take you longest, and how to optimally arrange your schedule. The more you use it, the smarter it gets.
-                        </p>
-                    </div>
-                </div>
-                
-                <div class="accordion glass-card rounded-xl p-6">
-                    <button class="accordion-header w-full flex justify-between items-center text-left">
-                        <h4 class="font-bold text-lg">What platforms and apps does NeuraFlow integrate with?</h4>
-                        <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
-                    </button>
-                    <div class="accordion-content mt-4">
-                        <p class="text-gray-400 mb-4">
-                            We integrate with all major productivity platforms including:
-                        </p>
-                        <ul class="grid sm:grid-cols-2 gap-2 text-gray-400">
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Google Workspace (Gmail, Calendar, Drive)</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Microsoft 365 (Outlook, Teams, OneDrive)</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Slack</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Notion</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Trello</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Asana</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>Zoom</span>
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check-circle text-accent mr-2"></i>
-                                <span>100+ more through Zapier</span>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                
-                <div class="accordion glass-card rounded-xl p-6">
-                    <button class="accordion-header w-full flex justify-between items-center text-left">
-                        <h4 class="font-bold text-lg">Is my data secure with NeuraFlow?</h4>
-                        <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
-                    </button>
-                    <div class="accordion-content mt-4">
-                        <p class="text-gray-400 mb-4">
-                            Security is our top priority. We implement enterprise-grade security measures including:
-                        </p>
-                        <ul class="space-y-3 text-gray-400">
-                            <li class="flex items-start">
-                                <div class="text-accent mr-2 mt-1">
-                                    <i class="fas fa-lock"></i>
-                                </div>
-                                <span>End-to-end encryption of all your data</span>
-                            </li>
-                            <li class="flex items-start">
-                                <div class="text-accent mr-2 mt-1">
-                                    <i class="fas fa-shield-alt"></i>
-                                </div>
-                                <span>SOC 2 Type II certified infrastructure</span>
-                            </li>
-                            <li class="flex items-start">
-                                <div class="text-accent mr-2 mt-1">
-                                    <i class="fas fa-user-secret"></i>
-                                </div>
-                                <span>Strict access controls and audit logging</span>
-                            </li>
-                            <li class="flex items-start">
-                                <div class="text-accent mr-2 mt-1">
-                                    <i class="fas fa-cloud"></i>
-                                </div>
-                                <span>Option for on-premises deployment for enterprise clients</span>
-                            </li>
-                        </ul>
-                        <p class="text-gray-400 mt-4">
-                            We never sell or share your data with third parties. Read our <a href="#" class="text-accent">Privacy Policy</a> for more details.
-                        </p>
-                    </div>
-                </div>
-                
-                <div class="accordion glass-card rounded-xl p-6">
-                    <button class="accordion-header w-full flex justify-between items-center text-left">
-                        <h4 class="font-bold text-lg">Can I cancel my subscription anytime?</h4>
-                        <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
-                    </button>
-                    <div class="accordion-content mt-4">
-                        <p class="text-gray-400">
-                            Absolutely. You can cancel your NeuraFlow subscription at any time with just a few clicks. When you cancel, you'll continue to have access to all Pro features until the end of your current billing period. We don't believe in locking you in or making cancellation difficult.
-                        </p>
-                        <p class="text-gray-400 mt-2">
-                            If you're on a monthly or yearly plan, your subscription will automatically renew until you cancel. Our 14-day money-back guarantee applies to all new subscriptions.
-                        </p>
-                    </div>
-                </div>
+        </div>
+
+        <!-- 2 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Which channels do you support?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Phone & SMS by default. We can also work with WhatsApp, email and web forms. <span class="text-white/80">We adapt to your tools.</span>
             </div>
-            
-            <div class="text-center mt-16">
-                <h4 class="text-xl font-bold mb-4">Still have questions?</h4>
-                Contact us at <span class="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent">support@transfertoai.com</span> 
-                
+        </div>
+
+        <!-- 3 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Can you use our existing phone number?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Yes—forwarding is quickest. We can also port your number or provision a new one.
             </div>
         </div>
+
+        <!-- 4 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Do you book directly in our calendar?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Yes—Google/Outlook. Or we drop jobs into your CRM with notes & tags.
+            </div>
+        </div>
+
+        <!-- 5 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Can you transfer live calls?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Yes—warm or cold transfer to a mobile or landline.
+            </div>
+        </div>
+
+        <!-- 6 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">How fast is setup?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            A working pilot usually goes live in ~10 days.
+            </div>
+        </div>
+
+        <!-- 7 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">What about data and recordings?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Calls run on Twilio; transcripts via OpenAI. We store only what’s needed for summaries & bookings. Call recording is optional.
+            </div>
+        </div>
+
+        <!-- 8 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Contract & cancellation?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Month-to-month. Cancel anytime before the next billing date. No lock-in.
+            </div>
+        </div>
+
+        <!-- 9 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">How do you charge?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Quote based on enquiries volume & channels. Most new clients land between <span class="text-white/80">A$79–A$149/mo</span>.
+            </div>
+        </div>
+
+        <!-- 10 -->
+        <div class="accordion glass-card rounded-lg p-4 sm:p-5">
+            <button class="accordion-header w-full flex justify-between items-center text-left">
+            <h4 class="font-semibold text-base sm:text-lg">Do you cover my area?</h4>
+            <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i>
+            </button>
+            <div class="accordion-content mt-2 text-sm text-gray-400">
+            Australia-wide. We route by suburb/postcode and your service area.
+            </div>
+        </div>
+        </div>
+
+        <div class="text-center mt-10">
+        <h4 class="text-lg font-bold mb-2">Still have questions?</h4>
+        Contact us at
+        <span class="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent">support@transfertoai.com</span>
+        </div>
+    </div>
     </section>
 
+
        
     <!-- Footer -->
     <footer class="py-16 px-4 sm:px-10 lg:px-20 xl:px-32 bg-dark">