Spaces:

spwotton
/

mpp5525

Running

App Files Files Community

spwotton commited on May 5

Commit

43e8251

verified ·

1 Parent(s): d1c289f

Update index.html

Browse files

Files changed (1) hide show

index.html +57 -161

index.html CHANGED Viewed

@@ -3,206 +3,102 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-  <title>Merchant Processing Pros - Telehealth TUA vs Klarna</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <style>
-    .hero-section {
-      font-family: "Nunito Sans", sans-serif;
-      font-size: 16px;
-      font-weight: 300;
-      line-height: 24px;
-      word-spacing: 0px;
-      height: 347.2px;
-      width: 100%;
-      margin-top: -182px;
-      padding: 0 0 30px 0;
-      position: relative;
-      background-image: url('https://images.unsplash.com/photo-1581090763521-0ea28fe02f53?auto=format&fit=crop&w=1500&q=80');
-      background-size: cover;
-      background-position: center;
-      background-repeat: no-repeat;
-      color: white;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      text-align: center;
-      transition: background 0.3s, border 0.3s;
-    }
-    .overlay-gradient {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: linear-gradient(135deg, rgba(107, 107, 107, 0.7), rgba(30, 41, 59, 0.8));
-      z-index: 10;
-    }
-    .hero-content {
-      position: relative;
-      z-index: 20;
-    }
-    .comparison-table th, .comparison-table td {
-      padding: 1rem;
-      border-bottom: 1px solid #e5e7eb;
-    }
-    .comparison-table tr:nth-child(even) {
-      background-color: #f9fafb;
-    }
-  </style>
 </head>
-<body class="bg-white text-gray-800 font-sans">
   <!-- Navigation -->
-  <nav class="bg-white shadow-md fixed top-0 left-0 right-0 z-50">
-    <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
-      <div class="text-2xl font-bold text-blue-600">Merchant Processing Pros</div>
-      <div class="space-x-6 hidden md:block">
-        <a href="#hero" class="text-gray-700 hover:text-blue-600">Home</a>
-        <a href="#compare" class="text-gray-700 hover:text-blue-600">Compare</a>
-        <a href="#cta" class="text-gray-700 hover:text-blue-600">Contact</a>
       </div>
     </div>
   </nav>
-  <!-- Hero Section -->
   <section id="hero" class="hero-section">
     <div class="overlay-gradient"></div>
-    <div class="hero-content max-w-4xl mx-auto px-4">
-      <h1 class="text-4xl md:text-5xl font-extrabold leading-tight mb-4">
-        TUA Payment Plans for Telehealth Providers
-      </h1>
-      <p class="text-lg md:text-xl mb-6">
-        Tailored. Transparent. Affordable. Compare how our payment solutions outperform Klarna and other processors.
       </p>
-      <a href="#compare" class="inline-block bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-blue-50 transition">
-        Compare Now
-      </a>
     </div>
   </section>
   <!-- Main Content -->
-  <main class="max-w-7xl mx-auto px-4 py-16">
-    <section class="mb-16">
-      <h2 class="text-3xl font-bold text-gray-900 mb-4 text-center">Why Telehealth Providers Choose TUA</h2>
-      <p class="text-lg text-gray-700 mb-6 text-center">
-        Telehealth providers need flexible, compliant, and secure payment options. Our TUA (Third-Party User Agreement) plans are designed with HIPAA compliance, low fees, and seamless integration in mind.
       </p>
-      <ul class="grid grid-cols-1 md:grid-cols-2 gap-4 text-gray-700">
-        <li class="flex items-start space-x-2">
-          <span class="text-blue-600 font-bold">✓</span>
-          <span>Transparent pricing with no hidden fees</span>
-        </li>
-        <li class="flex items-start space-x-2">
-          <span class="text-blue-600 font-bold">✓</span>
-          <span>Custom payment schedules for recurring services</span>
-        </li>
-        <li class="flex items-start space-x-2">
-          <span class="text-blue-600 font-bold">✓</span>
-          <span>Secure, HIPAA-compliant transaction handling</span>
-        </li>
-        <li class="flex items-start space-x-2">
-          <span class="text-blue-600 font-bold">✓</span>
-          <span>Easy integration with existing telehealth platforms</span>
-        </li>
       </ul>
     </section>
     <!-- Comparison Table -->
