<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Meta Tags -->
<title>Remove False Evictions from Credit | The Eviction Deletion System</title>
<meta name="description" content="Stop letting false eviction records keep you from getting approved for an apartment. Learn the legal loopholes to force landlords to prove it or delete it in 60-90 days.">
<meta name="keywords" content="remove eviction from credit report, tenant screening report dispute, FCRA eviction dispute, false eviction record, credit repair, rent an apartment with eviction">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
50: '#f0f9ff',
100: '#e0f2fe',
500: '#0ea5e9',
600: '#0284c7',
900: '#0c4a6e',
}
}
}
}
}
</script>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; scroll-behavior: smooth; }
.fade-in { animation: fadeIn 0.5s ease-in-out; }
@keyframes fadeIn {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}
.gradient-text {
background: linear-gradient(135deg, #0284c7, #0ea5e9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body class="bg-white text-gray-900 antialiased min-h-screen flex flex-col">
<!-- Navigation -->
<nav class="bg-white border-b border-gray-100 sticky top-0 z-50 shadow-sm">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
<div class="flex items-center gap-2">
<i data-lucide="shield-check" class="w-7 h-7 text-brand-600"></i>
<span class="font-extrabold text-xl tracking-tight text-gray-900">CREDIT CLARITY</span>
</div>
<button onclick="scrollToQuiz()" class="text-sm font-bold text-brand-600 hover:text-brand-800 transition-colors hidden sm:block">
Take The Quiz →
</button>
</div>
</nav>
<!-- Main Content Area -->
<main class="flex-grow flex flex-col items-center justify-start w-full">
<!-- ========================================== -->
<!-- SECTION 1: LONG FORM SALES PAGE (SEO & COPY) -->
<!-- ========================================== -->
<div id="sales-section" class="w-full fade-in">
<!-- Hero Section -->
<section class="max-w-4xl mx-auto px-4 sm:px-6 py-16 sm:py-24 text-center">
<div class="inline-flex items-center gap-2 bg-red-50 text-red-700 px-4 py-1.5 rounded-full text-sm font-bold mb-6 border border-red-100 tracking-wide uppercase">
<i data-lucide="alert-circle" class="w-4 h-4"></i> Stop Getting Denied
</div>
<h1 class="text-4xl sm:text-5xl md:text-6xl font-extrabold text-gray-900 leading-tight mb-6 tracking-tight">
A False Eviction Record is Keeping You Homeless. <br/>
<span class="gradient-text">Here’s How to Delete It.</span>
</h1>
<p class="text-lg sm:text-xl text-gray-600 max-w-3xl mx-auto leading-relaxed mb-10">
No expensive lawyers. No "credit repair" monthly fees. Discover the exact legal loopholes that force greedy landlords and screening companies to <strong class="text-gray-900">prove their reporting or delete it.</strong>
</p>
<button onclick="scrollToQuiz()" class="w-full sm:w-auto bg-brand-600 hover:bg-brand-500 text-white font-bold text-xl py-4 px-10 rounded-xl shadow-xl transition duration-200 ease-in-out transform hover:-translate-y-1 flex items-center justify-center gap-2 mx-auto">
Take the 2-Minute Qualifier Quiz
<i data-lucide="arrow-right" class="w-6 h-6"></i>
</button>
</section>
<!-- Pain Points Section -->
<section class="bg-gray-50 py-16 sm:py-20 border-y border-gray-100">
<div class="max-w-5xl mx-auto px-4 sm:px-6">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-gray-900 mb-4">You Know Exactly How This Feels...</h2>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-2xl shadow-sm border border-gray-100">
<i data-lucide="file-x" class="w-10 h-10 text-red-500 mb-4"></i>
<h3 class="text-xl font-bold text-gray-900 mb-2">The Humiliation of Denial</h3>
<p class="text-gray-600">You find the perfect place, pay the $50-$100 application fee, and wait. Then comes the automated email: <em>"Denied due to eviction history."</em> The money is gone, and you're back to square one.</p>
</div>
<div class="bg-white p-8 rounded-2xl shadow-sm border border-gray-100">
<i data-lucide="wallet" class="w-10 h-10 text-red-500 mb-4"></i>
<h3 class="text-xl font-bold text-gray-900 mb-2">Inflated, Fake Balances</h3>
<p class="text-gray-600">A landlord slapped thousands of dollars in fake "cleaning fees" or "damages" onto your file without giving you a single receipt. Now a collection agency is using it to destroy your credit score.</p>
</div>
<div class="bg-white p-8 rounded-2xl shadow-sm border border-gray-100">
<i data-lucide="home" class="w-10 h-10 text-red-500 mb-4"></i>
<h3 class="text-xl font-bold text-gray-900 mb-2">The Couch-Surfing Trap</h3>
<p class="text-gray-600">You make enough money. You can afford the rent. But because of one false, dismissed, or settled record from years ago, you are treated like a criminal by every leasing office in town.</p>
</div>
</div>
</div>
</section>
<!-- Old Tactics vs New Tactics -->
<section class="py-16 sm:py-24">
<div class="max-w-5xl mx-auto px-4 sm:px-6">
<div class="text-center mb-16">
<h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">Why "Credit Repair" Doesn't Work Anymore</h2>
<p class="text-lg text-gray-600 max-w-2xl mx-auto">The industry is full of middlemen using outdated tactics from the 1990s. Landlords and screening companies have figured out how to block them. Here is the reality.</p>
</div>
<div class="flex flex-col lg:flex-row gap-8">
<!-- The Old Way (Bad) -->
<div class="flex-1 bg-red-50 rounded-3xl p-8 border border-red-100">
<div class="inline-block bg-red-100 text-red-800 px-3 py-1 rounded-md text-sm font-bold mb-6">THE OLD WAY (Fails)</div>
<ul class="space-y-6">
<li class="flex items-start gap-4">
<i data-lucide="x-circle" class="w-6 h-6 text-red-500 flex-shrink-0 mt-1"></i>
<div>
<h4 class="font-bold text-gray-900">Generic "609" Dispute Letters</h4>
<p class="text-sm text-gray-700 mt-1">Downloading a basic template from Google. The bureaus run these through a computer scanner (e-OSCAR) and instantly stamp them "Verified" without a real human investigation.</p>
</div>
</li>
<li class="flex items-start gap-4">
<i data-lucide="x-circle" class="w-6 h-6 text-red-500 flex-shrink-0 mt-1"></i>
<div>
<h4 class="font-bold text-gray-900">Paying $99/Month to "Experts"</h4>
<p class="text-sm text-gray-700 mt-1">Credit repair companies string you along for 6 to 12 months. They slowly send one letter a month to maximize how much subscription money they can bleed from you.</p>
</div>
</li>
<li class="flex items-start gap-4">
<i data-lucide="x-circle" class="w-6 h-6 text-red-500 flex-shrink-0 mt-1"></i>
<div>
<h4 class="font-bold text-gray-900">Waiting 7 Years</h4>
<p class="text-sm text-gray-700 mt-1">Accepting defeat and putting your life on hold for nearly a decade, praying the record falls off your report eventually.</p>
</div>
</li>
</ul>
</div>
<!-- The New Way (Good) -->
<div class="flex-1 bg-brand-50 rounded-3xl p-8 border border-brand-200 relative shadow-lg">
<div class="absolute top-0 right-0 bg-brand-600 text-white px-4 py-1 rounded-bl-xl rounded-tr-3xl text-sm font-bold">The Legal Loophole</div>
<div class="inline-block bg-brand-100 text-brand-800 px-3 py-1 rounded-md text-sm font-bold mb-6">THE CREDIT CLARITY WAY (Works)</div>
<ul class="space-y-6">
<li class="flex items-start gap-4">
<i data-lucide="check-circle-2" class="w-6 h-6 text-brand-600 flex-shrink-0 mt-1"></i>
<div>
<h4 class="font-bold text-gray-900">Targeting the Screening Companies directly</h4>
<p class="text-sm text-gray-700 mt-1">We don't just dispute with Equifax. We go after SafeRent, RealPage, and TransUnion Rental Screening—the secret databases landlords actually use to deny you.</p>
</div>
</li>
<li class="flex items-start gap-4">
<i data-lucide="check-circle-2" class="w-6 h-6 text-brand-600 flex-shrink-0 mt-1"></i>
<div>
<h4 class="font-bold text-gray-900">Weaponizing Federal Law (FTC & CFPB)</h4>
<p class="text-sm text-gray-700 mt-1">We don't ask nicely. We use FTC Identity Fraud tracking numbers and file federal CFPB complaints that legally force the company's legal department to respond in 15 days.</p>
</div>
</li>
<li class="flex items-start gap-4">
<i data-lucide="check-circle-2" class="w-6 h-6 text-brand-600 flex-shrink-0 mt-1"></i>
<div>
<h4 class="font-bold text-gray-900">Prove It or Delete It</h4>
<p class="text-sm text-gray-700 mt-1">Under the FCRA, if they are reporting a false balance or a dismissed case using your SSN, they must produce the paper proof in 30 days. If they can't, it is legally required to be deleted.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Call to Action Banner -->
<section class="bg-gray-900 text-white py-16">
<div class="max-w-4xl mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-4">Find Out If This Will Work For You.</h2>
<p class="text-gray-400 mb-8 text-lg">Our system is powerful, but it doesn't work for 100% of cases. Take our free, secure 2-minute quiz to see if your specific situation qualifies for federal deletion.</p>
<button id="trigger-quiz-btn" onclick="scrollToQuiz()" class="bg-brand-500 hover:bg-brand-400 text-white font-bold text-xl py-4 px-10 rounded-xl shadow-lg transition duration-200 ease-in-out transform hover:-translate-y-1">
Start The Assessment
</button>
</div>
</section>
</div>
<!-- ========================================== -->
<!-- SECTION 2: THE QUALIFIER QUIZ -->
<!-- ========================================== -->
<div id="quiz-section" class="max-w-2xl w-full mx-auto hidden fade-in py-16 px-4">
<div class="text-center mb-8">
<h2 class="text-3xl font-extrabold text-gray-900">Eviction Deletion Qualifier</h2>
<p class="text-gray-500 mt-2">Answer honestly to calculate your probability of deletion.</p>
</div>
<div class="bg-white rounded-2xl shadow-xl border border-gray-200 p-6 sm:p-10">
<!-- Progress Bar -->
<div class="mb-8">
<div class="flex justify-between text-sm font-bold text-brand-600 mb-2 uppercase tracking-wide">
<span>Step <span id="current-step">1</span> of 4</span>
<span id="progress-percent">25%</span>
</div>
<div class="w-full bg-gray-100 rounded-full h-3">
<div id="progress-bar" class="bg-brand-500 h-3 rounded-full transition-all duration-500" style="width: 25%"></div>
</div>
</div>
<!-- Question Container -->
<div id="question-container">
<h2 id="question-text" class="text-2xl font-bold text-gray-900 mb-6 leading-snug"></h2>
<div id="options-container" class="space-y-4">
<!-- Options injected here via JS -->
</div>
</div>
</div>
</div>
<!-- ========================================== -->
<!-- SECTION 3: RESULTS & PRICING TIERS -->
<!-- ========================================== -->
<div id="results-section" class="max-w-6xl w-full mx-auto hidden fade-in py-16 px-4">
<!-- Dynamic Result Banner -->
<div id="result-banner" class="rounded-2xl p-6 sm:p-10 mb-12 text-center border shadow-sm">
<!-- Injected via JS based on score -->
</div>
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-extrabold text-gray-900">Choose Your Path Forward</h2>
<p class="text-gray-600 mt-4 text-lg">Select the system that best fits your timeline and desired level of support.</p>
</div>
<!-- Pricing Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-start">
<!-- Tier 1: Foundation -->
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-6 sm:p-8 flex flex-col relative h-full">
<h3 class="text-2xl font-bold text-gray-900 mb-2">The Foundation</h3>
<p class="text-gray-500 text-sm mb-6 h-10">For those with more time than money. The complete DIY method.</p>
<div class="text-5xl font-extrabold text-gray-900 mb-6">$47</div>
<ul class="space-y-4 mb-8 flex-grow">
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-700 font-medium">Complete DIY Eviction Deletion Guide</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-700 font-medium">6 Core Legal Dispute Letter Templates</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-700 font-medium">Master Directory of all Agency Addresses</span>
</li>
</ul>
<!-- REPLACE '#' WITH YOUR $47 STRIPE LINK -->
<a href="#" class="w-full block text-center bg-gray-100 hover:bg-gray-200 text-gray-900 font-bold py-4 px-4 rounded-xl transition duration-150 border border-gray-300">Get The Guide</a>
</div>
<!-- Tier 2: Accelerator (Recommended) -->
<div class="bg-gray-900 rounded-3xl shadow-2xl border-2 border-brand-500 p-6 sm:p-8 flex flex-col relative transform md:-translate-y-6 h-[calc(100%+3rem)]">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-brand-500 text-white px-6 py-1.5 rounded-full text-xs font-black tracking-widest uppercase shadow-md">
Most Popular
</div>
<h3 class="text-2xl font-bold text-white mb-2">The Accelerator</h3>
<p class="text-gray-400 text-sm mb-6 h-10">Built-in accountability for faster, strictly organized results.</p>
<div class="text-5xl font-extrabold text-white mb-6">$97</div>
<ul class="space-y-4 mb-8 flex-grow">
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-200 font-medium">Everything in The Foundation</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-white font-bold">Digital Progress Tracking Dashboard</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-200 font-medium">30-Day Automated Action Plan</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-200 font-medium">Federal Agency Escalation Guide</span>
</li>
</ul>
<!-- REPLACE '#' WITH YOUR $97 STRIPE LINK -->
<a href="#" class="w-full block text-center bg-brand-600 hover:bg-brand-500 text-white font-bold py-4 px-4 rounded-xl shadow-lg transition duration-150 text-lg">Start The Accelerator</a>
</div>
<!-- Tier 3: Strategy -->
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-6 sm:p-8 flex flex-col relative h-full">
<h3 class="text-2xl font-bold text-gray-900 mb-2">The Strategy</h3>
<p class="text-gray-500 text-sm mb-6 h-10">Personalized, expert eyes on your exact credit situation.</p>
<div class="text-5xl font-extrabold text-gray-900 mb-6">$297</div>
<ul class="space-y-4 mb-8 flex-grow">
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-700 font-medium">Everything in The Accelerator</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-900 font-bold">Personalized Loom Video Audit</span>
</li>
<li class="flex items-start gap-3">
<i data-lucide="check" class="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5"></i>
<span class="text-sm text-gray-700 font-medium">Custom strategy identifying your exact legal loopholes to leverage first.</span>
</li>
</ul>
<!-- REPLACE '#' WITH YOUR $297 STRIPE LINK -->
<a href="#" class="w-full block text-center bg-gray-100 hover:bg-gray-200 text-gray-900 font-bold py-4 px-4 rounded-xl transition duration-150 border border-gray-300">Book The Audit</a>
</div>
</div>
<div class="mt-16 text-center max-w-3xl mx-auto border-t border-gray-200 pt-8">
<p class="text-xs text-gray-400 leading-relaxed font-medium">
LEGAL DISCLAIMER: Credit Clarity provides educational information about consumer rights under existing federal and state law. We are not a credit repair organization, law firm, or financial advisory service. Results vary based on individual circumstances and action taken. This is not legal advice. If you require legal representation, contact a qualified attorney in your jurisdiction.
</p>
</div>
</div>
</main>
<script>
// Initialize Icons
lucide.createIcons();
// Data & Logic
const questions = [
{
text: "1. Is the eviction record on your reports...",
options: [
{ text: "A) Completely false (wrong person, dismissed case, or never happened)", score: 10 },
{ text: "B) Inaccurate (wrong balance, added fees, settled but still showing)", score: 8 },
{ text: "C) Accurate but old (over 7 years)", score: 5 },
{ text: "D) Accurate and recent (under 7 years, you owed the money)", score: 0 }
]
},
{
text: "2. Do you have any documentation? (lease, payment proof, dismissal order, emails, etc.)",
options: [
{ text: "A) Yes, I have clear written proof", score: 10 },
{ text: "B) I have some, but not all of it", score: 5 },
{ text: "C) I have absolutely zero documentation", score: 0 }
]
},
{
text: "3. Is the landlord, collection agency, or property manager...",
options: [
{ text: "A) Knowingly reporting false info to collect money I do not owe", score: 10 },
{ text: "B) Just unresponsive, lazy, or sloppy with their records", score: 5 },
{ text: "C) Reporting 100% accurately and legally", score: 0 }
]
},
{
text: "4. Was your legal eviction case...",
options: [
{ text: "A) Dismissed by the court / I won", score: 10 },
{ text: "B) Settled, paid, and closed", score: 8 },
{ text: "C) A judgment against me that I eventually paid", score: 3 },
{ text: "D) A legal judgment against me that I still owe today", score: 0 }
]
}
];
let currentQuestionIndex = 0;
let totalScore = 0;
const salesSection = document.getElementById('sales-section');
const quizSection = document.getElementById('quiz-section');
const resultsSection = document.getElementById('results-section');
const questionText = document.getElementById('question-text');
const optionsContainer = document.getElementById('options-container');
const currentStepEl = document.getElementById('current-step');
const progressPercentEl = document.getElementById('progress-percent');
const progressBar = document.getElementById('progress-bar');
const resultBanner = document.getElementById('result-banner');
function scrollToQuiz() {
salesSection.classList.add('hidden');
quizSection.classList.remove('hidden');
renderQuestion();
window.scrollTo({ top: 0, behavior: 'smooth' });
}
function renderQuestion() {
const q = questions[currentQuestionIndex];
questionText.innerText = q.text;
optionsContainer.innerHTML = '';
const stepNumber = currentQuestionIndex + 1;
const percent = (stepNumber / questions.length) * 100;
currentStepEl.innerText = stepNumber;
progressPercentEl.innerText = `${percent}%`;
progressBar.style.width = `${percent}%`;
q.options.forEach((opt) => {
const btn = document.createElement('button');
btn.className = "w-full text-left p-5 rounded-xl border-2 border-gray-200 hover:border-brand-500 hover:bg-brand-50 focus:ring-4 focus:ring-brand-100 transition-all duration-200 text-gray-800 font-semibold text-lg shadow-sm";
btn.innerText = opt.text;
btn.onclick = () => handleAnswer(opt.score);
optionsContainer.appendChild(btn);
});
}
function handleAnswer(score) {
totalScore += score;
currentQuestionIndex++;
if (currentQuestionIndex < questions.length) {
quizSection.classList.remove('fade-in');
void quizSection.offsetWidth;
quizSection.classList.add('fade-in');
renderQuestion();
} else {
showResults();
}
}
function showResults() {
quizSection.classList.add('hidden');
resultsSection.classList.remove('hidden');
window.scrollTo({ top: 0, behavior: 'smooth' });
let bannerContent = '';
if (totalScore >= 25) {
resultBanner.className = "rounded-2xl p-6 sm:p-10 mb-12 text-center border-2 bg-green-50 border-green-300 shadow-lg";
bannerContent = `
<div class="inline-flex items-center justify-center w-16 h-16 bg-green-100 rounded-full mb-4">
<i data-lucide="check-circle" class="w-8 h-8 text-green-600"></i>
</div>
<h2 class="text-3xl font-extrabold text-green-900 mb-3">Excellent! You Scored ${totalScore} Points.</h2>
<p class="text-green-800 text-xl leading-relaxed">Based on your legal criteria, this system will likely work incredibly well for you. Because of your documentation and case status, you have strong leverage. <br/><strong class="mt-2 block bg-green-200 text-green-900 py-2 px-4 rounded-lg inline-block">Expected Deletion Timeline: 45-60 days.</strong></p>
`;
} else if (totalScore >= 15) {
resultBanner.className = "rounded-2xl p-6 sm:p-10 mb-12 text-center border-2 bg-blue-50 border-blue-300 shadow-lg";
bannerContent = `
<div class="inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4">
<i data-lucide="info" class="w-8 h-8 text-brand-600"></i>
</div>
<h2 class="text-3xl font-extrabold text-blue-900 mb-3">You Scored ${totalScore} Points.</h2>
<p class="text-blue-800 text-xl leading-relaxed">This system can work for your situation, but your results will depend heavily on your ability to track down your old documentation. You have a case for removal. <br/><strong class="mt-2 block bg-blue-200 text-blue-900 py-2 px-4 rounded-lg inline-block">Expected Deletion Timeline: 60-90 days.</strong></p>
`;
} else {
resultBanner.className = "rounded-2xl p-6 sm:p-10 mb-12 text-center border-2 bg-yellow-50 border-yellow-300 shadow-lg";
bannerContent = `
<div class="inline-flex items-center justify-center w-16 h-16 bg-yellow-100 rounded-full mb-4">
<i data-lucide="alert-triangle" class="w-8 h-8 text-yellow-600"></i>
</div>
<h2 class="text-3xl font-extrabold text-yellow-900 mb-3">Notice (Score: ${totalScore})</h2>
<p class="text-yellow-800 text-xl leading-relaxed">Based on your answers, our standard legal framework is likely <strong>NOT</strong> an immediate fit for you because it is illegal to dispute 100% accurate, documented debt. However, if you wish to learn the exact laws to audit your own files for hidden errors, you can access the DIY Foundation tier below.</p>
`;
}
resultBanner.innerHTML = bannerContent;
lucide.createIcons();
}
</script>
</body>
</html>