<div style="max-width: 650px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; padding: 20px;"> <div style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #2c3e50; font-size: 28px; margin-bottom: 10px;">Get in Touch</h2> <p style="font-size: 16px; line-height: 1.6; color: #666;"> Whether you have questions about dental implants, cosmetic procedures, or any other inquiries, the team at RenyStyles Aesthetics is here to help. Please fill out the form below or reach us directly via email. </p> </div> <div style="background-color: #f4f7f6; padding: 20px; border-radius: 8px; text-align: center; border: 1px solid #e1e8ed; margin-bottom: 30px;"> <h3 style="margin-top: 0; color: #2c3e50; font-size: 18px;">Direct Email</h3> <p style="margin: 0; font-size: 16px;"> <a href="mailto:contact@aesthetics.renystyles.com" style="color: #0066cc; text-decoration: none; font-weight: bold;"> contact@aesthetics.renystyles.com </a> </p> </div> <!-- Contact Form --> <form action="https://formspree.io/f/YOUR_FORMSPREE_ID" method="POST" style="background: #ffffff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border: 1px solid #eaeaea;"> <div style="margin-bottom: 20px;"> <label for="name" style="display: block; font-weight: bold; margin-bottom: 8px; color: #333;">Full Name *</label> <input type="text" id="name" name="name" required placeholder="Enter your full name" style="width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 15px;"> </div> <div style="margin-bottom: 20px;"> <label for="email" style="display: block; font-weight: bold; margin-bottom: 8px; color: #333;">Email Address *</label> <input type="email" id="email" name="email" required placeholder="Enter your email address" style="width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 15px;"> </div> <div style="margin-bottom: 20px;"> <label for="subject" style="display: block; font-weight: bold; margin-bottom: 8px; color: #333;">Subject</label> <input type="text" id="subject" name="subject" placeholder="What is this regarding?" style="width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 15px;"> </div> <div style="margin-bottom: 20px;"> <label for="message" style="display: block; font-weight: bold; margin-bottom: 8px; color: #333;">Your Message *</label> <textarea id="message" name="message" rows="6" required placeholder="How can we assist you today?" style="width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 15px; resize: vertical;"></textarea> </div> <div style="text-align: center;"> <button type="submit" style="background-color: #2c3e50; color: #ffffff; border: none; padding: 14px 30px; font-size: 16px; font-weight: bold; border-radius: 4px; cursor: pointer; transition: background 0.3s ease; width: 100%;"> Send Message </button> </div> </form> </div>