تماس با ما

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8" />
  <title>ارتباط با ما – ایران تی‌تی</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <style>
    body {
      font-family: Tahoma, sans-serif;
      background: #f9f9f9;
      color: #333;
      margin: 0;
      padding: 20px;
    }
    .container {
      max-width: 900px;
      margin: auto;
      background: #fff;
      padding: 40px;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    h1 {
      color: #c09d2c;
      margin-bottom: 30px;
    }
    .contact-info {
      margin-bottom: 30px;
    }
    .contact-info p {
      margin: 8px 0;
    }
    form input,
    form textarea {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 5px;
      box-sizing: border-box;
      resize: vertical;
    }
    form button {
      background: #c09d2c;
      color: white;
      padding: 12px 20px;
      border: none;
      border-radius: 5px;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    form button:hover {
      background: #b38728;
    }
    .social-links {
      margin-top: 40px;
      display: flex;
      gap: 30px;
      justify-content: center;
      flex-wrap: wrap;
    }
    .social-links a {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      color: #333;
      font-weight: bold;
      font-size: 18px;
      transition: color 0.3s ease;
    }
    .social-links a:hover {
      color: #c09d2c;
    }
    .social-links svg {
      width: 28px;
      height: 28px;
      fill: currentColor;
    }
    footer {
      text-align: center;
      margin-top: 50px;
      font-size: 14px;
      color: #777;
    }
    @media (max-width: 600px) {
      .social-links {
        justify-content: flex-start;
        gap: 20px;
      }
      .social-links a {
        font-size: 16px;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>ارتباط با ما</h1>

    <div class="contact-info">
      <p><strong>آدرس:</strong> تهران، بازار ۱۵ خرداد، پاساژ طلا دلگشا، پلاک ۴۰</p>
      <p><strong>تلفن:</strong> 021-52002374</p>
      <p><strong>ایمیل:</strong> info@irantt.com</p>
      <p><strong>ساعات پاسخگویی:</strong> شنبه تا پنجشنبه، ۹ الی ۱۸</p>
    </div>

    <form method="post" action="/send-message">
      <label for="name">نام و نام خانوادگی:</label>
      <input type="text" id="name" name="name" required />

      <label for="email">ایمیل:</label>
      <input type="email" id="email" name="email" required />

      <label for="message">پیام شما:</label>
      <textarea id="message" name="message" rows="6" required></textarea>

      <button type="submit">ارسال پیام</button>
    </form>

    <div class="social-links" aria-label="شبکه‌های اجتماعی ایران تی‌تی">
      <a href="https://t.me/irantt_gold" target="_blank" rel="noopener" aria-label="تلگرام">
        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <path d="M9.04 15.555l-.38 5.685c.544 0 .78-.234 1.06-.514l2.54-2.49 5.26 3.84c.96.53 1.64.25 1.89-.9l3.42-16.14c.32-1.48-.54-2.07-1.51-1.71L1.69 10.2c-1.46.58-1.44 1.39-.25 1.77l5.72 1.78 13.29-8.36c.62-.38 1.19-.17.72.24L9.04 15.556z" />
        </svg>
        تلگرام
      </a>
      <a href="https://wa.me/989123456789" target="_blank" rel="noopener" aria-label="واتساپ">
        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <path d="M20.52 3.48A11.92 11.92 0 0 0 12.15.01c-6.6 0-11.96 5.35-11.96 11.96 0 2.12.56 4.08 1.64 5.75L.01 24l6.46-1.7a11.89 11.89 0 0 0 5.68 1.46h.01c6.6 0 11.96-5.35 11.96-11.96 0-3.18-1.24-6.17-3.6-8.53zm-8.4 17.05a9.85 9.85 0 0 1-5.02-1.43l-.36-.21-3.05.8.82-3-.23-.37a9.73 9.73 0 0 1 1.44-10.96 9.72 9.72 0 0 1 13.75 1.27 9.77 9.77 0 0 1-6.39 13.9zm5.05-7.7c-.27-.13-1.6-.79-1.85-.88-.25-.1-.44-.13-.63.13s-.72.88-.89 1.06c-.16.17-.33.2-.6.07-.27-.13-1.13-.42-2.15-1.32-.79-.7-1.32-1.57-1.48-1.83-.15-.26-.02-.4.12-.53.12-.12.27-.3.4-.45.13-.15.18-.25.27-.42.1-.16.05-.31-.02-.44-.07-.12-.63-1.52-.87-2.07-.23-.54-.46-.46-.63-.47h-.54c-.18 0-.47.07-.72.35-.25.28-.96.94-.96 2.3 0 1.37.98 2.7 1.12 2.89.15.2 1.94 2.96 4.7 4.15.66.28 1.18.45 1.58.58.66.22 1.26.19 1.74.12.53-.08 1.6-.65 1.82-1.27.23-.62.23-1.15.16-1.27-.07-.12-.26-.2-.54-.33z"/>
        </svg>
        واتساپ
      </a>
      <a href="https://instagram.com/irantt.gold" target="_blank" rel="noopener" aria-label="اینستاگرام">
        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <path d="M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.5a4.25 4.25 0 0 0-4.25 4.25v8.5a4.25 4.25 0 0 0 4.25 4.25h8.5a4.25 4.25 0 0 0 4.25-4.25v-8.5a4.25 4.25 0 0 0-4.25-4.25zm8.75 1.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4.25 1a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z"/>
        </svg>
        اینستاگرام
      </a>
    </div>

    <footer>
      © 2025 ایران تی‌تی – توسعه یافته توسط شرکت فیدار دیجیتال گستر آرکا
    </footer>
  </div>
</body>
</html>