File size: 4,359 Bytes
009cc03 43e8251 d0f544c 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 009cc03 43e8251 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
<!DOCTYPE html>
<html lang="en">
<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="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>© 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>
|