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

<main id="main-content">

<!-- ===== PAGE HERO ===== -->
<section class="db-page-hero" aria-labelledby="hero-title"><div class="db-container"><h1 class="db-page-hero-title" id="hero-title">Ways to Bank</h1><p class="db-page-hero-subtitle">Access your accounts and manage your finances through the channel that suits you best.</p></div></section>

<!-- ===== ONLINE BANKING ===== -->
<section class="db-section"><div class="db-container">
  <div class="db-feature animate">
    <div class="db-feature-content">
      <div class="db-feature-icon"><i class="fas fa-desktop"></i></div>
      <h3 class="db-feature-title">Online Banking</h3>
      <p class="db-feature-description">Access your complete banking dashboard from any web browser. Whether on a laptop or desktop, online banking gives you full control over your finances with a secure, feature-rich interface designed for everyday money management.</p>
      <ul class="db-feature-list">
        <li><i class="fas fa-check-circle"></i> View real-time balances across all your accounts</li>
        <li><i class="fas fa-check-circle"></i> Initiate local and international transfers with PIN verification</li>
        <li><i class="fas fa-check-circle"></i> Pay bills, schedule recurring payments, and manage payees</li>
        <li><i class="fas fa-check-circle"></i> Access detailed transaction history and download statements</li>
        <li><i class="fas fa-check-circle"></i> Manage debit and virtual card settings</li>
        <li><i class="fas fa-check-circle"></i> Update your profile, security settings, and notification preferences</li>
      </ul>
      <a href="digital-banking.html" class="db-btn db-btn-primary">Explore Online Banking</a>
    </div>
    <div class="db-feature-visual"><div class="db-feature-visual-inner"><img src="assets/images/digital/mobile-banking-user.jpg" alt="Customer using online banking on a laptop to manage finances" width="500" height="333" loading="lazy" style="max-width:100%;height:auto;border-radius:var(--db-radius-xl);"></div></div>
  </div>
</div></section>

<!-- ===== MOBILE BANKING ===== -->
<section class="db-section db-section-bg"><div class="db-container">
  <div class="db-feature db-feature-reverse animate">
    <div class="db-feature-content">
      <div class="db-feature-icon"><i class="fas fa-mobile-alt"></i></div>
      <h3 class="db-feature-title">Mobile Banking</h3>
      <p class="db-feature-description">Bank on the go from your smartphone or tablet. Our responsive platform adapts to any screen size, giving you full dashboard access wherever you are. All the power of online banking, optimised for your mobile device.</p>
      <ul class="db-feature-list">
        <li><i class="fas fa-check-circle"></i> Full dashboard access from any smartphone or tablet</li>
        <li><i class="fas fa-check-circle"></i> Secure login with multi-factor authentication</li>
        <li><i class="fas fa-check-circle"></i> PIN-protected transfers initiated in seconds</li>
        <li><i class="fas fa-check-circle"></i> Real-time push notifications for account activity</li>
        <li><i class="fas fa-check-circle"></i> Check balances and review recent transactions instantly</li>
        <li><i class="fas fa-check-circle"></i> Pay bills and manage payees from anywhere</li>
      </ul>
      <a href="digital-banking.html" class="db-btn db-btn-primary">Learn About Mobile Banking</a>
    </div>
    <div class="db-feature-visual"><div class="db-feature-visual-inner"><img src="assets/svg/mobile-banking-preview.svg" alt="Mobile banking application showing balance, quick actions, and transaction history" width="200" height="373" loading="lazy" style="max-width:200px;height:auto;"></div></div>
  </div>
</div></section>

<!-- ===== BANKING DASHBOARD ===== -->
<section class="db-section"><div class="db-container">
  <div class="db-feature animate">
    <div class="db-feature-content">
      <div class="db-feature-icon"><i class="fas fa-chart-pie"></i></div>
      <h3 class="db-feature-title">Your Banking Dashboard</h3>
      <p class="db-feature-description">Your personalised banking dashboard brings everything together in one place. View all your accounts at a glance, track income and spending, monitor savings goals, and access every banking feature from a single, intuitive interface.</p>
      <ul class="db-feature-list">
        <li><i class="fas fa-check-circle"></i> Consolidated view of all your accounts and balances</li>
        <li><i class="fas fa-check-circle"></i> Quick-action buttons for transfers, bill payments, and card management</li>
        <li><i class="fas fa-check-circle"></i> Income and spending summaries with visual breakdowns</li>
        <li><i class="fas fa-check-circle"></i> Savings goal tracking with progress indicators</li>
        <li><i class="fas fa-check-circle"></i> Recent transaction feed with search and filter options</li>
        <li><i class="fas fa-check-circle"></i> One-click access to statements, beneficiaries, and account settings</li>
      </ul>
      <a href="digital-banking.html" class="db-btn db-btn-primary">View Dashboard Features</a>
    </div>
    <div class="db-feature-visual"><div class="db-feature-visual-inner"><img src="assets/images/personal/family-finance-planning.jpg" alt="Professional reviewing account information and financial activity on a laptop" width="500" height="333" loading="lazy" style="max-width:100%;height:auto;border-radius:var(--db-radius-xl);"></div></div>
  </div>
</div></section>

