PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!doctype html>
<html lang="en">
<?php include("header.php") ?>
<body>
<main>
<section class="hero-comparison-section" aria-label="Auto Loan Options"
style="
position:relative;
display:flex;
flex-direction:column;
align-items:center;
padding:80px 40px 60px 40px;
background:#f4f7fa; /* Light background for clean look */
color:#1b1b1b;
min-height:50vh;
text-align:center;
">
<div class="hero-content-top" style="max-width:800px; margin-bottom:40px;">
<h1 style="font-size:40px;font-weight:700;line-height:1.2;color:#1b1b1b;margin-bottom:15px;">
Drive Away with the Right Financing
</h1>
<p style="font-size:18px;line-height:1.6;color:#444;margin-bottom:0;">
Fast pre-approval, competitive rates, and flexible terms for your new or used vehicle purchase, or refinance your current loan to save money.
</p>
</div>
<div class="action-strip" style="
display:flex;
flex-wrap:wrap;
gap:30px;
justify-content:center;
width: 100%;
max-width: 900px;
z-index: 2; /* Ensure it floats over anything else */
">
<div class="action-card purchase-card" style="
flex:1 1 350px; padding:30px; border-radius:8px;
background:#FFFFFF; border-top:4px solid #117aca;
box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align:left;
">
<h3 style="font-size:24px; font-weight:700; color:#117aca; margin-bottom:10px;">
New Purchase Loan
</h3>
<p style="font-size:16px; color:#444; margin-bottom:20px;">
Get pre-approved in minutes and shop with confidence at the dealership.
</p>
<a href="signup_step1.php" style="
display:block; padding:12px; background:#117aca; color:#FFFFFF;
text-decoration:none; border-radius:4px; font-weight:600; text-align:center;
transition:background 0.3s;
" onmouseover="this.style.background='#0b5ea0'" onmouseout="this.style.background='#117aca'">
Start Pre-Approval
</a>
</div>
<div class="action-card refinance-card" style="
flex:1 1 350px; padding:30px; border-radius:8px;
background:#FFFFFF; border-top:4px solid #0b5ea0;
box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align:left;
">
<h3 style="font-size:24px; font-weight:700; color:#0b5ea0; margin-bottom:10px;">
Refinance & Save
</h3>
<p style="font-size:16px; color:#444; margin-bottom:20px;">
Lower your current payment or change your term without impacting your credit score.
</p>
<a href="signup_step1.php" style="
display:block; padding:12px; background:#0b5ea0; color:#FFFFFF;
text-decoration:none; border-radius:4px; font-weight:600; text-align:center;
transition:background 0.3s;
" onmouseover="this.style.background='#084878'" onmouseout="this.style.background='#0b5ea0'">
Check Refinance Rates
</a>
</div>
</div>
</section>
<section id="loanProcess" style="
padding:60px 20px;
max-width:1000px;
margin:0 auto;
text-align:center;
">
<h2 style="font-size:32px; font-weight:700; color:#1b1b1b; margin-bottom:40px;">
Our Simple 3-Step Loan Process
</h2>
<div style="
display:flex;
flex-wrap:wrap;
gap:30px;
justify-content:center;
">
<div class="process-step" style="flex:1 1 250px;">
<div style="font-size:40px; color:#117aca; margin-bottom:10px;">1️⃣</div>
<h3 style="font-size:22px; font-weight:700; margin-bottom:5px;">Apply Online</h3>
<p style="font-size:15px; color:#666;">Complete our short, secure online application.</p>
</div>
<div style="display:flex; align-items:center; color:#ddd;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
<div class="process-step" style="flex:1 1 250px;">
<div style="font-size:40px; color:#117aca; margin-bottom:10px;">2️⃣</div>
<h3 style="font-size:22px; font-weight:700; margin-bottom:5px;">Get Pre-Approved</h3>
<p style="font-size:15px; color:#666;">Receive your decision and rate within minutes.</p>
</div>
<div style="display:flex; align-items:center; color:#ddd;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
<div class="process-step" style="flex:1 1 250px;">
<div style="font-size:40px; color:#117aca; margin-bottom:10px;">3️⃣</div>
<h3 style="font-size:22px; font-weight:700; margin-bottom:5px;">Close & Drive</h3>
<p style="font-size:15px; color:#666;">Finalize documents and get the keys to your car!</p>
</div>
</div>
</section>
<section id="ratesTerms" style="
padding:60px 20px;
background:#fafafa;
border-top:1px solid #eee;
">
<div style="max-width:1000px; margin:0 auto; display:flex; gap:50px; flex-wrap:wrap; justify-content:center; text-align:left;">
<div style="flex:1 1 400px; border-right:1px solid #ddd; padding-right:20px;">
<h2 style="font-size:24px; font-weight:700; color:#1b1b1b; margin-bottom:15px;">
Low APR, Flexible Terms
</h2>
<div style="font-size:16px; color:#444; margin-bottom:20px;">
Our competitive rates start low and terms range from 36 to 84 months, allowing you to tailor your monthly payment.
</div>
<ul style="list-style:none; padding:0; font-size:16px; color:#1b1b1b; display:flex; flex-direction:column; gap:10px;">
<li>✔️ Rates based on credit score and vehicle age.</li>
<li>✔️ Loans available for new, used, and leased buyouts.</li>
</ul>
</div>
<div style="flex:1 1 400px;">
<h2 style="font-size:24px; font-weight:700; color:#117aca; margin-bottom:15px;">
Speak to a Specialist
</h2>
<p style="font-size:16px; color:#444; margin-bottom:20px;">
Have specific questions about refinancing or payment structures? Our Auto Loan Specialists are here to help.
</p>
<a href="contact.php" style="
display:block; padding:12px; background:#0b5ea0; color:#FFFFFF;
text-decoration:none; border-radius:4px; font-weight:600; font-size:16px;
text-align:center;"
onmouseover="this.style.background='#084878'" onmouseout="this.style.background='#0b5ea0'">
Schedule a Consultation
</a>
</div>
</div>
</section>
</main>
<?php include("footer.php") ?>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E