💬 What Our Users Say
Real stories from people who simplified their credit card management.
No testimonials yet. Be the first to share your experience!
Share Your Experience
<footer class="footer" style="margin-top: 60px; padding: 40px 20px; background: var(--bg-dim); border-top: 1px solid var(--border); text-align: center;">
<div style="max-width: 1200px; margin: 0 auto;">
<!-- Social Media Links -->
<div style="margin-bottom: 24px;">
<h3 style="font-size: 0.9rem; font-weight: 600; color: var(--text); margin-bottom: 16px; letter-spacing: 0.5px; text-transform: uppercase;">Follow Us</h3>
<div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
<a href="https://www.linkedin.com/in/trustybooker?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(59, 130, 246,0.1); border: 1px solid rgba(59, 130, 246,0.2); border-radius: 50%; color: var(--accent); text-decoration: none; font-size: 1.3rem; transition: all 0.3s ease;" title="LinkedIn" aria-label="Visit our LinkedIn page">
💼
</a>
<a href="https://www.instagram.com/trustybooker?igsh=MTB4ZXVsdW81bG05Zw==" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(59, 130, 246,0.1); border: 1px solid rgba(59, 130, 246,0.2); border-radius: 50%; color: var(--accent); text-decoration: none; font-size: 1.3rem; transition: all 0.3s ease;" title="Instagram" aria-label="Visit our Instagram page">
📸
</a>
<a href="https://x.com/TrustyBooker?t=rm-AOTc364iaA3x1aPrkUA&s=09" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(59, 130, 246,0.1); border: 1px solid rgba(59, 130, 246,0.2); border-radius: 50%; color: var(--accent); text-decoration: none; font-size: 1.3rem; transition: all 0.3s ease;" title="Twitter/X" aria-label="Visit our Twitter/X page">
🐦
</a>
<a href="https://www.facebook.com/share/1D2Knj8QQN/" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(59, 130, 246,0.1); border: 1px solid rgba(59, 130, 246,0.2); border-radius: 50%; color: var(--accent); text-decoration: none; font-size: 1.3rem; transition: all 0.3s ease;" title="Facebook" aria-label="Visit our Facebook page">
👍
</a>
</div>
<p style="margin-top: 12px; color: var(--muted); font-size: 0.85rem;">Follow us on all platforms!</p>
</div>
<!-- Quick Links -->
<div style="margin-bottom: 20px;">
<div style="display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; font-size: 0.9rem;">
<a href="/help" style="color: var(--muted); text-decoration: none; transition: color 0.3s;">Help</a>
<a href="/about" style="color: var(--muted); text-decoration: none; transition: color 0.3s;">About</a>
<a href="/privacy" style="color: var(--muted); text-decoration: none; transition: color 0.3s;">Privacy</a>
<a href="/terms" style="color: var(--muted); text-decoration: none; transition: color 0.3s;">Terms</a>
</div>
</div>
<!-- Copyright -->
<div style="color: var(--muted); font-size: 0.85rem; opacity: 0.7;">
<p style="margin: 0;">© 2026 TrustyBooker. 🇺🇸 For US Credit Cards & FICO Scores.</p>
<p style="margin: 8px 0 0 0;">Your data is secure and private.</p>
<p style="margin: 8px 0 0 0; font-size: 0.75rem; opacity: 0.5;" title="Deployment version (auto-generated)">v2026.01.17-070057</p>
</div>
</div>
</footer>
<style>
footer a:hover {
color: var(--accent) !important;
}
footer a[href*="linkedin"]:hover,
footer a[href*="facebook"]:hover,
footer a[href*="x.com"]:hover,
footer a[href*="instagram"]:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(59, 130, 246,0.3);
background: rgba(59, 130, 246,0.2) !important;
border-color: var(--accent) !important;
}
@media (max-width: 768px) {
footer {
padding: 32px 16px !important;
}
}
</style>