#I LOVE YOU EVERDAY#

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Us - MechFactory.in | India's Mechanical Job Work Hub</title>

<meta name="description" content="Get in touch with MechFactory for mechanical job work services, partnerships, or support. We’re here to help you with CNC, VMC, welding, fabrication and more.">
  <meta name="keywords" content="MechFactory contact, Mechanical job work support, CNC machining help, fabrication query, job work India contact">
  <meta name="author" content="MechFactory.in">

<link rel="canonical" href="https://mechfactory.in/contact/">

<link rel="icon" type="image/png" href="images/mechfactory-logo.png">

<meta property="og:type" content="website">
  <meta property="og:url" content="https://mechfactory.in/contact/">
  <meta property="og:title" content="Contact Us - MechFactory.in">
  <meta property="og:description" content="Reach out to MechFactory for CNC, VMC, welding, fabrication services or general queries.">
  <meta property="og:image" content="https://mechfactory.in/assets/og-image.jpg">

<meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Contact Us - MechFactory.in">
  <meta name="twitter:description" content="Reach out to MechFactory for mechanical job work services or support.">
  <meta name="twitter:image" content="https://mechfactory.in/assets/og-image.jpg">

<script src="https://cdn.tailwindcss.com"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>

<?php include("header/head.php"); ?>

<section class="bg-blue-800 text-white py-16">
    <div class="max-w-4xl mx-auto px-4 text-center">
      <h1 class="text-4xl font-bold">Contact Us</h1>
      <p class="mt-4 text-lg">We’d love to hear from you! Whether you’re a factory, workshop, or client — reach out today.</p>
    </div>
  </section>

<section class="py-16 bg-white">
    <div class="max-w-6xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-12">
      
      
      <div>
        <h2 class="text-2xl font-bold text-blue-800 mb-6">Get in Touch</h2>
        <p class="text-gray-700 mb-4">Have questions about services, partnerships, or job work postings? We’re just a message away.</p>
        <ul class="space-y-4 text-gray-700">
          <li><i class="fas fa-phone text-blue-700 mr-2"></i> +91 98765 43210</li>
          <li><i class="fas fa-envelope text-blue-700 mr-2"></i> support@mechfactory.in</li>
          <li><i class="fas fa-map-marker-alt text-blue-700 mr-2"></i> Ghaziabad, Uttar Pradesh, India</li>
        </ul>
        <div class="mt-8">
          <h3 class="font-semibold text-blue-800 mb-2">Follow Us:</h3>
          <div class="flex space-x-4">
            <a href="#" class="text-blue-600 text-xl"><i class="fab fa-facebook"></i></a>
            <a href="#" class="text-blue-600 text-xl"><i class="fab fa-linkedin"></i></a>
            <a href="#" class="text-blue-600 text-xl"><i class="fab fa-instagram"></i></a>
          </div>
        </div>
      </div>

<div>
        <form action="form-handler.php" method="POST" class="space-y-6 bg-gray-100 p-8 rounded-lg shadow">
          <div>
            <label class="block font-semibold mb-1">Full Name</label>
            <input type="text" name="name" required class="w-full border border-gray-300 rounded px-4 py-2 focus:ring-2 focus:ring-blue-500">
          </div>
          <div>
            <label class="block font-semibold mb-1">Email</label>
            <input type="email" name="email" required class="w-full border border-gray-300 rounded px-4 py-2 focus:ring-2 focus:ring-blue-500">
          </div>
          <div>
            <label class="block font-semibold mb-1">Phone Number</label>
            <input type="tel" name="phone" class="w-full border border-gray-300 rounded px-4 py-2 focus:ring-2 focus:ring-blue-500">
          </div>
          <div>
            <label class="block font-semibold mb-1">Message</label>
            <textarea name="message" rows="5" required class="w-full border border-gray-300 rounded px-4 py-2 focus:ring-2 focus:ring-blue-500"></textarea>
          </div>
          <button type="submit" class="bg-blue-700 text-white px-6 py-2 rounded hover:bg-blue-800 transition">Send Message</button>
        </form>
      </div>

</div>
  </section>

<section class="w-full">
    <iframe 
      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14017.116317655772!2d77.4438!3d28.6692!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cf1bfc62995d3%3A0x4f4aa823fb0a9e12!2sGhaziabad%2C%20Uttar%20Pradesh!5e0!3m2!1sen!2sin!4v1693481223930!5m2!1sen!2sin"
      width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" class="mt-8"></iframe>
  </section>

<?php include("footer/footer.php"); ?>

</body>
</html>