Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Notary Portal - Upload & Payment</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
  <style>
    body { font-family: 'Inter', sans-serif; }
    .btn-gradient {
      background: linear-gradient(135deg, #0D2C3A, #1E4D6B);
      color: #fff;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .btn-gradient:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .card {
      border-radius: 1rem;
      background: #fff;
      border: 1px solid #e5e7eb;
      padding: 1.5rem;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    }
    .section-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #0D2C3A;
    }
    .form-input {
      border-radius: 0.75rem;
      border: 1px solid #cbd5e1;
      padding: 0.75rem;
      font-size: 0.9rem;
      width: 100%;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .form-input:focus {
      border-color: #1E4D6B;
      box-shadow: 0 0 0 4px rgba(30, 77, 107, 0.2);
    }
    .link-cta { color: #1E4D6B; font-weight: 600; }
    .link-cta:hover { color: #123B4D; }
  </style>
</head>
<body class="bg-gradient-to-br from-slate-50 to-slate-100 text-slate-800">

  <main class="mx-auto max-w-7xl px-4 sm:px-6 py-10 grid gap-8 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">

    
    <section class="card">
      <h3 class="section-title mb-6">Upload Documents</h3>

      
      <div class="space-y-3 mb-6">
        <h4 class="text-sm font-semibold text-slate-700 mb-2">Download Documents</h4>

        <a href="https://drive.google.com/file/d/17gXIqi-JOa7j9yTbwyEhntzHZfhFQXHB/view?usp=drive_link"
           target="_blank" rel="noopener noreferrer"
           class="block w-full text-center rounded-xl px-4 py-2 text-sm font-semibold btn-gradient">
          📄 Unclaimed Property Agreement (PDF)
        </a>

        <a href="https://drive.google.com/file/d/1Bh48GM22eJVVEjGeRnPmHd2CuOcqZilD/view?usp=drive_link"
           target="_blank" rel="noopener noreferrer"
           class="block w-full text-center rounded-xl px-4 py-2 text-sm font-semibold btn-gradient">
          📝 State Affidavit (PDF)
        </a>

        <a href="https://drive.google.com/file/d/1AgSx4r9bfbSBRG8WOSVoXjMY6_kcRxow/view?usp=drive_link"
           target="_blank" rel="noopener noreferrer"
           class="block w-full text-center rounded-xl px-4 py-2 text-sm font-semibold btn-gradient">
          ✅ Affirmation Statement (PDF)
        </a>
      </div>

      
      <form id="uploadForm" action="https://api.web3forms.com/submit" method="POST" enctype="multipart/form-data" class="space-y-4">
        <input type="hidden" name="access_key" value="1cf225db-e7ff-4c18-a4d5-efaab4d71785">
        <input type="hidden" name="subject" value="New Document Upload from Website">
        <input type="hidden" name="redirect" value="https://dennyborgespa.com/thank-you">

        <label for="fileUpload" class="block text-sm font-medium text-slate-700">
          Attach up to 5 files <span class="text-rose-600">*</span>
        </label>
        <input id="fileUpload" type="file" name="attachments[]" multiple required accept="application/pdf,image/*" class="form-input">
        <p class="text-xs text-slate-500">Allowed: PDF & Images • Max 5 files per submission.</p>

        <button type="submit" class="w-full rounded-xl px-4 py-3 text-sm font-semibold btn-gradient">
          ⬆ Upload Now
        </button>
      </form>

      
      <div class="mt-8 text-xs sm:text-sm text-slate-600 space-y-3 leading-relaxed">
        <h3 class="text-sm font-semibold text-indigo-700">ℹ️ FAQs</h3>
        <div>
          <p class="font-semibold text-slate-800">What if the client doesn’t sign?</p>
          <p>You will still receive 50% of the agreed commission to compensate your time and effort.</p>
        </div>
        <div>
          <p class="font-semibold text-slate-800">When will I receive payment?</p>
          <p>Payments are processed within 30 to 90 days depending on the release date from the state.</p>
        </div>
        <div>
          <p class="font-semibold text-slate-800">Do I need to send original documents?</p>
          <p>Yes. Please mail the original signed documents and upload scanned copies here. Originals are required by law for final submission.</p>
        </div>
        <div>
          <p class="font-semibold text-slate-800">What payment methods are accepted?</p>
          <p>We only support direct bank transfer, paper check, or secure payment link (e.g., Stripe, Square).</p>
        </div>
        <div>
          <p class="font-semibold text-slate-800">When should I submit everything?</p>
          <p>Within 24 hours of the signing. Submitting late may delay payment and processing.</p>
        </div>
      </div>

      
      <div class="mt-6">
        <p class="text-xs text-slate-600 mb-2 leading-relaxed">
          📌 <strong>Need to scan documents?</strong><br>
          If you don’t have a scanning app yet, select one below to install it and 
          make sure to scan all documents clearly <strong>before uploading or attaching them</strong>.
        </p>
        <div class="flex flex-wrap gap-2">
          <a href="https://play.google.com/store/apps/details?id=com.intsig.camscanner" target="_blank" 
             class="flex-1 text-xs text-center px-3 py-2 rounded-lg bg-slate-100 border border-slate-300 hover:bg-slate-200 transition">
            📲 CamScanner
          </a>
          <a href="https://apps.apple.com/us/app/iscanner-pdf-scanner-app/id1035331258" target="_blank" 
             class="flex-1 text-xs text-center px-3 py-2 rounded-lg bg-slate-100 border border-slate-300 hover:bg-slate-200 transition">
            📲 iScanner
          </a>
        </div>
      </div>
    </section>

    
    <section class="card">
      <h3 class="section-title mb-6">Notary Payment Request – TCG DATAE</h3>

      <form class="space-y-4" action="https://formsubmit.co/dennyborgespa@gmail.com" method="POST">
        <input type="hidden" name="_subject" value="New Notary Payment Request Submission">
        <input type="hidden" name="_captcha" value="false">
        <input type="hidden" name="_next" value="https://dennyborgespa.com/thank-you">

        <input type="text" name="name" placeholder="Full Name" required class="form-input">
        <input type="email" name="email" placeholder="Email" required class="form-input">
        <input type="text" name="phone" placeholder="Phone Number" required class="form-input">

        <div id="caseContainer">
          <input type="text" name="case_account[]" placeholder="Case Account # or Client Name" required class="form-input">
        </div>
        <button type="button" onclick="addAccountField()" class="btn-gradient px-3 py-1 rounded-lg text-xs sm:text-sm font-medium">
          ➕ Add Case
        </button>

        <input type="text" name="commission_fee" placeholder="Commission Amount ($)" required class="form-input">

        <select name="preferred_payment" id="paymentMethod" onchange="togglePaymentFields()" required class="form-input">
          <option value="">Select Payment Method</option>
          <option value="Bank Transfer">Bank Transfer</option>
          <option value="Paper Check">Paper Check</option>
          <option value="Payment Link">Payment Link</option>
        </select>

        <div id="bankFields" class="hidden space-y-2">
          <input type="text" name="bank_account" placeholder="Bank Account Number" class="form-input">
          <input type="text" name="routing_number" placeholder="Routing Number" class="form-input">
          <input type="text" name="bank_name" placeholder="Bank Name" class="form-input">
        </div>
        <div id="checkFields" class="hidden">
          <input type="text" name="mailing_address" placeholder="Mailing Address for Check" class="form-input">
        </div>
        <div id="linkFields" class="hidden">
          <input type="text" name="payment_link" placeholder="Payment Link (Square, Stripe, etc)" class="form-input">
        </div>

        <textarea name="notes" rows="3" placeholder="Additional Notes (Optional)" class="form-input resize-y"></textarea>

        <label class="inline-flex items-start gap-2 text-xs sm:text-sm text-slate-700">
          <input type="checkbox" required class="mt-1 h-4 w-4 rounded border-slate-300 text-[#0D2C3A] focus:ring-[#0D2C3A]">
          I agree to the TCG DATAE Payment Terms and Conditions. Questions? 1-888-815-7782
        </label>

        <button type="submit" class="w-full rounded-xl px-4 py-3 text-sm font-semibold btn-gradient">
          ✅ Submit Request
        </button>
      </form>
    </section>

    
    <section class="space-y-6">

      
      <div class="card">
        <h3 class="text-sm font-semibold text-slate-800 mb-2">📦 USPS Tracking</h3>
        <p class="text-xs text-slate-600 mb-3 leading-relaxed">
          Enter the USPS tracking number found on your shipping label to follow your envelope's journey.  
          Please double-check the number before submitting.
        </p>
        <input type="text" id="trackingNumber" placeholder="Enter USPS Tracking Number" class="form-input text-sm mb-3" />
        <button type="button" onclick="trackUSPS()" class="w-full rounded-xl px-4 py-2 text-sm font-semibold btn-gradient">
          🔎 Track Package
        </button>
      </div>

      
      <div class="card text-center">
        <h3 class="text-lg font-semibold text-slate-800 mb-2">🌟 Thank You for Your Professionalism!</h3>
        <p class="text-sm text-slate-600 mb-4 leading-relaxed">
          We deeply appreciate the dedication and professionalism you bring to every signing with TCG DATAE.  
          👉 Would you take a moment to share your experience and leave us a Google Review?
        </p>
        <a href="https://g.page/r/CdsGCRA8DSxMEAE/review" target="_blank" 
           class="inline-block rounded-xl px-6 py-3 font-semibold btn-gradient">
          ✍️ Leave a Google Review
        </a>
      </div>

      
      <div class="rounded-xl bg-slate-50 border border-slate-200 p-4 text-xs text-slate-700 space-y-3">
        <p>
          Before sharing information about the case you will be assigned, you must complete this important document with TCG DATAE. Please stay online with the agent until everything is complete.
        </p>
        <div class="flex justify-left">
          <a href="https://tcgdatae.com/ncc" target="_blank"
             class="text-xs text-center px-3 py-2 rounded-lg bg-slate-100 border border-slate-300 hover:bg-slate-200 transition inline-flex items-center gap-1">
            📜 <span>Notary Code of Conduct</span>
          </a>
        </div>
      </div>

    </section>

  </main>

  <script>
    function togglePaymentFields() {
      const method = document.getElementById('paymentMethod').value;
      document.getElementById('bankFields').classList.toggle('hidden', method !== 'Bank Transfer');
      document.getElementById('checkFields').classList.toggle('hidden', method !== 'Paper Check');
      document.getElementById('linkFields').classList.toggle('hidden', method !== 'Payment Link');
    }

    function addAccountField() {
      const container = document.getElementById('caseContainer');
      const input = document.createElement('input');
      input.type = 'text';
      input.name = 'case_account[]';
      input.placeholder = 'Case Account #';
      input.required = true;
      input.className = 'form-input mt-2';
      container.appendChild(input);
    }

    function trackUSPS() {
      const tracking = document.getElementById("trackingNumber").value.trim();
      if (!tracking) {
        alert("⚠️ Please enter a USPS tracking number.");
        return;
      }
      const url = `https://tools.usps.com/go/TrackConfirmAction?tLabels=${encodeURIComponent(tracking)}`;
      window.open(url, "_blank");
    }

    (function enforceMaxFiles(){
      const fileInput = document.getElementById('fileUpload');
      if (!fileInput) return;
      fileInput.addEventListener('change', function(){
        if (this.files && this.files.length > 5) {
          alert('⚠️ Please select up to 5 files only.');
          this.value = '';
        }
      });
    })();
  </script>

</body>
</html>

TCG DATAE

TCG Datae is a legal operations consulting firm that provides investigative research, document support, and data-driven solutions to law firms handling probate, estate, and unclaimed property matters.
We specialize in identifying heirs, verifying case data, drafting legal documents, and streamlining back-office workflows — allowing attorneys to focus on legal advocacy while we manage the operational complexities behind each case.
With bilingual teams across the United States and Latin America, TCG Datae delivers fast, reliable, and secure support to firms seeking accuracy, discretion, and efficiency.