mpp5525 / index.html
spwotton's picture
Add 3 files
009cc03 verified
raw
history blame
8.32 kB
<!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 - 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>