<?php $pageTitle = "Contact — SkResultt"; include 'includes/header.php'; ?>

<section class="hero" style="padding:70px 24px;">
  <div class="hero-content">
    <h1>Get in Touch</h1>
    <p>Have a question, story idea, or just want to say hello? We'd love to hear from you.</p>
  </div>
</section>

<section class="section">
  <div class="contact-wrap">
    <div class="contact-info">
      <h2 style="margin-bottom:24px;">Contact Info</h2>
      <div class="info-item">
        <div class="info-icon"><i class="fas fa-envelope"></i></div>
        <div>
          <h4>Email</h4>
          <p style="color:#64748b;">agrawalbanti67@gmail.com</p>
        </div>
      </div>
      <div class="info-item">
        <div class="info-icon"><i class="fas fa-phone"></i></div>
        <div>
          <h4>Phone</h4>
          <p style="color:#64748b;">74055 57400</p>
        </div>
      </div>
      <div class="info-item">
        <div class="info-icon"><i class="fas fa-map-marker-alt"></i></div>
        <div>
          <h4>Office</h4>
          <p style="color:#64748b;">Mota Varachha, Surat, India</p>
        </div>
      </div>
      <div class="info-item">
        <div class="info-icon"><i class="fas fa-clock"></i></div>
        <div>
          <h4>Working Hours</h4>
          <p style="color:#64748b;">Mon – Fri, 9am – 6pm IST</p>
        </div>
      </div>

      <!-- Social media links (hidden for now)
      <div class="social" style="margin-top:24px;">
        <a href="#" style="background:#6366f1;color:#fff;"><i class="fab fa-twitter"></i></a>
        <a href="#" style="background:#6366f1;color:#fff;"><i class="fab fa-facebook"></i></a>
        <a href="#" style="background:#6366f1;color:#fff;"><i class="fab fa-instagram"></i></a>
        <a href="#" style="background:#6366f1;color:#fff;"><i class="fab fa-linkedin"></i></a>
      </div>
      -->
    </div>

    <form class="contact-form" onsubmit="event.preventDefault();alert('Thank you! Your message has been sent.');this.reset();">
      <h2 style="margin-bottom:24px;">Send a Message</h2>
      <div class="form-group">
        <label>Your Name</label>
        <input type="text" placeholder="John Doe" required>
      </div>
      <div class="form-group">
        <label>Email Address</label>
        <input type="email" placeholder="john@example.com" required>
      </div>
      <div class="form-group">
        <label>Subject</label>
        <input type="text" placeholder="How can we help?" required>
      </div>
      <div class="form-group">
        <label>Message</label>
        <textarea placeholder="Write your message here..." required></textarea>
      </div>
      <button type="submit" class="btn btn-primary">Send Message</button>
    </form>
  </div>
</section>

<?php include 'includes/footer.php'; ?>
