Files
dre/landing-mockups/002-conversion-results.html
root 7a62b0b340 Backend Aug 22-25: AI analysis, welcome-packet templating, LetterStream, DocuSeal, staff RBAC + tier gate
- analysis.py: deterministic claim scorer + /analyze /approve /letter /advance-tier endpoints (auto-runs on intake)
- packet.py + packet_fields.json: welcome-packet templating engine (6 onboarding docs, field catalog)
- letterstream.py + letters.py: certified-mail send pipeline + letter lifecycle (webhook verified)
- docuseal.py: DocuSeal signing integration
- staff.py/models.py/schema.sql/auth.py: approval actor from staff key, tier gate (APPROVED+ACTIVE+onboarding docs), onboarding_docs table
- frontend/: dependency-free static portal (intake, magic-link login/verify, dashboard)
- landing-mockups/: 4 design-stance mockups + favicons
- legal/: aup/privacy/sms-terms/terms HTML
- docs/: letter-queue scope, letterstream API contract, 6 welcome-packet templates
- review-dre-landing-2026-08-21.md: 3-variant landing feedback sprint
- compliance/DRE_Compliance_Manual.md: updated

Source synced from deployed /opt/dre-portal/app/ (was 4 days ahead of git).
2026-08-26 02:26:33 -04:00