-    <section id="compare" class="mb-16">
-      <h2 class="text-3xl font-bold text-gray-900 mb-6 text-center">TUA vs Klarna vs Others</h2>
       <div class="overflow-x-auto">
-        <table class="comparison-table w-full border-collapse text-left">
-          <thead class="bg-gray-100">
             <tr>
-              <th class="p-4">Features</th>
-              <th class="p-4">TUA (Merchant Processing Pros)</th>
-              <th class="p-4">Klarna</th>
-              <th class="p-4">Other Processors</th>
             </tr>
           </thead>
           <tbody>
-            <tr>
-              <td class="p-4 font-medium">Transparent Pricing</td>
-              <td class="p-4">✅ Yes</td>
-              <td class="p-4">❌ No</td>
-              <td class="p-4">❌ Varies</td>
-            </tr>
-            <tr>
-              <td class="p-4 font-medium">HIPAA Compliance</td>
-              <td class="p-4">✅ Yes</td>
-              <td class="p-4">❌ No</td>
-              <td class="p-4">❌ Not guaranteed</td>
-            </tr>
-            <tr>
-              <td class="p-4 font-medium">Recurring Payments</td>
-              <td class="p-4">✅ Built-in</td>
-              <td class="p-4">❌ Limited</td>
-              <td class="p-4">✅ Available</td>
-            </tr>
-            <tr>
-              <td class="p-4 font-medium">Monthly Fees</td>
-              <td class="p-4">✅ None</td>
-              <td class="p-4">❌ Yes</td>
-              <td class="p-4">❌ Yes</td>
-            </tr>
-            <tr>
-              <td class="p-4 font-medium">Customer Support</td>
-              <td class="p-4">✅ 24/7 Dedicated</td>
-              <td class="p-4">✅ Limited</td>
-              <td class="p-4">❌ Varies</td>
-            </tr>
-            <tr>
-              <td class="p-4 font-medium">Integration</td>
-              <td class="p-4">✅ Easy API</td>
-              <td class="p-4">✅ Medium</td>
-              <td class="p-4">❌ Often difficult</td>
-            </tr>
-            <tr>
-              <td class="p-4 font-medium">Approval Time</td>
-              <td class="p-4">✅ Same-day</td>
-              <td class="p-4">❌ 2-5 Days</td>
-              <td class="p-4">❌ 3-7 Days</td>
-            </tr>
           </tbody>
         </table>
       </div>
     </section>
     <!-- CTA Section -->
-    <section id="cta" class="bg-blue-600 text-white rounded-lg p-8 md:p-12 text-center mb-16">
-      <h2 class="text-2xl md:text-3xl font-bold mb-4">Ready to Switch to a Better Payment Plan?</h2>
-      <p class="mb-6 text-lg">
-        Get started with TUA today and empower your telehealth practice with a payment solution that actually works for you.
-      </p>
-      <a href="#" class="inline-block bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-blue-50 transition">
-        Contact Us
-      </a>
     </section>
   </main>
   <!-- Footer -->
-  <footer class="bg-gray-900 text-white py-6 mt-16">
-    <div class="max-w-7xl mx-auto px-4 text-center">
-      <p>&copy; 2025 Merchant Processing Pros. All rights reserved.</p>
-    </div>
   </footer>
-  <!-- Smooth Scroll Script -->
   <script>
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
       anchor.addEventListener("click", function (e) {
         e.preventDefault();
         const target = document.querySelector(this.getAttribute("href"));
-        if (target) {
-          target.scrollIntoView({ behavior: "smooth" });
-        }
       });
     });
   </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=spwotton/mpp5525" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
-</html>

 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Merchant Processing Pros - TUA for Telehealth</title>
+  <meta name="description" content="Compare TUA with Klarna for your telehealth payment processing. HIPAA-compliant, transparent, fast approval.">
+  <meta name="theme-color" content="#1e293b" />
+  <link rel="stylesheet" href="css/base.css" />
+  <script>
+    // Auto dark mode
+    document.documentElement.classList.toggle('dark', window.matchMedia('(prefers-color-scheme: dark)').matches);
+  </script>
 </head>
