<section class="container reveal">
  <div class="contact-wrap">
    <div class="contact-info stagger-item">
      <div class="footer-logo" style="margin-bottom:12px; margin-top:12px; justify-self:center; "> 
        <img src="<?= \Tshen\asset('tshenlogo.png') ?>" alt="TSHEN logo" style="width:100px; height:50px;" />
      </div>
      <h2 class="contact-title" style="justify-self:center; margin-top:20px; font-size:32px;justify-content: center; color:var(--text);">Send Us a Message </h2> 
        <img src="<?= \Tshen\asset('arrow.png') ?>" alt="arrow" style=" text-align: center; justify-content: center; width:150px; height:80px; align-items: center; margin-left:180px; margin-top:20px; margin-bottom:20px;" />
      <p class="contact-copy" style="text-align: center; font-size:20px;">We’re here to help you stay consistent. <br>Reach out and our team will get back to you shortly.</p>
      
    </div>
    <div class="contact-form stagger-item">
      <form method="post" action="<?= \Tshen\url('/contact') ?>" class="contact-card">
        <?= \Tshen\csrf_field() ?>
        <div class="form-grid">
          <input class="auth-input" name="name" placeholder="Your name" required />
          <input class="auth-input" type="email" name="email" placeholder="Your email" required />
        </div>
        <div class="form-grid">
          <input class="auth-input" type="tel" name="phone" placeholder="Your phone number" />
         </div>
          <textarea class="auth-input" name="message" placeholder="How can we help?" rows="6" required></textarea>
        
        <div class="contact-actions">
          <button type="submit" class="cta-btn auth-btn">Send Message</button>
        </div>
      </form>
    </div>
  </div>
</section>