thanks.html

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-REWQ55HSVH"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-REWQ55HSVH');
</script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Primary SEO -->
  <title>Thank You | Message Sent Successfully | ToolsGrid</title>

  <meta name="description"
    content="Thank you for contacting ToolsGrid. Your message has been sent successfully. We appreciate your feedback and will respond as soon as possible.">

  <meta name="author" content="ToolsGrid">
  <meta name="robots" content="noindex, follow">

  <!-- Canonical -->
  <link rel="canonical" href="https://toolsgrid.co.in/thanks.html">

  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="ToolsGrid">
  <meta property="og:title" content="Thank You | Message Sent Successfully | ToolsGrid">
  <meta property="og:description"
    content="Your message has been received successfully. Thank you for contacting ToolsGrid.">
  <meta property="og:url" content="https://toolsgrid.co.in/thanks.html">
  <meta property="og:image" content="https://toolsgrid.co.in/assets/img/og-image.png">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
    rel="stylesheet">

  <!-- Styles -->
  <link rel="stylesheet" href="assets/css/style.css">
  <!-- Favicon -->
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon.png">
  <link rel="apple-touch-icon" href="/assets/img/favicon.png">
  
</head>
<body>

<nav class="navbar">
  <a href="index.html" class="navbar-brand">⚡ Tools<span>Grid</span></a>
  <ul class="navbar-links">
    <li><a href="index.html">Home</a></li>
    <li><a href="contact.html">Contact</a></li>
  </ul>
  <!-- Hamburger — mobile only -->
  <button class="hamburger" id="hamburger" aria-label="Open menu">
    <span></span>
    <span></span>
    <span></span>
  </button>
</nav>

<!-- OVERLAY -->
<div class="menu-overlay" id="menuOverlay"></div>

<!-- MOBILE MENU — slides from bottom -->
<div class="mobile-menu" id="mobileMenu">
  <div class="mobile-menu-handle"></div>
  <a href="index.html" onclick="closeMenu()">
    <div class="menu-icon">🏠</div> Home
  </a>
  
  <a href="contact.html" onclick="closeMenu()">
    <div class="menu-icon">✉️</div> Contact
  </a>
</div>

<div class="container" style="padding:80px 20px; text-align:center;">
  <div style="max-width:480px; margin:0 auto; background:white; border-radius:var(--radius); padding:48px 32px; box-shadow:var(--shadow);">
    <div style="font-size:64px; margin-bottom:16px;">✅</div>
    <h1 style="font-size:26px; font-weight:800; margin-bottom:10px; letter-spacing:-0.5px;">Message Sent!</h1>
    <p style="color:var(--text-muted); font-size:15px; line-height:1.7; margin-bottom:28px;">
      Thank you for reaching out! We've received your message and will get back to you within <strong>24–48 hours</strong>.
    </p>
    <div style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;">
      <a href="index.html" class="btn btn-primary">🏠 Back to Home</a>
      <a href="contact.html" class="btn btn-outline">✉️ Send Another</a>
    </div>
  </div>
</div>

<footer>
  <div class="footer-links">
    <a href="index.html">Home</a>
    <a href="about.html">About</a>
    <a href="privacy.html">Privacy Policy</a>
    <a href="contact.html">Contact</a>
  </div>
  <p>© <span id="yr"></span> <strong style="color:white;">ToolsGrid.co.in</strong></p>
</footer>

<script src="assets/js/main.js"></script>
<script>document.getElementById('yr').textContent = new Date().getFullYear();</script>
</body>
</html>