+<body class="dark:bg-gray-900 dark:text-white">
   <!-- Navigation -->
+  <nav class="bg-white dark:bg-gray-800 shadow-md fixed top-0 w-full z-50">
+    <div class="container flex justify-between items-center py-4">
+      <div class="text-xl font-bold text-blue-600 dark:text-white">Merchant Processing Pros</div>
+      <div class="space-x-4 hidden sm:block">
+        <a href="#hero" class="text-gray-700 dark:text-gray-300 hover:text-blue-600">Home</a>
+        <a href="#compare" class="text-gray-700 dark:text-gray-300 hover:text-blue-600">Compare</a>
+        <a href="#cta" class="text-gray-700 dark:text-gray-300 hover:text-blue-600">Contact</a>
       </div>
     </div>
   </nav>
+    <!-- Hero Section -->
   <section id="hero" class="hero-section">
     <div class="overlay-gradient"></div>
+    <div class="hero-content">
+      <h1 class="text-4xl font-bold leading-tight mb-4">TUA Payment Plans for Telehealth</h1>
+      <p class="text-lg mb-6">
+        Tailored. Transparent. Affordable. Compare TUA vs Klarna and others.
       </p>
+      <a href="#compare" class="btn btn-primary">Compare Now</a>
     </div>
   </section>
   <!-- Main Content -->
+  <main class="container section">
+    <section>
+      <h2 class="text-2xl font-bold text-center mb-4">Why Choose TUA</h2>
+      <p class="text-lg text-center mb-6">
+        TUA (Third-Party User Agreement) offers secure, flexible, HIPAA-compliant payment processing tailored for telehealth.
       </p>
+      <ul class="grid gap-4 text-left">
+        <li>✓ Transparent pricing with no hidden fees</li>
+        <li>✓ Custom recurring schedules</li>
+        <li>✓ Secure, HIPAA-compliant handling</li>
+        <li>✓ Easy integration with telehealth platforms</li>
       </ul>
     </section>
     <!-- Comparison Table -->
+    <section id="compare" class="section">
+      <h2 class="text-2xl font-bold text-center mb-6">TUA vs Klarna vs Others</h2>
       <div class="overflow-x-auto">
+        <table class="table">
+          <thead>
             <tr>
+              <th>Feature</th>
+              <th>TUA</th>
+              <th>Klarna</th>
+              <th>Others</th>
             </tr>
           </thead>
           <tbody>
+            <tr><td>Transparent Pricing</td><td>✅</td><td>❌</td><td>❌</td></tr>
+            <tr><td>HIPAA Compliance</td><td>✅</td><td>❌</td><td>❌</td></tr>
+            <tr><td>Recurring Payments</td><td>✅</td><td>❌</td><td>✅</td></tr>
+            <tr><td>Monthly Fees</td><td>❌</td><td>✅</td><td>✅</td></tr>
+            <tr><td>24/7 Support</td><td>✅</td><td>Limited</td><td>Varies</td></tr>
+            <tr><td>API Integration</td><td>Easy</td><td>Medium</td><td>Hard</td></tr>
+            <tr><td>Approval Time</td><td>Same-day</td><td>2–5 days</td><td>3–7 days</td></tr>
           </tbody>
         </table>
       </div>
     </section>
     <!-- CTA Section -->
+    <section id="cta" class="section bg-blue-600 text-white rounded text-center">
+      <h2 class="text-2xl font-bold mb-4">Ready to Upgrade Your Payments?</h2>
+      <p class="mb-6">Switch to TUA and simplify your telehealth billing experience today.</p>
+      <a href="#" class="btn btn-primary bg-white text-blue-600 hover:bg-blue-100">Contact Us</a>
     </section>
   </main>
   <!-- Footer -->
+  <footer class="footer">
+    <p>&copy; 2025 Merchant Processing Pros. All rights reserved.</p>
   </footer>
+  <!-- Smooth Scroll -->
   <script>
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
       anchor.addEventListener("click", function (e) {
         e.preventDefault();
         const target = document.querySelector(this.getAttribute("href"));
+        if (target) target.scrollIntoView({ behavior: "smooth" });
       });
     });
   </script>
+</body>
+</html>