<!-- ===== CUSTOMER SUPPORT ===== -->
<section class="db-section db-section-bg"><div class="db-container">
  <div class="db-feature db-feature-reverse animate">
    <div class="db-feature-content">
      <div class="db-feature-icon"><i class="fas fa-headset"></i></div>
      <h3 class="db-feature-title">Customer Support</h3>
      <p class="db-feature-description">When you need assistance, our support team is ready to help. Whether you have an account question, need help with a transfer, or want to report a concern, we offer multiple ways to reach us.</p>
      <ul class="db-feature-list">
        <li><i class="fas fa-check-circle"></i> 24/7 phone support for urgent account and security inquiries</li>
        <li><i class="fas fa-check-circle"></i> Email support with prompt responses during business hours</li>
        <li><i class="fas fa-check-circle"></i> Live chat available from your banking dashboard</li>
        <li><i class="fas fa-check-circle"></i> Dedicated business support team for business account holders</li>
        <li><i class="fas fa-check-circle"></i> Fraud reporting hotline for immediate assistance</li>
        <li><i class="fas fa-check-circle"></i> Help Centre with articles, guides, and FAQs available anytime</li>
      </ul>
      <div style="display:flex;gap:var(--db-space-3);flex-wrap:wrap;">
        <a href="customer-support.html" class="db-btn db-btn-primary">Get Support</a>
        <a href="help-centre.html" class="db-btn db-btn-outline">Visit Help Centre</a>
      </div>
    </div>
    <div class="db-feature-visual"><div class="db-feature-visual-inner" style="display:flex;align-items:center;justify-content:center;min-height:250px;background:var(--db-gray-50);border-radius:var(--db-radius-xl);"><div style="text-align:center;padding:var(--db-space-8);"><i class="fas fa-headset" style="font-size:4rem;color:var(--db-primary);margin-bottom:var(--db-space-4);display:block;"></i><p style="color:var(--db-gray-500);font-size:var(--db-text-sm);">Available 24 hours a day, 7 days a week</p></div></div></div>
  </div>
</div></section>

<!-- ===== STATEMENTS AND RECORDS ===== -->
<section class="db-section"><div class="db-container">
  <div class="db-content animate">
    <div class="db-section-header" style="margin-bottom:var(--db-space-8);">
      <span class="db-section-label">Records</span>
      <h2 class="db-section-title">Statements and Records</h2>
      <p class="db-section-subtitle">Keep track of your finances with detailed account statements and transaction records available whenever you need them.</p>
    </div>
    <div class="db-grid db-grid-3">
      <div class="db-card">
        <div class="db-card-icon"><i class="fas fa-file-alt"></i></div>
        <h3 class="db-card-title">Account Statements</h3>
        <p class="db-card-text">Download monthly and annual account statements in PDF format. Each statement includes a complete summary of credits, debits, fees, and interest earned during the period. Ideal for personal record-keeping and tax preparation.</p>
      </div>
      <div class="db-card">
        <div class="db-card-icon"><i class="fas fa-history"></i></div>
        <h3 class="db-card-title">Transaction History</h3>
        <p class="db-card-text">Access your complete transaction history from your dashboard. Filter by date range, transaction type, amount, or status. Every credit and debit is recorded with a unique reference for easy tracking and reconciliation.</p>
      </div>
      <div class="db-card">
        <div class="db-card-icon"><i class="fas fa-download"></i></div>
        <h3 class="db-card-title">Export and Share</h3>
        <p class="db-card-text">Export your transaction data for use in accounting software or share statements securely with your accountant or financial advisor. Records are available in standard formats for compatibility with your tools.</p>
      </div>
    </div>
  </div>
</div></section>

<!-- ===== NOTIFICATIONS AND ALERTS ===== -->
<section class="db-section db-section-bg"><div class="db-container">
  <div class="db-content animate">
    <div class="db-section-header" style="margin-bottom:var(--db-space-8);">
      <span class="db-section-label">Stay Informed</span>
      <h2 class="db-section-title">Notifications and Alerts</h2>
      <p class="db-section-subtitle">Stay on top of your account activity with real-time alerts delivered the way you prefer.</p>
    </div>
    <div class="db-grid db-grid-3">
      <div class="db-card">
        <div class="db-card-icon"><i class="fas fa-bell"></i></div>
        <h3 class="db-card-title">Transaction Alerts</h3>
        <p class="db-card-text">Receive instant notifications for every transaction on your account. Know exactly when money moves in or out, with details including the amount, beneficiary, and reference. Configure alerts for transfers above a threshold you set.</p>
      </div>
      <div class="db-card">
        <div class="db-card-icon"><i class="fas fa-shield-alt"></i></div>
        <h3 class="db-card-title">Security Notifications</h3>
        <p class="db-card-text">Get alerted immediately about security-related events such as login attempts from new devices, password or PIN changes, and profile updates. These alerts help you detect and respond to unauthorised access quickly.</p>
      </div>
      <div class="db-card">
        <div class="db-card-icon"><i class="fas fa-sliders-h"></i></div>
        <h3 class="db-card-title">Customisable Preferences</h3>
        <p class="db-card-text">Choose how you receive notifications: push alerts on your mobile device, email summaries, or in-dashboard messages. Set quiet hours, pick which events trigger alerts, and adjust your preferences anytime from your account settings.</p>
      </div>
    </div>
    <div class="db-text-center db-mt-8">
      <a href="digital-banking.html" class="db-btn db-btn-outline">Manage Your Notifications <i class="fas fa-arrow-right"></i></a>
    </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">Open an Account and Start Banking Your Way</h2><p class="db-cta-description">Choose the account that fits your needs and access it through online banking, mobile, or with support from our team — whichever works best for you.</p><div class="db-cta-actions"><a href="account/register.html" class="db-btn db-btn-light db-btn-lg">Open an Account</a><a href="accounts.html" class="db-btn db-btn-outline-white db-btn-lg">Compare Accounts</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'; ?>
