MOON

File: /home/primrwxj/theproviders.info/thank-you.php
<?php
$v = isset($_GET["v"]) ? preg_replace("/[^A-Za-z0-9_-]/","",$_GET["v"]) : "";
?>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Request Received | theproviders.info</title>
  <style>
    :root{
      --bg: #f8fafc;                 /* Clean off-white background */
      --card: #ffffff;               /* Pure white for content cards */
      --ink: #1e293b;                /* High-contrast, readable dark blue-gray */
      --muted: #64748b;              /* Softer gray for secondary text */
      --line: #e2e8f0;               /* Very light border gray */
      --accent: #2563eb;             /* Trust-building, primary blue */
      --accent2: #059669;            /* Green for success/positive elements */
    }
    
    body{
      margin:0; 
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 
      background: linear-gradient(180deg, var(--bg) 0%, #f1f5f9 100%);
      color: var(--ink);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .wrap{
      max-width:860px; 
      margin:0 auto; 
      padding:40px 16px;
      width: 100%;
    }
    
    .card{
      border:1px solid var(--line); 
      background: var(--card);
      border-radius: 18px;
      padding: 40px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
      text-align: center;
    }
    
    h1{
      margin:0 0 16px; 
      font-size:32px;
      color: var(--accent2);
    }
    
    p{
      color: var(--muted); 
      line-height:1.7;
      font-size: 16px;
      margin-bottom: 20px;
    }
    
    a{
      color: var(--accent);
      text-decoration: none;
    }
    
    a:hover{
      text-decoration: underline;
    }
    
    .small{
      font-size:14px; 
      color: var(--muted);
      line-height: 1.6;
    }
    
    .success-icon{
      font-size: 60px;
      color: var(--accent2);
      margin-bottom: 20px;
      display: block;
    }
    
    .highlight-box{
      background: rgba(5, 150, 105, 0.08);
      border: 1px solid rgba(5, 150, 105, 0.2);
      border-radius: 12px;
      padding: 20px;
      margin: 30px 0;
    }
    
    .highlight-box p{
      color: #065f46;
      margin: 0;
      font-weight: 500;
    }
    
    .action-buttons{
      display: flex;
      gap: 12px;
      margin-top: 30px;
      justify-content: center;
      flex-wrap: wrap;
    }
    
    .btn-primary{
      background: var(--accent);
      color: white;
      padding: 12px 24px;
      border-radius: 10px;
      text-decoration: none;
      font-weight: 600;
      border: none;
      cursor: pointer;
      font-size: 16px;
    }
    
    .btn-secondary{
      background: white;
      color: var(--accent);
      padding: 12px 24px;
      border-radius: 10px;
      text-decoration: none;
      font-weight: 600;
      border: 1px solid var(--line);
      cursor: pointer;
      font-size: 16px;
    }
    
    .btn-primary:hover{
      background: #1d4ed8;
      text-decoration: none;
    }
    
    .btn-secondary:hover{
      background: #f8fafc;
      text-decoration: none;
    }
    
    @media (max-width: 600px){
      .card{
        padding: 30px 20px;
      }
      
      h1{
        font-size: 28px;
      }
      
      .action-buttons{
        flex-direction: column;
      }
      
      .btn-primary, .btn-secondary{
        width: 100%;
        text-align: center;
      }
    }
  </style>
</head>
<body>
  <div class="wrap">
    <div class="card">
      <span class="success-icon">✅</span>
      <h1>Thank You — Request Received Successfully!</h1>
      
      <p>A local roofer serving <b style="color: var(--ink);">Murfreesboro, TN</b> will contact you soon based on the ZIP code and issue you selected.</p>
      
      <div class="highlight-box">
        <p><strong>What Happens Next:</strong> Our partner roofers will review your request and contact you with quotes or to schedule an inspection.</p>
      </div>
      
      <p class="small"><strong>Typical Response Time:</strong> Most requests receive responses within 24 hours, often sooner for urgent issues.</p>
      
      <p class="small">If this is urgent (active leak / storm damage), consider calling a local roofer immediately for faster service.</p>
      
      <div class="action-buttons">
        <a href="/" class="btn-primary">Return to Homepage</a>
        <a href="tel:+16155551234" class="btn-secondary">Call for Urgent Help</a>
      </div>
      
      <?php if ($v): ?>
        <p class="small" style="margin-top: 30px; padding-top: 15px; border-top: 1px solid var(--line);">
          <strong>Tracking Reference:</strong> <?php echo htmlspecialchars($v); ?>
        </p>
      <?php endif; ?>
      
      <p class="small" style="margin-top: 20px;">
        <a href="/privacy-snippet.html">Privacy Policy</a> • 
        <a href="/terms.html">Terms of Service</a> • 
        <a href="/contact.html">Contact Us</a>
      </p>
    </div>
  </div>
  
  <script>
    // Simple tracking for thank you page view
    document.addEventListener('DOMContentLoaded', function() {
      if(typeof gtag !== 'undefined') {
        gtag('event', 'conversion_thankyou', {
          'event_category': 'conversion',
          'event_label': 'thank_you_page_view'
        });
      }
      
      // Store conversion in localStorage
      localStorage.setItem('conversion_completed', new Date().toISOString());
    });
  </script>
</body>
</html>