738 lines
21 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Debt Recovery Experts - Get Unpaid Debts Recovered</title>
<style>
:root{
--navy:#0b1b33;
--navy-2:#11274a;
--accent:#ff5a1f;
--accent-dark:#d94512;
--green:#0f9d58;
--gray-bg:#f4f5f7;
--gray-line:#dfe3e8;
--text:#1b1f27;
--text-mid:#4a5261;
--text-light:#7a8291;
--white:#ffffff;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--text);
background:var(--white);
line-height:1.5;
}
h1,h2,h3,h4{
font-weight:800;
letter-spacing:-0.02em;
line-height:1.1;
}
a{color:inherit;text-decoration:none;}
.container{
max-width:1180px;
margin:0 auto;
padding:0 24px;
}
.eyebrow{
display:inline-block;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:0.08em;
color:var(--accent);
background:rgba(255,90,31,0.1);
padding:5px 12px;
border-radius:3px;
margin-bottom:14px;
}
/* Buttons */
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font-weight:800;
font-size:15px;
padding:14px 26px;
border-radius:4px;
border:2px solid transparent;
cursor:pointer;
transition:transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
white-space:nowrap;
}
.btn-primary{
background:var(--accent);
color:var(--white);
box-shadow:0 4px 0 var(--accent-dark);
}
.btn-primary:hover{
background:var(--accent-dark);
transform:translateY(2px);
box-shadow:0 2px 0 var(--accent-dark);
}
.btn-secondary{
background:transparent;
color:var(--white);
border-color:rgba(255,255,255,0.55);
}
.btn-secondary:hover{
background:rgba(255,255,255,0.12);
border-color:var(--white);
}
.btn-dark{
background:var(--navy);
color:var(--white);
box-shadow:0 4px 0 #060f1e;
}
.btn-dark:hover{
background:#060f1e;
transform:translateY(2px);
box-shadow:0 2px 0 #060f1e;
}
.btn-outline-navy{
background:transparent;
color:var(--navy);
border-color:var(--navy);
}
.btn-outline-navy:hover{
background:var(--navy);
color:var(--white);
}
.btn-block{width:100%;}
.btn-sm{padding:10px 18px;font-size:13px;}
/* Header */
header{
position:sticky;
top:0;
z-index:100;
background:var(--white);
border-bottom:1px solid var(--gray-line);
}
.nav-bar{
display:flex;
align-items:center;
justify-content:space-between;
height:68px;
}
.logo{
display:flex;
align-items:center;
gap:10px;
font-size:18px;
font-weight:800;
color:var(--navy);
}
.logo .mark{
background:var(--navy);
color:var(--white);
font-size:14px;
font-weight:800;
padding:7px 9px;
border-radius:4px;
letter-spacing:0.02em;
}
nav.main-nav{
display:flex;
align-items:center;
gap:28px;
}
nav.main-nav a{
font-size:14px;
font-weight:600;
color:var(--text-mid);
}
nav.main-nav a:hover{color:var(--navy);}
.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-cta .link-login{
font-size:14px;
font-weight:700;
color:var(--navy);
}
.menu-toggle{
display:none;
background:none;
border:none;
font-size:26px;
cursor:pointer;
color:var(--navy);
}
/* Hero */
.hero{
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
color:var(--white);
padding:64px 0 56px;
position:relative;
overflow:hidden;
}
.hero::after{
content:"";
position:absolute;
right:-120px;
top:-120px;
width:420px;
height:420px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,90,31,0.25) 0%,rgba(255,90,31,0) 70%);
}
.hero-grid{
display:grid;
grid-template-columns:1.15fr 0.85fr;
gap:48px;
align-items:center;
position:relative;
z-index:2;
}
.hero h1{
font-size:44px;
margin-bottom:18px;
}
.hero h1 span{color:var(--accent);}
.hero p.sub{
font-size:18px;
color:#c6cede;
max-width:560px;
margin-bottom:30px;
}
.hero-ctas{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:22px;
}
.hero-note{
font-size:13px;
color:#93a0b8;
}
.hero-side{
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.14);
border-radius:10px;
padding:26px;
}
.hero-side h3{
font-size:15px;
text-transform:uppercase;
letter-spacing:0.06em;
color:#c6cede;
margin-bottom:16px;
}
.hero-checklist{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.hero-checklist li{
display:flex;
align-items:flex-start;
gap:10px;
font-size:14.5px;
color:#e4e8f0;
}
.hero-checklist li .chk{
flex:0 0 18px;
width:18px;
height:18px;
border-radius:50%;
background:var(--green);
color:var(--white);
font-size:11px;
display:flex;
align-items:center;
justify-content:center;
margin-top:2px;
}
.hero-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
border-top:1px solid rgba(255,255,255,0.15);
padding-top:16px;
}
.hero-stats .stat-box{
background:rgba(255,255,255,0.05);
border-radius:6px;
padding:12px;
text-align:center;
}
.hero-stats .stat-box .num{
font-size:14px;
font-weight:800;
color:var(--accent);
display:block;
}
.hero-stats .stat-box .label{
font-size:11px;
color:#a9b3c6;
}
/* Ticker / trust strip */
.trust-strip{
background:var(--gray-bg);
border-bottom:1px solid var(--gray-line);
padding:14px 0;
}
.trust-strip .container{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:28px;
font-size:13px;
font-weight:700;
color:var(--text-mid);
}
.trust-strip span{display:flex;align-items:center;gap:8px;}
.trust-strip .dot{width:6px;height:6px;border-radius:50%;background:var(--green);}
/* Section basics */
section{padding:64px 0;}
.section-head{
max-width:680px;
margin-bottom:40px;
}
.section-head h2{
font-size:32px;
color:var(--navy);
margin-bottom:12px;
}
.section-head p{
font-size:16px;
color:var(--text-mid);
}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
/* Who we serve */
.serve-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}
.serve-card{
border:2px solid var(--gray-line);
border-radius:10px;
padding:32px;
position:relative;
}
.serve-card.primary{
border-color:var(--navy);
background:var(--navy);
color:var(--white);
}
.serve-card .tag{
display:inline-block;
font-size:11px;
font-weight:800;
text-transform:uppercase;
letter-spacing:0.06em;
padding:4px 10px;
border-radius:3px;
margin-bottom:16px;
}
.serve-card.primary .tag{background:var(--accent);color:var(--white);}
.serve-card.secondary .tag{background:var(--gray-bg);color:var(--text-mid);}
.serve-card h3{font-size:24px;margin-bottom:10px;}
.serve-card.primary h3{color:var(--white);}
.serve-card.secondary h3{color:var(--navy);}
.serve-card p{font-size:15px;margin-bottom:20px;}
.serve-card.primary p{color:#c6cede;}
.serve-card.secondary p{color:var(--text-mid);}
.serve-list{list-style:none;margin-bottom:24px;display:flex;flex-direction:column;gap:10px;}
.serve-list li{
display:flex;
gap:10px;
font-size:14px;
align-items:flex-start;
}
.serve-card.primary .serve-list li{color:#e4e8f0;}
.serve-card.secondary .serve-list li{color:var(--text-mid);}
.serve-list li::before{
content:"\2192";
font-weight:800;
color:var(--accent);
flex:0 0 auto;
}
/* How it works */
.steps-wrap{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.step-card{
background:var(--gray-bg);
border-radius:10px;
padding:26px 22px;
position:relative;
border-top:4px solid var(--accent);
}
.step-card .step-num{
font-size:34px;
font-weight:800;
color:var(--navy);
opacity:0.15;
position:absolute;
top:12px;
right:16px;
}
.step-card h4{
font-size:17px;
color:var(--navy);
margin-bottom:8px;
position:relative;
z-index:1;
}
.step-card p{
font-size:14px;
color:var(--text-mid);
position:relative;
z-index:1;
}
/* Compliance */
.compliance{
background:var(--navy);
color:var(--white);
}
.compliance .section-head h2,
.compliance .section-head p{color:var(--white);}
.compliance .section-head p{color:#c6cede;}
.compliance-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.compliance-card{
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.14);
border-radius:10px;
padding:26px;
}
.compliance-card .icon{
width:42px;
height:42px;
border-radius:8px;
background:var(--accent);
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:16px;
color:var(--white);
margin-bottom:16px;
}
.compliance-card h4{font-size:17px;margin-bottom:8px;}
.compliance-card p{font-size:14px;color:#c6cede;}
/* CTA band */
.cta-band{
background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
color:var(--white);
padding:56px 0;
}
.cta-band-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}
.cta-panel{
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.3);
border-radius:10px;
padding:30px;
}
.cta-panel h3{font-size:22px;margin-bottom:10px;}
.cta-panel p{font-size:14.5px;margin-bottom:20px;color:rgba(255,255,255,0.92);}
/* Footer */
footer{
background:#060f1e;
color:#a9b3c6;
padding:48px 0 24px;
font-size:13.5px;
}
.footer-grid{
display:grid;
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:32px;
margin-bottom:32px;
}
.footer-grid h4{
color:var(--white);
font-size:14px;
margin-bottom:16px;
text-transform:uppercase;
letter-spacing:0.05em;
}
.footer-grid ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-grid ul a:hover{color:var(--white);}
.footer-brand .logo{color:var(--white);margin-bottom:14px;}
.footer-brand p{max-width:280px;color:#7f8ba3;margin-bottom:16px;}
.footer-legal{
border-top:1px solid rgba(255,255,255,0.1);
padding-top:20px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:12px;
color:#7f8ba3;
font-size:12.5px;
}
.footer-legal a{color:#a9b3c6;}
.compliance-notice{
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
border-radius:8px;
padding:16px 20px;
font-size:12.5px;
color:#8a96ac;
margin-bottom:24px;
line-height:1.6;
}
/* Responsive */
@media (max-width:960px){
nav.main-nav{display:none;}
.menu-toggle{display:block;}
.hero-grid{grid-template-columns:1fr;}
.hero h1{font-size:34px;}
.serve-grid{grid-template-columns:1fr;}
.steps-wrap{grid-template-columns:1fr 1fr;}
.compliance-grid{grid-template-columns:1fr;}
.cta-band-grid{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
.steps-wrap{grid-template-columns:1fr;}
.hero-stats{grid-template-columns:1fr 1fr;}
.footer-grid{grid-template-columns:1fr;}
.hero-ctas .btn{width:100%;}
}
</style>
</head>
<body>
<header>
<div class="container nav-bar">
<a href="#top" class="logo">
<span class="mark">DRE</span>
Debt Recovery Experts
</a>
<nav class="main-nav">
<a href="#services">Services</a>
<a href="#how-it-works">How It Works</a>
<a href="#creditors">For Creditors</a>
<a href="#debtors">For Debtors</a>
<a href="#contact">Contact</a>
</nav>
<div class="nav-cta">
<a class="link-login" href="https://my.debtrecoveryexperts.com">Client Login</a>
<a class="btn btn-primary btn-sm" href="https://portal.debtrecoveryexperts.com">Submit a Claim</a>
</div>
<button class="menu-toggle" aria-label="Open menu">&#9776;</button>
</div>
</header>
<section class="hero" id="top">
<div class="container hero-grid">
<div class="hero-main">
<span class="eyebrow">Texas Commercial Debt Recovery</span>
<h1>Stop chasing unpaid invoices. <span>Get them recovered.</span></h1>
<p class="sub">Submit your claim in minutes and let a licensed Texas recovery team pursue payment on your behalf, so you can get back to running your business.</p>
<div class="hero-ctas">
<a class="btn btn-primary" href="https://portal.debtrecoveryexperts.com">Submit a Claim Now</a>
<a class="btn btn-secondary" href="https://pay.debtrecoveryexperts.com">I Need to Make a Payment</a>
</div>
<p class="hero-note">No upfront retainer required to start a claim review. FDCPA and TDCPA compliant process, every case.</p>
</div>
<div class="hero-side">
<h3>What happens when you submit a claim</h3>
<ul class="hero-checklist">
<li><span class="chk">&#10003;</span> Your claim is reviewed by a recovery specialist</li>
<li><span class="chk">&#10003;</span> We contact the debtor through compliant channels</li>
<li><span class="chk">&#10003;</span> You track progress from your client dashboard</li>
<li><span class="chk">&#10003;</span> Recovered funds are remitted to you</li>
</ul>
<div class="hero-stats">
<div class="stat-box">
<span class="num">[Recovery rate]</span>
<span class="label">Placeholder metric</span>
</div>
<div class="stat-box">
<span class="num">[Avg. time to contact]</span>
<span class="label">Placeholder metric</span>
</div>
</div>
</div>
</div>
</section>
<div class="trust-strip">
<div class="container">
<span><span class="dot"></span> FDCPA Compliant</span>
<span><span class="dot"></span> TDCPA Compliant (Texas)</span>
<span><span class="dot"></span> Secure Data Handling</span>
<span><span class="dot"></span> Licensed Texas Recovery Firm</span>
</div>
</div>
<section id="services">
<div class="container">
<div class="section-head">
<h2>Built for one outcome: getting you paid.</h2>
<p>DRE handles commercial and consumer debt recovery for Texas businesses that need results without the hassle of DIY collections or expensive litigation.</p>
</div>
<div class="serve-grid" id="creditors">
<div class="serve-card primary">
<span class="tag">For Creditors</span>
<h3>Owed money by a customer or client?</h3>
<p>Submit your outstanding invoice or account and let our team pursue recovery through documented, compliant channels while you stay focused on your business.</p>
<ul class="serve-list">
<li>Fast intake through a simple online claim form</li>
<li>Status updates through your client dashboard</li>
<li>Compliant collection practices under FDCPA and TDCPA</li>
<li>No claim is too small or too complex to review</li>
</ul>
<a class="btn btn-primary btn-block" href="https://portal.debtrecoveryexperts.com">Submit a Claim</a>
</div>
<div class="serve-card secondary" id="debtors">
<span class="tag">For Debtors</span>
<h3>Received a notice from DRE?</h3>
<p>If you owe a debt that has been placed with our office, you have options and rights. Resolve your account quickly and securely online.</p>
<ul class="serve-list">
<li>Make a secure payment toward your balance</li>
<li>Review your account details and balance owed</li>
<li>Understand your rights under the FDCPA and TDCPA</li>
<li>Contact us to discuss payment arrangements</li>
</ul>
<a class="btn btn-outline-navy btn-block" href="https://pay.debtrecoveryexperts.com">Make a Payment</a>
</div>
</div>
</div>
</section>
<section id="how-it-works" style="background:var(--gray-bg);">
<div class="container">
<div class="section-head center" style="margin-left:auto;margin-right:auto;">
<h2>From unpaid invoice to resolved claim.</h2>
<p>A straightforward process designed to move your claim forward quickly and keep you informed at every step.</p>
</div>
<div class="steps-wrap">
<div class="step-card">
<span class="step-num">01</span>
<h4>Submit your claim</h4>
<p>Complete the online intake form with debtor and invoice details. Takes just a few minutes.</p>
</div>
<div class="step-card">
<span class="step-num">02</span>
<h4>Claim review</h4>
<p>A recovery specialist reviews the account and determines the appropriate recovery approach.</p>
</div>
<div class="step-card">
<span class="step-num">03</span>
<h4>Compliant outreach</h4>
<p>We contact the debtor through FDCPA and TDCPA compliant channels to pursue resolution.</p>
</div>
<div class="step-card">
<span class="step-num">04</span>
<h4>Track and get paid</h4>
<p>Monitor progress in your dashboard. Recovered funds are remitted to you per your agreement.</p>
</div>
</div>
</div>
</section>
<section class="compliance" id="compliance">
<div class="container">
<div class="section-head">
<h2>Recovery done the right way.</h2>
<p>Every account we work is handled under strict federal and state compliance standards, protecting your business and the consumer.</p>
</div>
<div class="compliance-grid">
<div class="compliance-card">
<div class="icon">FD</div>
<h4>FDCPA Compliant</h4>
<p>All collection activity follows the federal Fair Debt Collection Practices Act.</p>
</div>
<div class="compliance-card">
<div class="icon">TX</div>
<h4>TDCPA Compliant</h4>
<p>Recovery practices also adhere to the Texas Debt Collection Practices Act.</p>
</div>
<div class="compliance-card">
<div class="icon">SEC</div>
<h4>Secure Handling</h4>
<p>Claim and account data is handled through secure systems built for sensitive financial information.</p>
</div>
</div>
</div>
</section>
<section class="cta-band">
<div class="container">
<div class="cta-band-grid">
<div class="cta-panel">
<h3>Ready to submit a claim?</h3>
<p>Start the recovery process today. Claim submission takes just a few minutes and gets your account into review.</p>
<a class="btn btn-dark btn-block" href="https://portal.debtrecoveryexperts.com">Submit a Claim</a>
</div>
<div class="cta-panel">
<h3>Already a DRE client?</h3>
<p>Log in to your dashboard to check claim status, view recovered funds, and manage your account.</p>
<a class="btn btn-dark btn-block" href="https://my.debtrecoveryexperts.com">Go to Client Login</a>
</div>
</div>
</div>
</section>
<footer id="contact">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="#top" class="logo">
<span class="mark">DRE</span>
Debt Recovery Experts
</a>
<p>Texas-based commercial debt recovery, built for business owners who need unpaid debts resolved efficiently and compliantly.</p>
</div>
<div>
<h4>Company</h4>
<ul>
<li><a href="#services">Services</a></li>
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div>
<h4>For Creditors</h4>
<ul>
<li><a href="https://portal.debtrecoveryexperts.com">Submit a Claim</a></li>
<li><a href="https://my.debtrecoveryexperts.com">Client Login</a></li>
</ul>
</div>
<div>
<h4>For Debtors</h4>
<ul>
<li><a href="https://pay.debtrecoveryexperts.com">Make a Payment</a></li>
<li><a href="#debtors">Know Your Rights</a></li>
</ul>
</div>
</div>
<div class="compliance-notice">
Debt Recovery Experts is a debt collector. This communication is an attempt to collect a debt, and any information obtained will be used for that purpose, where applicable. Consumers have rights under the federal Fair Debt Collection Practices Act (FDCPA) and the Texas Debt Collection Practices Act (TDCPA). [Company address, phone, and licensing details placeholder.]
</div>
<div class="footer-legal">
<span>&copy; [Year] Debt Recovery Experts. All rights reserved.</span>
<span>
<a href="#">Privacy Policy</a> &nbsp; | &nbsp;
<a href="#">Terms of Use</a> &nbsp; | &nbsp;
<a href="#">Debtor Rights Notice</a>
</span>
</div>
</div>
</footer>
</body>
</html>