FAQ Section with Tailwind Styling

<div class="max-w-4xl mr-auto ml-auto">
          <div class="text-center mb-16">
            <h2 class="text-3xl md:text-4xl font-semibold tracking-tight text-white mb-4">Frequently Asked Questions</h2>
            <p class="text-lg text-neutral-300 font-geist-mono">Common questions about working together</p>
          </div>

          <div class="space-y-6">
            <div class="border border-white/10 rounded-xl p-6 hover:border-white/20 transition-colors">
              <h3 class="text-lg font-semibold text-white mb-3 font-geist">What's your typical response time?</h3>
              <p class="text-neutral-300 font-geist-mono text-sm leading-relaxed">
                I aim to respond to all inquiries within 24 hours during business days (Monday-Friday, 9AM-6PM PST). For urgent matters, feel free to mention it in your message and I'll prioritize accordingly.
              </p>
            </div>

            <div class="border border-white/10 rounded-xl p-6 hover:border-white/20 transition-colors">
              <h3 class="text-lg font-semibold text-white mb-3 font-geist">Do you work with international clients?</h3>
              <p class="text-neutral-300 font-geist-mono text-sm leading-relaxed">
                Absolutely! I work with clients worldwide and am comfortable with remote collaboration across different time zones. I use modern communication tools to ensure smooth project coordination regardless of location.
              </p>
            </div>

            <div class="border border-white/10 rounded-xl p-6 hover:border-white/20 transition-colors">
              <h3 class="text-lg font-semibold text-white mb-3 font-geist">What information should I include in my message?</h3>
              <p class="text-neutral-300 font-geist-mono text-sm leading-relaxed">
                Please share details about your project goals, timeline, budget range, and any specific requirements. The more context you provide, the better I can understand your needs and provide a relevant response.
              </p>
            </div>

            <div class="border border-white/10 rounded-xl p-6 hover:border-white/20 transition-colors">
              <h3 class="text-lg font-semibold text-white mb-3 font-geist">Do you offer free consultations?</h3>
              <p class="text-neutral-300 font-geist-mono text-sm leading-relaxed">
                Yes! I offer a complimentary 30-minute discovery call for potential projects. This helps us both understand if we're a good fit and allows me to provide initial insights about your project before any commitment.
              </p>
            </div>
          </div>
        </div>