<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="theme-color" content="#0EA5E9" />
  <link rel="icon" type="image/png" sizes="32x32" href="/public/og/favicon-32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/public/og/favicon-16.png">
  <link rel="apple-touch-icon" sizes="48x48" href="/public/og/favicon-48.png">
  <title>Contact — Procurement, Press, and Support | takedowns</title>
  <meta name="description" content="Get in touch with takedowns for procurement, partnership, press, or support inquiries. We respond within one business day for procurement requests." />
  <meta name="keywords" content="contact takedowns, procurement, partnership, press, support" />
  <meta name="author" content="takedowns" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large" />
  <link rel="canonical" href="https://takedowns.vesamuni.com/contact" />

  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="takedowns by vesamuni" />
  <meta property="og:title" content="Contact — Procurement, Press, and Support" />
  <meta property="og:description" content="Procurement, partnership, press, and support inquiries." />
  <meta property="og:url" content="https://takedowns.vesamuni.com/contact" />
  <meta property="og:image" content="https://takedowns.vesamuni.com/public/og/contact.png" />
  <meta property="og:locale" content="en_US" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Contact — Procurement, Press, and Support" />
  <meta name="twitter:description" content="Procurement, partnership, press, and support inquiries." />
  
  <link rel="manifest" href="/public/manifest.json" />
  <!-- Premium 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=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
  <!-- CSS-PRELOAD -->
  <link rel="preload" as="style" href="/public/css/marketing.css?v=3.11-skyclean" />

  
  <link rel="stylesheet" href="/public/css/glass.css?v=2-light" />
  <link rel="stylesheet" href="/public/css/marketing.css?v=4-light" />
  <script src="/public/js/marketing-css-fix.js" defer></script>
  <style>
    /* Custom contact form styling */
    select.form-control {
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='white' stroke-width='1.5'><path d='M6 9l6 6 6-6'/></svg>");
      background-repeat: no-repeat;
      background-position: right 1rem center;
      background-size: 16px;
      cursor: pointer;
    }
    
    .toast {
      position: fixed;
      bottom: 24px;
      right: 24px;
      background: var(--card);
      border: 1px solid var(--border-hover);
      border-radius: 8px;
      padding: 16px 24px;
      display: flex;
      align-items: center;
      gap: 12px;
      color: var(--fg);
      font-size: 14.5px;
      transform: translateY(120%);
      opacity: 0;
      transition: all 400ms var(--transition-timing);
      box-shadow: 0 10px 30px rgba(0,0,0,0.5);
      z-index: 2000;
    }
    
    .toast.active {
      transform: translateY(0);
      opacity: 1;
    }
    
    .toast svg {
      stroke: var(--ok);
      flex-shrink: 0;
    }
  </style>
  <!-- JSON-LD: JSONLD-BREADCRUMB -->
  <script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://takedowns.vesamuni.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Contact",
      "item": "https://takedowns.vesamuni.com/contact"
    }
  ]
}
  </script>
  <!-- JSON-LD: JSONLD-CONTACT -->
  <script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "ContactPage",
  "name": "Contact takedowns",
  "url": "https://takedowns.vesamuni.com/contact",
  "description": "Get in touch for support, partnership, procurement, or press inquiries.",
  "mainEntity": {
    "@type": "Organization",
    "name": "Vesamuni Cybersecurity",
    "url": "https://takedowns.vesamuni.com/",
    "contactPoint": [
      {
        "@type": "ContactPoint",
        "contactType": "customer support",
        "url": "https://takedowns.vesamuni.com/contact",
        "availableLanguage": [
          "English"
        ]
      },
      {
        "@type": "ContactPoint",
        "contactType": "sales",
        "url": "https://takedowns.vesamuni.com/contact?topic=sales",
        "availableLanguage": [
          "English"
        ]
      },
      {
        "@type": "ContactPoint",
        "contactType": "press",
        "url": "https://takedowns.vesamuni.com/contact?topic=press",
        "availableLanguage": [
          "English"
        ]
      }
    ]
  }
}
  </script>
