<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contact Us | Sauer Law LLC | Maineville, OH</title> <meta name="description" content="Contact Sauer Law LLC  5854 Pepperridge Court, Maineville, OH 45039. Call (513) 519-1096 or email greg@sauerlawllc.com."> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://gregsauerlawyers.com/contact.html"> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { 'brand-navy': '#0A2540', 'brand-blue': '#1E40AF', }, }, }, }; </script> <link rel="stylesheet" href="assets/css/site.css"> </head> <body class="min-h-screen flex flex-col bg-gray-50 text-gray-800 antialiased"> <div id="site-header"></div> <main> <section class="bg-brand-navy text-white"> <div class="max-w-6xl mx-auto px-4 py-12 md:py-16"> <h1 class="text-3xl md:text-4xl font-bold">Contact Us</h1> <p class="mt-3 text-gray-300 text-lg">Reach Sauer Law LLC to schedule a consultation or ask about your legal matter.</p> </div> </section> <section class="max-w-6xl mx-auto px-4 py-12 md:py-16"> <div class="grid lg:grid-cols-2 gap-10"> <div class="space-y-8"> <div class="bg-white rounded-xl shadow-md border border-gray-100 p-8"> <h2 class="text-xl font-bold text-brand-navy mb-6">Sauer Law LLC</h2> <address class="not-italic text-gray-600 leading-relaxed space-y-4"> <p> <span class="block text-sm font-semibold text-gray-500 uppercase tracking-wide">Address</span> 5854 Pepperridge Court<br> Maineville, OH 45039 </p> <p> <span class="block text-sm font-semibold text-gray-500 uppercase tracking-wide">Phone</span> <a href="tel:+15135191096" class="phone-cta text-2xl font-bold text-brand-blue hover:text-blue-800 transition-colors">(513) 519-1096</a> </p> <p> <span class="block text-sm font-semibold text-gray-500 uppercase tracking-wide">Email</span> <a href="mailto:greg@sauerlawllc.com" class="text-brand-blue font-medium hover:text-blue-800 transition-colors">greg@sauerlawllc.com</a> </p> </address> <p class="mt-6 text-sm text-gray-500">Greg Sauer, Attorney at Law</p> </div> <div id="success-message" class="hidden bg-green-50 border border-green-200 text-green-800 p-6 rounded-xl mb-6" role="status"> <h3 class="text-lg font-semibold text-brand-navy">Message Sent!</h3> <p class="mt-2 text-sm">Thank you! We will get back to you as soon as possible. For urgent matters, call <a href="tel:+15135191096" class="phone-cta font-semibold text-brand-blue hover:text-blue-800">(513) 519-1096</a>.</p> </div> <div id="error-message" class="hidden bg-red-50 border border-red-200 text-red-800 p-6 rounded-xl mb-6" role="alert"></div> <form class="bg-white rounded-xl shadow-md border border-gray-100 p-8" id="contact-form" action="https://formspree.io/f/mykvnyen" method="POST"> <h2 class="text-xl font-bold text-brand-navy mb-2">Send a Message</h2> <p class="text-sm text-gray-500 mb-6">Fill out the form below and we will respond as soon as possible. For urgent matters, please call.</p> <div id="form-fields" class="space-y-4"> <div> <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Full Name <span class="text-red-600" aria-hidden="true">*</span></label> <input type="text" id="name" name="name" required autocomplete="name" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:border-brand-blue focus:ring-1 focus:ring-brand-blue transition-colors"> </div> <div class="grid sm:grid-cols-2 gap-4"> <div> <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email <span class="text-red-600" aria-hidden="true">*</span></label> <input type="email" id="email" name="email" required autocomplete="email" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:border-brand-blue focus:ring-1 focus:ring-brand-blue transition-colors"> </div> <div> <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone</label> <input type="tel" id="phone" name="phone" autocomplete="tel" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:border-brand-blue focus:ring-1 focus:ring-brand-blue transition-colors"> </div> </div> <div> <label for="subject" class="block text-sm font-medium text-gray-700 mb-1">Subject</label> <select id="subject" name="subject" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:border-brand-blue focus:ring-1 focus:ring-brand-blue transition-colors bg-white"> <option value="">Select a practice area (optional)</option> <option>Personal Injury</option> <option>Real Estate</option> <option>Criminal Litigation</option> <option>Corporate &amp; Small Business</option> <option>Family Law</option> <option>Probate &amp; Estate Planning</option> <option>Other</option> </select> </div> <div> <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message <span class="text-red-600" aria-hidden="true">*</span></label> <textarea id="message" name="message" rows="5" required class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:border-brand-blue focus:ring-1 focus:ring-brand-blue transition-colors resize-y"></textarea> </div> <p class="text-xs text-gray-500"> Submitting this form does not create an attorney-client relationship. Information you send may not be treated as confidential until an engagement is confirmed. </p> <button type="submit" id="submit-btn" class="w-full sm:w-auto px-8 py-3 rounded-lg bg-brand-blue text-white font-semibold hover:bg-blue-800 transition-colors shadow-sm disabled:opacity-60 disabled:cursor-not-allowed"> Send Message </button> </div> </form> </div> <div> <h2 class="text-lg font-bold text-brand-navy mb-4">Office Location</h2> <div class="rounded-xl overflow-hidden border border-gray-200 shadow-md aspect-[4/3] lg:aspect-auto lg:min-h-[28rem]"> <iframe title="Sauer Law LLC office location map" src="https://maps.google.com/maps?q=5854+Pepperridge+Court,+Maineville,+OH+45039&amp;hl=en&amp;z=15&amp;output=embed" width="100%" height="100%" style="border:0; min-height: 28rem;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> <p class="mt-4 text-sm text-gray-500"> <a href="https://www.google.com/maps/search/?api=1&amp;query=5854+Pepperridge+Court+Maineville+OH+45039" target="_blank" rel="noopener noreferrer" class="text-brand-blue hover:text-blue-800 transition-colors"> Open in Google Maps &rarr; </a> </p> </div> </div> </section> </main> <div id="site-footer"></div> <script src="assets/js/layout.js" defer></script> <script src="assets/js/contact-form.js" defer></script> </body> </html>