<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en" class="h-full bg-slate-950">
<head>
  <meta charset="UTF-8">
  <title>Contact & Merchant Information • Minimal Bookkeeping (MB) PDF Suite</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Official merchant information and technical support desk.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://pdf.minimal-bookkeeping.app<?php echo $_SERVER['REQUEST_URI']; ?>">
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
    :root { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; }
    .font-mono { font-family: 'JetBrains Mono', monospace; }
    .glass-card {
      background: linear-gradient(135deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.8) 100%);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
  </style>
</head>
<body class="bg-slate-950 text-slate-200 min-h-full flex flex-col selection:bg-cyan-500 selection:text-slate-950">
  
  <!-- Navigation Header -->
  <header class="border-b border-slate-800/80 bg-slate-950/90 backdrop-blur sticky top-0 z-40">
    <div class="max-w-7xl mx-auto px-4 h-16 flex items-center justify-between">
      <a href="/" class="flex items-center gap-3">
        <div class="w-9 h-9 rounded-xl bg-gradient-to-tr from-cyan-500 to-emerald-400 flex items-center justify-center font-black text-slate-950 text-sm shadow-lg shadow-cyan-500/20">
          MB
        </div>
        <div>
          <span class="font-extrabold text-white text-sm sm:text-base tracking-tight">Minimal Bookkeeping <span class="text-cyan-400">PDF</span></span>
          <span class="hidden sm:inline-block ml-2 px-2 py-0.5 rounded-md text-[10px] font-bold bg-slate-900 border border-slate-800 text-slate-400">Statement Converter</span>
        </div>
      </a>
      <div class="flex items-center gap-3 text-xs">
        <a href="/" class="px-3 py-1.5 text-slate-300 hover:text-white transition-colors">Converter</a>
        <a href="/#pricing" class="px-3 py-1.5 text-slate-300 hover:text-white transition-colors">Pricing</a>
        <a href="https://minimal-bookkeeping.app" target="_blank" class="px-3.5 py-1.5 bg-slate-900 border border-slate-800 hover:border-cyan-500/40 text-cyan-300 font-bold rounded-xl transition-all">
          Open Ledger &nearr;
        </a>
      </div>
    </div>
  </header>

  <main class="flex-1 max-w-4xl mx-auto px-4 py-12 w-full">
    
    <div class="space-y-6">
      <div class="space-y-2">
        <span class="px-3 py-1 rounded-full text-xs font-bold bg-cyan-500/10 text-cyan-400 border border-cyan-500/20">Customer Support</span>
        <h1 class="text-3xl sm:text-4xl font-black text-white tracking-tight">Contact &amp; Merchant Information</h1>
        <p class="text-xs text-slate-400">We are here to assist founders, bookkeepers, and CPAs worldwide.</p>
      </div>

      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="glass-card p-6 sm:p-8 rounded-3xl space-y-6 text-xs text-slate-300 leading-relaxed border-slate-800">
          <div>
            <h2 class="text-sm font-bold text-white mb-2">Official Merchant Details</h2>
            <div class="space-y-2 text-slate-400 text-xs font-mono">
              <div><strong class="text-slate-300">Brand Name:</strong> Minimal Bookkeeping (MB)</div>
              <div><strong class="text-slate-300">Product:</strong> Universal Bank Statement PDF Suite</div>
              <div><strong class="text-slate-300">Canonical URL:</strong> <a href="https://pdf.minimal-bookkeeping.app" class="text-cyan-400 hover:underline">pdf.minimal-bookkeeping.app</a></div>
              <div><strong class="text-slate-300">Ecosystem Hub:</strong> <a href="https://minimal-bookkeeping.app" class="text-cyan-400 hover:underline">minimal-bookkeeping.app</a></div>
              <div><strong class="text-slate-300">Official Merchant ID:</strong> somrat23@gmail.com</div>
            </div>
          </div>

          <div>
            <h2 class="text-sm font-bold text-white mb-2">Technical &amp; Billing Support</h2>
            <p class="text-slate-400 text-xs mb-3">Our engineering and billing team monitors support requests continuously with a guaranteed sub-24-hour turnaround time.</p>
            <div class="space-y-2 text-xs">
              <div class="flex items-center gap-2">
                <span class="text-cyan-400 font-bold">✉️ Support Email:</span>
                <a href="mailto:support@minimal-bookkeeping.app" class="text-white font-bold hover:underline">support@minimal-bookkeeping.app</a>
              </div>
              <div class="flex items-center gap-2">
                <span class="text-emerald-400 font-bold">⚡ Response SLA:</span>
                <span class="text-white">Within 24 Hours (7 days/week)</span>
              </div>
            </div>
          </div>
        </div>

        <div class="glass-card p-6 sm:p-8 rounded-3xl space-y-4 border-slate-800 text-xs">
          <h2 class="text-sm font-bold text-white">Send Direct Message</h2>
          <form onsubmit="event.preventDefault(); alert('Thank you! Your message has been received. Our team will follow up within 24 hours at ' + (document.getElementById('c-email')?.value || 'your email') + '.');" class="space-y-3">
            <div>
              <label class="block text-[11px] font-bold text-slate-400 mb-1">Your Name</label>
              <input type="text" id="c-name" required placeholder="Jane Doe" class="w-full px-3.5 py-2.5 rounded-xl bg-slate-900/90 border border-slate-800 text-white placeholder-slate-600 focus:outline-none focus:border-cyan-500 text-xs" />
            </div>
            <div>
              <label class="block text-[11px] font-bold text-slate-400 mb-1">Work Email</label>
              <input type="email" id="c-email" required placeholder="jane@company.com" class="w-full px-3.5 py-2.5 rounded-xl bg-slate-900/90 border border-slate-800 text-white placeholder-slate-600 focus:outline-none focus:border-cyan-500 text-xs" />
            </div>
            <div>
              <label class="block text-[11px] font-bold text-slate-400 mb-1">Inquiry Type</label>
              <select class="w-full px-3.5 py-2.5 rounded-xl bg-slate-900/90 border border-slate-800 text-white focus:outline-none focus:border-cyan-500 text-xs">
                <option>Statement Format / Conversion Assistance</option>
                <option>Billing, Credits or Subscription Inquiry</option>
                <option>Data Security / Compliance Questionnaire</option>
                <option>Enterprise Volume Licensing</option>
              </select>
            </div>
            <div>
              <label class="block text-[11px] font-bold text-slate-400 mb-1">Message</label>
              <textarea rows="4" required placeholder="Tell us how we can assist you..." class="w-full px-3.5 py-2.5 rounded-xl bg-slate-900/90 border border-slate-800 text-white placeholder-slate-600 focus:outline-none focus:border-cyan-500 text-xs resize-none"></textarea>
            </div>
            <button type="submit" class="w-full py-3 bg-gradient-to-r from-cyan-500 to-emerald-400 text-slate-950 font-black text-xs rounded-xl shadow-lg shadow-cyan-500/20 hover:scale-[1.01] transition-all">
              Send Support Message &rarr;
            </button>
          </form>
        </div>
      </div>
    </div>
  </main>

  
  <!-- Footer -->
  <footer class="border-t border-slate-800/80 bg-slate-950/95 py-12 px-4 text-xs text-slate-400">
    <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
      <div>
        <div class="flex items-center gap-2 mb-3">
          <div class="w-7 h-7 rounded-lg bg-gradient-to-tr from-cyan-500 to-emerald-400 flex items-center justify-center font-black text-slate-950 text-xs">MB</div>
          <span class="font-bold text-white text-sm">Minimal Bookkeeping</span>
        </div>
        <p class="text-slate-400 text-xs leading-relaxed">
          The universal bank statement conversion and OCR engine with zero server data retention and mathematical running-balance verification.
        </p>
      </div>
      <div>
        <h4 class="text-white font-bold text-xs uppercase tracking-wider mb-3">Product &amp; Pricing</h4>
        <ul class="space-y-2">
          <li><a href="/#pricing" class="hover:text-cyan-400 transition-colors">Pay-As-You-Go Credits</a></li>
          <li><a href="/#pricing" class="hover:text-cyan-400 transition-colors">Monthly SaaS Subscriptions</a></li>
          <li><a href="https://minimal-bookkeeping.app" class="hover:text-cyan-400 transition-colors">Cloud Double-Entry Accounting</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-white font-bold text-xs uppercase tracking-wider mb-3">Legal &amp; Trust</h4>
        <ul class="space-y-2">
          <li><a href="/terms" class="hover:text-cyan-400 transition-colors">Terms of Service</a></li>
          <li><a href="/privacy" class="hover:text-cyan-400 transition-colors">Zero-Retention Privacy Policy</a></li>
          <li><a href="/refund" class="hover:text-cyan-400 transition-colors">Cancellation &amp; Refund Policy</a></li>
          <li><a href="/contact" class="hover:text-cyan-400 transition-colors">Merchant Contact &amp; Support</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-white font-bold text-xs uppercase tracking-wider mb-3">Security &amp; Encryption</h4>
        <p class="text-slate-400 text-xs leading-relaxed mb-3">
          All document conversions occur in isolated, temporary volatile memory buffers. Files are automatically destroyed upon download.
        </p>
        <span class="inline-flex items-center gap-1.5 text-emerald-400 font-mono font-bold text-[11px]">
          🔒 256-bit TLS &bull; In-Memory OCR
        </span>
      </div>
    </div>
    <div class="max-w-7xl mx-auto pt-6 border-t border-slate-900 flex flex-col sm:flex-row items-center justify-between gap-4 text-slate-500 text-[11px]">
      <div>&copy; 2026 Minimal Bookkeeping (MB). All rights reserved.</div>
      <div class="flex gap-4">
        <a href="/terms" class="hover:underline">Terms</a>
        <a href="/privacy" class="hover:underline">Privacy</a>
        <a href="/refund" class="hover:underline">Refunds</a>
        <a href="/contact" class="hover:underline">Contact</a>
        <a href="https://minimal-bookkeeping.app" class="text-cyan-400 hover:underline">Minimal Bookkeeping App</a>
      </div>
    </div>
  </footer>
</body>
</html>