Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AI Credit Repair Process | CreditWise AI Fixer</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| } | |
| .bg-gradient-primary { | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .process-step { | |
| counter-increment: step-counter; | |
| } | |
| .process-step::before { | |
| content: counter(step-counter); | |
| background-color: #667eea; | |
| color: white; | |
| font-weight: bold; | |
| width: 2.5rem; | |
| height: 2.5rem; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-right: 1rem; | |
| } | |
| .process-container { | |
| counter-reset: step-counter; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-sm"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <a href="index.html" class="flex items-center"> | |
| <i data-feather="credit-card" class="text-indigo-600 mr-2"></i> | |
| <span class="text-xl font-semibold text-gray-900">CreditWise AI Fixer</span> | |
| </a> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <a href="index.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Home</a> | |
| <a href="ai-process.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a> | |
| <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a> | |
| <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="bg-gradient-primary text-white py-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Our AI Credit Repair Technology</h1> | |
| <p class="text-xl max-w-3xl mx-auto">See exactly how our artificial intelligence identifies and fixes credit report errors more effectively than manual methods</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Process Section --> | |
| <div class="py-16 bg-white"> | |
| <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">The AI Difference in Credit Repair</h2> | |
| <div class="process-container space-y-12"> | |
| <!-- Step 1 --> | |
| <div class="process-step flex items-start"> | |
| <div class="flex-1 bg-gray-50 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold text-indigo-700 mb-3">Natural Language Processing Analysis</h3> | |
| <p class="text-gray-700 mb-4">Our AI reads your credit reports like a human expert would, but with perfect recall and consistency, using advanced NLP techniques to understand every detail.</p> | |
| <div class="bg-indigo-50 p-4 rounded border border-indigo-100"> | |
| <h4 class="font-semibold text-indigo-800 mb-2">What it analyzes:</h4> | |
| <ul class="list-disc list-inside text-gray-700 space-y-1"> | |
| <li>Account status wording (current, late, charged-off, etc.)</li> | |
| <li>Date formats and chronological accuracy</li> | |
| <li>Legal terminology and compliance markers</li> | |
| <li>Consistency across all three bureaus</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 2 --> | |
| <div class="process-step flex items-start"> | |
| <div class="flex-1 bg-gray-50 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold text-indigo-700 mb-3">Pattern Recognition Engine</h3> | |
| <p class="text-gray-700 mb-4">Trained on millions of credit reports, our AI detects subtle patterns that indicate errors humans often overlook.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> | |
| <div class="bg-indigo-50 p-3 rounded"> | |
| <h4 class="font-semibold text-indigo-800">Common Patterns Found:</h4> | |
| <ul class="list-disc list-inside pl-4 text-gray-700 text-sm"> | |
| <li>Accounts reported multiple times</li> | |
| <li>Hidden duplicate tradelines</li> | |
| <li>Inconsistent payment histories</li> | |
| <li>Illogical date sequences</li> | |
| </ul> | |
| </div> | |
| <div class="bg-indigo-50 p-3 rounded"> | |
| <h4 class="font-semibold text-indigo-800">Success Rate:</h4> | |
| <p class="text-gray-700 text-sm">Identifies 37% more disputable items than manual review alone</p> | |
| <div class="w-full bg-gray-200 rounded-full h-2.5 mt-2"> | |
| <div class="bg-indigo-600 h-2.5 rounded-full" style="width: 92%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 3 --> | |
| <div class="process-step flex items-start"> | |
| <div class="flex-1 bg-gray-50 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold text-indigo-700 mb-3">Legal Compliance Verification</h3> | |
| <p class="text-gray-700 mb-4">Our AI cross-references your report data with FCRA, FDCPA, and state credit laws to identify violations that strengthen your disputes.</p> | |
| <div class="overflow-x-auto"> | |
| <table class="min-w-full bg-indigo-50 rounded-lg overflow-hidden"> | |
| <thead> | |
| <tr class="bg-indigo-100 text-left text-xs font-semibold text-indigo-800 uppercase tracking-wider"> | |
| <th class="px-4 py-3">Law</th> | |
| <th class="px-4 py-3">Section</th> | |
| <th class="px-4 py-3">What We Check</th> | |
| </tr> | |
| </thead> | |
| <tbody class="divide-y divide-indigo-200"> | |
| <tr> | |
| <td class="px-4 py-3 text-sm text-gray-700">FCRA</td> | |
| <td class="px-4 py-3 text-sm text-gray-700">§ 605</td> | |
| <td class="px-4 py-3 text-sm text-gray-700">Removal of outdated negative items</td> | |
| </tr> | |
| <tr> | |
| <td class="px-4 py-3 text-sm text-gray-700">FCRA</td> | |
| <td class="px-4 py-3 text-sm text-gray-700">§ 611</td> | |
| <td class="px-4 py-3 text-sm text-gray-700">Proper dispute investigation procedures</td> | |
| </tr> | |
| <tr> | |
| <td class="px-4 py-3 text-sm text-gray-700">FDCPA</td> | |
| <td class="px-4 py-3 text-sm text-gray-700">§ 809</td> | |
| <td class="px-4 py-3 text-sm text-gray-700">Debt validation requirements</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 4 --> | |
| <div class="process-step flex items-start"> | |
| <div class="flex-1 bg-gray-50 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold text-indigo-700 mb-3">Smart Dispute Generation</h3> | |
| <p class="text-gray-700 mb-4">The AI creates customized dispute letters for each credit bureau with the optimal strategy based on the error type and bureau tendencies.</p> | |
| <div class="grid md:grid-cols-3 gap-4 mt-4"> | |
| <div class="border border-gray-200 rounded-lg p-4"> | |
| <div class="text-indigo-600 mb-2"> | |
| <i data-feather="file-text" class="w-5 h-5"></i> | |
| </div> | |
| <h4 class="font-semibold text-gray-800">Fact-Based Disputes</h4> | |
| <p class="text-gray-600 text-sm mt-1">For incorrect dates, balances, or statuses</p> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-4"> | |
| <div class="text-indigo-600 mb-2"> | |
| <i data-feather="scale" class="w-5 h-5"></i> | |
| </div> | |
| <h4 class="font-semibold text-gray-800">Legal-Based Disputes</h4> | |
| <p class="text-gray-600 text-sm mt-1">When laws like FCRA § 605 are violated</p> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-4"> | |
| <div class="text-indigo-600 mb-2"> | |
| <i data-feather="search" class="w-5 h-5"></i> | |
| </div> | |
| <h4 class="font-semibold text-gray-800">Verification Disputes</h4> | |
| <p class="text-gray-600 text-sm mt-1">Challenging unverifiable information</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- CTA Section --> | |
| <div class="bg-indigo-50 py-16"> | |
| <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">Ready to Put AI to Work on Your Credit?</h2> | |
| <p class="text-xl text-gray-600 mb-8">Our technology identifies more errors and creates more effective disputes than traditional credit repair methods.</p> | |
| <a href="index.html" class="bg-indigo-600 text-white px-8 py-3 rounded-md font-bold hover:bg-indigo-700 transition-all">Get Started Now</a> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-white font-medium mb-4">Product</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="index.html" class="text-gray-400 hover:text-white">Home</a></li> | |
| <li><a href="ai-process.html" class="text-gray-400 hover:text-white">AI Process</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Pricing</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-white font-medium mb-4">Company</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="about.html" class="text-gray-400 hover:text-white">About Us</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Terms of Service</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-white font-medium mb-4">Resources</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Credit Education</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Help Center</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-white font-medium mb-4">Connect</h3> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="facebook"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="instagram"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="linkedin"></i> | |
| </a> | |
| </div> | |
| <div class="mt-6"> | |
| <p class="text-gray-400 text-sm">© 2023 CreditWise AI Fixer. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Initialize feather icons | |
| feather.replace(); | |
| // Animation for process steps | |
| document.addEventListener('DOMContentLoaded', function() { | |
| anime({ | |
| targets: '.process-step', | |
| translateY: [30, 0], | |
| opacity: [0, 1], | |
| duration: 800, | |
| delay: anime.stagger(200), | |
| easing: 'easeOutExpo' | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |