<!DOCTYPE html>
<?php $pageTitle = "Customer Support"; include 'includes/public-header.php'; ?>

<main id="main-content">
<section class="db-page-hero" aria-labelledby="hero-title"><div class="db-container"><h1 class="db-page-hero-title" id="hero-title">Customer Support</h1><p class="db-page-hero-subtitle">We are here to help. Reach out via phone, email, live chat, or send us a message using the contact form below.</p></div></section>

<!-- Support Channels -->
<section class="db-section"><div class="db-container"><div class="db-section-header animate"><span class="db-section-label">How to Reach Us</span><h2 class="db-section-title">Support Channels</h2><p class="db-section-subtitle">Choose the channel that works best for you. Our team is ready to assist with any inquiry.</p></div>
<div class="db-support-channels db-mt-8">
  <div class="db-support-channel animate animate-delay-1"><i class="fas fa-phone-alt"></i><h4>Phone Support</h4><p>Speak directly with a customer service representative.</p><p style="font-weight:600;color:var(--db-primary);"><?= getSetting("contact_phone", "+1 (800) 555-0199") ?></p><p style="font-size:var(--db-text-xs);">Available 24 hours a day, 7 days a week</p></div>
  <div class="db-support-channel animate animate-delay-2"><i class="fas fa-envelope"></i><h4>Email Support</h4><p>Send us a detailed message and we will respond within one business day.</p><p style="font-weight:600;color:var(--db-primary);"><?= getSetting("support_email", "support@dbhacu.com") ?></p><p style="font-size:var(--db-text-xs);">Responses within 24 hours</p></div>
  <div class="db-support-channel animate animate-delay-3"><i class="fas fa-comment-dots"></i><h4>Live Chat</h4><p>Chat with a support agent in real time from your online banking dashboard.</p><a href="account/login.html" class="db-btn db-btn-outline db-btn-sm">Log In to Chat</a><p style="font-size:var(--db-text-xs);">Available 24/7 for account holders</p></div>
</div></div></section>

<!-- Contact Form -->
<section class="db-section db-section-bg"><div class="db-container"><div class="db-section-header animate"><span class="db-section-label">Send Us a Message</span><h2 class="db-section-title">Contact Form</h2><p class="db-section-subtitle">Fill out the form below and a member of our team will get back to you as soon as possible.</p></div>
<div class="db-content animate">
  <form>
    <div class="db-grid db-grid-2">
      <div class="db-form-group"><label class="db-form-label" for="first-name">First Name</label><input type="text" id="first-name" class="db-form-input" placeholder="Enter your first name" required></div>
      <div class="db-form-group"><label class="db-form-label" for="last-name">Last Name</label><input type="text" id="last-name" class="db-form-input" placeholder="Enter your last name" required></div>
    </div>
    <div class="db-grid db-grid-2">
      <div class="db-form-group"><label class="db-form-label" for="email">Email Address</label><input type="email" id="email" class="db-form-input" placeholder="Enter your email address" required></div>
      <div class="db-form-group"><label class="db-form-label" for="phone">Phone Number</label><input type="tel" id="phone" class="db-form-input" placeholder="Enter your phone number"></div>
    </div>
    <div class="db-form-group"><label class="db-form-label" for="subject">Subject</label><select id="subject" class="db-form-select"><option value="">Select a topic</option><option value="account">Account Inquiry</option><option value="transfer">Transfer or Payment Issue</option><option value="card">Card Services</option><option value="security">Security Concern</option><option value="complaint">Complaint</option><option value="other">Other</option></select></div>
    <div class="db-form-group"><label class="db-form-label" for="message">Message</label><textarea id="message" class="db-form-textarea" placeholder="Describe your inquiry in detail so we can assist you efficiently..." required></textarea></div>
    <button type="submit" class="db-btn db-btn-primary db-btn-lg">Send Message <i class="fas fa-paper-plane"></i></button>
  </form>
</div></div></section>

<!-- Department Information & Support Hours -->
<section class="db-section"><div class="db-container">
<div class="db-grid db-grid-2">
  <div class="animate">
    <h2>Departments</h2>
    <p>Contact the right department for faster service:</p>
    <div class="db-contact-card" style="margin-bottom:var(--db-space-4);"><div class="db-contact-card-icon"><i class="fas fa-user-circle"></i></div><div class="db-contact-card-body"><h4>Personal Banking</h4><p>Account inquiries, transfers, and general personal banking support.</p><a href="tel:+18005550199"><?= getSetting("contact_phone", "+1 (800) 555-0199") ?></a></div></div>
    <div class="db-contact-card" style="margin-bottom:var(--db-space-4);"><div class="db-contact-card-icon"><i class="fas fa-briefcase"></i></div><div class="db-contact-card-body"><h4>Business Banking</h4><p>Business accounts, corporate services, and commercial banking inquiries.</p><a href="tel:+18005550200">+1 (800) 555-0200</a></div></div>
    <div class="db-contact-card" style="margin-bottom:var(--db-space-4);"><div class="db-contact-card-icon"><i class="fas fa-credit-card"></i></div><div class="db-contact-card-body"><h4>Card Services</h4><p>Card activation, lost or stolen cards, and virtual card assistance.</p><a href="tel:+18005550201">+1 (800) 555-0201</a></div></div>
    <div class="db-contact-card"><div class="db-contact-card-icon"><i class="fas fa-shield-alt"></i></div><div class="db-contact-card-body"><h4>Security & Fraud</h4><p>Report suspicious activity, fraud, or security concerns immediately.</p><a href="tel:+18005550202">+1 (800) 555-0202</a></div></div>
  </div>
  <div class="animate">
    <h2>Support Hours</h2>
    <p>Our availability across all support channels:</p>
    <div style="background:var(--db-white);border:1px solid var(--db-gray-200);border-radius:var(--db-radius-xl);padding:var(--db-space-6);">
      <div style="display:flex;justify-content:space-between;padding:var(--db-space-3) 0;border-bottom:1px solid var(--db-gray-100);"><span style="font-weight:600;color:var(--db-gray-800);">Phone Support</span><span style="color:var(--db-success);font-weight:600;">24 / 7</span></div>
      <div style="display:flex;justify-content:space-between;padding:var(--db-space-3) 0;border-bottom:1px solid var(--db-gray-100);"><span style="font-weight:600;color:var(--db-gray-800);">Live Chat</span><span style="color:var(--db-success);font-weight:600;">24 / 7</span></div>
      <div style="display:flex;justify-content:space-between;padding:var(--db-space-3) 0;border-bottom:1px solid var(--db-gray-100);"><span style="font-weight:600;color:var(--db-gray-800);">Email Response</span><span style="color:var(--db-gray-600);">Within 24 hours</span></div>
      <div style="display:flex;justify-content:space-between;padding:var(--db-space-3) 0;border-bottom:1px solid var(--db-gray-100);"><span style="font-weight:600;color:var(--db-gray-800);">Card Emergency Line</span><span style="color:var(--db-success);font-weight:600;">24 / 7</span></div>
      <div style="display:flex;justify-content:space-between;padding:var(--db-space-3) 0;"><span style="font-weight:600;color:var(--db-gray-800);">Fraud Reporting</span><span style="color:var(--db-success);font-weight:600;">24 / 7</span></div>
    </div>
  </div>
</div></div></section>