</head>
<body>

  <div class="radial-glow"></div>
  <div class="grid-bg"></div>

  <!-- Mobile Overlay Menu -->
  <div class="mobile-menu-overlay" id="mobileMenu" aria-hidden="true" role="dialog">

        <div class="mobile-menu-section">
      <div class="mobile-menu-section-label">Main</div>
      <div class="mobile-menu-links">
        <a href="/">Home</a>
        <a href="/features">Features</a>
        <a href="/pricing">Pricing</a>
      </div>
    </div>
    <div class="mobile-menu-section">
      <div class="mobile-menu-section-label">For You</div>
      <div class="mobile-menu-links">
        <a href="/for-survivors">For Survivors</a>
        <a href="/for-creators">For Creators</a>
      </div>
    </div>
    <div class="mobile-menu-section">
      <div class="mobile-menu-section-label">Resources</div>
      <div class="mobile-menu-links">
        <a href="/how-it-works">How It Works</a>
        <a href="/who-it-helps">Who It Helps</a>
        <a href="/blog">Blog</a>
      </div>
    </div>
    <div class="mobile-menu-actions">
      <a href="/login" class="btn btn-secondary" style="width: 100%;">Sign in</a>
      <a href="/register" class="btn btn-primary" style="width: 100%; background-color: var(--fg); color: var(--bg);">Create account</a>
    </div>
    <div class="mobile-menu-footer">
      <a href="/privacy">Privacy</a>
      <a href="/terms">Terms</a>
      <a href="/cookies">Cookies</a>
      <a href="/dmca">DMCA</a>
      <a href="/acceptable-use">Acceptable Use</a>
    </div>
  </div>

  <!-- Floating Navigation -->
  <div class="nav-wrapper" id="navWrapper">
    <nav class="nav-pill" id="navPill" aria-label="Main Navigation">
      <a href="/#top" class="brand" aria-label="takedowns home">
        <div class="brand-logo" aria-hidden="true">
          <img src="/public/og/logo-mark.png" alt="" width="32" height="32" />
        </div>
        <span>takedowns</span>
      </a>


            <div class="nav-links">
        <a href="/">Home</a>
        <a href="/features">Features</a>
        <div class="nav-item-dropdown" data-dropdown>
          <button type="button" class="nav-trigger" aria-haspopup="true" aria-expanded="false">For You</button>
          <div class="nav-dropdown" role="menu">
            <a href="/for-survivors" role="menuitem">
              <span class="nav-dropdown-title">For Survivors</span>
              <span class="nav-dropdown-desc">Confidential, self-serve recovery</span>
            </a>
            <a href="/for-creators" role="menuitem">
              <span class="nav-dropdown-title">For Creators</span>
              <span class="nav-dropdown-desc">OnlyFans, Fansly, webcam protection</span>
            </a>
          </div>
        </div>
        <div class="nav-item-dropdown" data-dropdown>
          <button type="button" class="nav-trigger" aria-haspopup="true" aria-expanded="false">Resources</button>
          <div class="nav-dropdown" role="menu">
            <a href="/how-it-works" role="menuitem">
              <span class="nav-dropdown-title">How It Works</span>
              <span class="nav-dropdown-desc">Five steps from reference to removal</span>
            </a>
            <a href="/who-it-helps" role="menuitem">
              <span class="nav-dropdown-title">Who It Helps</span>
              <span class="nav-dropdown-desc">Survivors, advocates, agencies, creators</span>
            </a>
            <a href="/blog" role="menuitem">
              <span class="nav-dropdown-title">Blog</span>
              <span class="nav-dropdown-desc">Practical guides and case studies</span>
            </a>
          </div>
        </div>
        <a href="/pricing">Pricing</a>
      </div>

      <div class="nav-actions">
        <a href="/login" class="btn btn-text" style="color: var(--fg-secondary); padding: 8px 16px;">Sign in</a>
        <a href="/register" class="btn btn-primary">Create account</a>
      </div>

      <button class="burger-btn" id="burgerBtn" aria-label="Toggle Menu" aria-expanded="false">
        <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5"
          stroke-linecap="round" stroke-linejoin="round">
          <line x1="3" y1="6" x2="21" y2="6" class="line-top"></line>
          <line x1="3" y1="12" x2="21" y2="12" class="line-mid"></line>
          <line x1="3" y1="18" x2="21" y2="18" class="line-bot"></line>
        </svg>
      </button>
    </nav>
  </div>

  <!-- Hero Section -->
  <section class="hero-section container">
    <span class="hero-label">Connect</span>
    <h1 class="hero-title">Support &amp; <em>compliance</em> lines.</h1>
    <p class="hero-desc">Have questions about account configuration, custom support allocations, or urgent safety alerts? Reach out directly using our secure contact channel.</p>
  </section>

  <!-- Two-Column Content Layout -->
  <section class="container reveal" style="padding-top: 0; padding-bottom: 140px;">
    <div class="form-layout">
      
      <!-- Left Column: Details -->
      <div>
        <h2 style="font-family: var(--font-ui); font-size: 28px; font-weight: 500; color: var(--fg); margin-bottom: 1.5rem; letter-spacing: -0.5px;">Casework Support</h2>
        <p style="color: var(--fg-secondary); font-size: 16px; line-height: 1.7; margin-bottom: 2rem;">
          Our core operations team is situated across Melbourne, Australia and Colombo, Sri Lanka, operating under the parent network of Vesamuni Cybersecurity.
        </p>

        <h3 style="font-family: var(--font-ui); font-size: 18px; font-weight: 500; color: var(--fg); margin-bottom: 0.5rem;">Response Expectations</h3>
        <ul style="list-style: none; padding: 0; font-size: 15px; color: var(--fg-secondary); line-height: 1.7; margin-bottom: 2rem;">
          <li style="margin-bottom: 0.5rem;"><strong style="color: var(--danger);">Urgent Safety Concerns:</strong> Handled within 4 hours, 7 days a week.</li>
          <li style="margin-bottom: 0.5rem;"><strong>Technical &amp; Account Support:</strong> Reviewed within 24 hours.</li>
          <li><strong>Agency &amp; Legal Inquiries:</strong> Addressed within 1 business day.</li>
        </ul>

        <h3 style="font-family: var(--font-ui); font-size: 18px; font-weight: 500; color: var(--fg); margin-bottom: 0.5rem;">Privacy Promise</h3>
        <p style="color: var(--fg-secondary); font-size: 15px; line-height: 1.7;">
          Your communications are highly protected. takedowns operates under strict data minimization guidelines. We never trade, share, or expose contact logs, name values, or inquiry details with third-party networks.
        </p>
      </div>

      <!-- Right Column: Form -->
      <div class="form-card">
        <form id="contactForm">
          <div class="form-group">
            <label for="name">Your Name</label>
            <input type="text" id="name" class="form-control" placeholder="Jane Doe" required autocomplete="name">
          </div>

          <div class="form-group">
            <label for="email">Email Address</label>
            <input type="email" id="email" class="form-control" placeholder="jane@example.com" required autocomplete="email">
          </div>

          <div class="form-group">
            <label for="org">Organization (Optional)</label>
            <input type="text" id="org" class="form-control" placeholder="e.g. Legal Aid Clinic" autocomplete="organization">
          </div>

          <div class="form-group">
            <label for="reason">Reason for Inquiry</label>
            <select id="reason" class="form-control" required>
              <option value="" disabled selected>Select a department</option>
              <option value="support">Technical Support</option>
              <option value="agency">Agency Inquiry</option>
              <option value="legal">Legal &amp; Compliance</option>
              <option value="billing">Billing Inquiry</option>
              <option value="safety">Safety Concern / Urgent Alert</option>
            </select>
          </div>

          <div class="form-group">
            <label for="message">Message Details</label>
            <textarea id="message" class="form-control" placeholder="Briefly describe your inquiry..." required></textarea>
          </div>

          <button type="submit" class="btn btn-primary" style="width: 100%; height: 56px; border-radius: 8px; margin-top: 1rem;">Submit Message</button>
        </form>
      </div>

    </div>
  </section>

  <!-- Toast Notification Box -->
  <div class="toast" id="toastBox">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
    <span id="toastMessage">Message sent successfully.</span>
  </div>

  <!-- Footer -->
  <footer class="app-footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <a href="/#top" class="brand" aria-label="takedowns home">
        <div class="brand-logo" aria-hidden="true">
          <img src="/public/og/logo-mark.png" alt="" width="32" height="32" />
        </div>
        <span>takedowns</span>
      </a>
          <p>Privacy-first platform helping survivors, advocates, and agencies track, document, and request removals of
            non-consensual intimate material — including images, video, audio, and AI-generated content.</p>
        </div>

        <div class="footer-col">
          <h4>Product</h4>
          <ul>
            <li><a href="/#features">Features</a></li>
            <li><a href="/#pricing">Pricing</a></li>
            <li><a href="/#how-it-works">How It Works</a></li>
            <li><a href="/blog">Blog</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Company</h4>
          <ul>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
            <li><a href="/#who-it-helps">Who It Helps</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Legal and Trust</h4>
          <ul>
            <li><a href="/trust">Trust and Privacy</a></li>
            <li><a href="/login">Sign in</a></li>
            <li><a href="/register">Create account</a></li>
          </ul>
        </div>
      </div>

      <div class="footer-bottom">
        <span>&copy; 2026 takedowns. Built under Vesamuni Cybersecurity.</span>
        <div class="footer-bottom-links">
          <a href="/trust#privacy">Privacy</a>
          <a href="/trust">Security</a>
          <a href="/trust">Terms</a>
        </div>
      </div>
    </div>
  </footer>

  <script src="/public/js/marketing.js" defer></script>
  
  <script>
    // Programmatic Submit Event Registration (Compliant with Helmet CSP)
    document.addEventListener('DOMContentLoaded', () => {
      const contactForm = document.getElementById('contactForm');
      const toastBox = document.getElementById('toastBox');
      const toastMessage = document.getElementById('toastMessage');
      
      if (contactForm) {
        contactForm.addEventListener('submit', (e) => {
          e.preventDefault();
          
          // Display Toast
          toastMessage.innerText = "Message received. Our support team will respond shortly.";
          toastBox.classList.add('active');
          
          // Reset Form
          contactForm.reset();
          
          // Dismiss Toast
          setTimeout(() => {
            toastBox.classList.remove('active');
          }, 4000);
        });
      }
    });
  </script>
</body>
</html>