<!-- Emergency Contacts -->
<section class="db-section db-section-bg"><div class="db-container"><div class="db-section-header animate"><span class="db-section-label">Urgent Assistance</span><h2 class="db-section-title">Emergency Contacts</h2><p class="db-section-subtitle">Use these numbers for time-sensitive issues that require immediate attention.</p></div>
<div class="db-grid db-grid-2 db-mt-8">
  <div class="db-contact-card animate animate-delay-1"><div class="db-contact-card-icon" style="background:rgba(232,83,71,0.1);color:var(--db-danger);"><i class="fas fa-exclamation-triangle"></i></div><div class="db-contact-card-body"><h4>Report Fraud</h4><p>If you suspect unauthorized activity on your account, call immediately.</p><a href="tel:+18005550202" style="font-weight:700;font-size:var(--db-text-lg);">+1 (800) 555-0202</a><p style="font-size:var(--db-text-xs);">Available 24 hours a day, 7 days a week</p></div></div>
  <div class="db-contact-card animate animate-delay-2"><div class="db-contact-card-icon" style="background:rgba(232,83,71,0.1);color:var(--db-danger);"><i class="fas fa-credit-card"></i></div><div class="db-contact-card-body"><h4>Lost or Stolen Card</h4><p>Freeze your card from your dashboard, then call to request an immediate replacement.</p><a href="tel:+18005550201" style="font-weight:700;font-size:var(--db-text-lg);">+1 (800) 555-0201</a><p style="font-size:var(--db-text-xs);">Available 24 hours a day, 7 days a week</p></div></div>
</div></div></section>

<!-- CTA -->
<section class="db-section db-cta" aria-labelledby="cta-title"><div class="db-container"><div class="db-cta-inner animate"><h2 class="db-cta-title" id="cta-title">We're Here to Help</h2><p class="db-cta-description">Can't find what you need? Browse our Help Centre or explore frequently asked questions.</p><div class="db-cta-actions"><a href="help-centre.html" class="db-btn db-btn-light db-btn-lg">Help Centre</a><a href="faq.html" class="db-btn db-btn-outline-white db-btn-lg">View FAQs</a></div></div></div></section>
</main>

<footer class="db-footer" role="contentinfo"><div class="db-container"><div class="db-footer-grid"><div class="db-footer-brand"><img src="logo.png" alt="<?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?>" width="160" height="40"><p><?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?> provides secure personal banking, business banking, digital banking, transfers, cards, and wealth management to clients worldwide.</p></div><div class="db-footer-col"><h4>Personal</h4><ul class="db-footer-links"><li><a href="accounts.html">Accounts</a></li><li><a href="transfers.html">Transfers</a></li><li><a href="cards.html">Cards</a></li><li><a href="digital-banking.html">Digital Banking</a></li><li><a href="open-account.html">Open an Account</a></li></ul></div><div class="db-footer-col"><h4>Business</h4><ul class="db-footer-links"><li><a href="business-banking.html">Business Overview</a></li><li><a href="business-account.html">Business Accounts</a></li><li><a href="corporate-bank.html">Corporate Banking</a></li></ul></div><div class="db-footer-col"><h4>Security & Help</h4><ul class="db-footer-links"><li><a href="security-centre.html">Security Centre</a></li><li><a href="report-fraud.html">Report Fraud</a></li><li><a href="help-centre.html">Help Centre</a></li><li><a href="faq.html">FAQs</a></li><li><a href="customer-support.html">Customer Support</a></li></ul></div><div class="db-footer-col"><h4>Company</h4><ul class="db-footer-links"><li><a href="about-us.html">About Us</a></li><li><a href="careers.html">Careers</a></li><li><a href="investor-relations.html">Investor Relations</a></li><li><a href="contact.html">Contact Us</a></li><li><a href="account/login.html">Log In</a></li><li><a href="account/register.html">Register</a></li></ul></div></div><div class="db-footer-bottom"><div class="db-footer-copyright">&copy; <span class="footer-year">2024</span> <?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?>. All rights reserved.</div><div class="db-footer-legal"><a href="privacy-policy.html">Privacy Policy</a><a href="terms.html">Terms of Use</a><a href="cookie-policy.html">Cookie Policy</a><a href="accessibility.html">Accessibility</a><a href="sitemap.html">Sitemap</a></div></div></div></footer>
<script src="plugin/jquery.min.js"></script><script src="plugin/bootstrap/js/bootstrap.bundle.min.js"></script><script src="assets/js/landing.js"></script>
<script>document.querySelector('.footer-year').textContent=new Date().getFullYear();</script>
<?php include 'includes/public-footer.php'; ?>
