<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>Signature Mortgage Funding - Florida Mortgage Experts</title>


  <!-- Google Analytics -->

  <!-- Replace 'G-XXXXXXXXXX' with your GA Measurement ID -->

  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>

  <script>

    window.dataLayer = window.dataLayer || [];

    function gtag(){dataLayer.push(arguments);}

    gtag('js', new Date());

    gtag('config', 'G-XXXXXXXXXX');

  </script>


  <!-- Meta Pixel Code -->

  <!-- Replace 'YOUR_PIXEL_ID' with your Facebook Pixel ID -->

  <script>

    !function(f,b,e,v,n,t,s)

    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?

    n.callMethod.apply(n,arguments):n.queue.push(arguments)};

    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';

    n.queue=[];t=b.createElement(e);t.async=!0;

    t.src=v;s=b.getElementsByTagName(e)[0];

    s.parentNode.insertBefore(t,s)}(window, document,'script',

    'https://connect.facebook.net/en_US/fbevents.js');

    fbq('init', 'YOUR_PIXEL_ID');

    fbq('track', 'PageView');

  </script>

  <noscript>

    <img height="1" width="1" style="display:none"

      src="https://www.facebook.com/tr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1"/>

  </noscript>


  <style>

    /* Reset and base */

    * {

      box-sizing: border-box;

    }

    body {

      margin: 0;

      font-family: 'Poppins', sans-serif;

      background-color: #f3f6f8;

      color: #1e293b;

      line-height: 1.6;

      display: flex;

      flex-direction: column;

      min-height: 100vh;

    }


    header {

      position: relative;

      background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;

      height: 80vh;

      color: white;

      display: flex;

      flex-direction: column;

      justify-content: center;

      text-align: center;

      padding: 0 1.5rem;

    }

    header::after {

      content: '';

      position: absolute;

      inset: 0;

      background: rgba(0,0,0,0.5);

      z-index: 1;

    }

    header .content {

      position: relative;

      z-index: 2;

      max-width: 700px;

      margin: 0 auto;

    }

    header .logo {

      max-width: 280px;

      margin: 0 auto 1rem auto;

      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.6));

    }

    header h1 {

      font-size: 2.5rem;

      margin-bottom: 0.5rem;

      font-weight: 700;

      line-height: 1.2;

    }

    header p {

      font-size: 1.2rem;

      margin-bottom: 2rem;

      font-weight: 500;

    }

    .btn-primary {

      background-color: #0ea5e9;

      color: white;

      padding: 1rem 2.5rem;

      font-size: 1.25rem;

      font-weight: 700;

      border: none;

      border-radius: 6px;

      cursor: pointer;

      text-decoration: none;

      display: inline-block;

      transition: background-color 0.3s ease;

    }

    .btn-primary:hover,

    .btn-primary:focus {

      background-color: #0284c7;

      outline: none;

    }


    main {

      flex-grow: 1;

      max-width: 1000px;

      margin: 3rem auto 4rem auto;

      padding: 0 1.5rem;

    }

    main h2 {

      text-align: center;

      font-weight: 700;

      font-size: 2rem;

      margin-bottom: 2rem;

      color: #0f172a;

    }


    .audience-grid {

      display: grid;

      grid-template-columns: repeat(auto-fit,minmax(280px,1fr));

      gap: 2rem;

    }

    .card {

      background: white;

      padding: 2rem;

      border-radius: 10px;

      box-shadow: 0 5px 15px rgb(0 0 0 / 0.1);

      transition: transform 0.3s ease;

    }

    .card:hover {

      transform: translateY(-6px);

    }

    .card h3 {

      margin-top: 0;

      margin-bottom: 0.75rem;

      color: #0369a1;

    }

    .card p {

      font-size: 1rem;

      color: #334155;

    }


    .contact-section {

      max-width: 600px;

      margin: 2rem auto;

      background: white;

      padding: 2rem;

      border-radius: 10px;

      box-shadow: 0 5px 15px rgb(0 0 0 / 0.1);

    }

    .contact-section h2 {

      margin-top: 0;

      margin-bottom: 1.5rem;

      text-align: center;

      color: #0369a1;

    }

    form {

      display: flex;

      flex-direction: column;

      gap: 1rem;

    }

    label {

      font-weight: 600;

      color: #1e293b;

    }

    input, textarea {

      padding: 0.75rem 1rem;

      font-size: 1rem;

      border: 1.5px solid #cbd5e1;

      border-radius: 6px;

      resize: vertical;

      font-family: inherit;

    }

    input:focus, textarea:focus {

      outline: 2px solid #0ea5e9;

      border-color: #0ea5e9;

    }

    button[type="submit"] {

      background-color: #0ea5e9;

      color: white;

      padding: 1rem 2rem;

      font-weight: 700;

      border: none;

      border-radius: 6px;

      font-size: 1.1rem;

      cursor: pointer;

      transition: background-color 0.3s ease;

    }

    button[type="submit"]:hover,

    button[type="submit"]:focus {

      background-color: #0284c7;

      outline: none;

    }


    footer {

      background-color: #0f172a;

      color: #cbd5e1;

      text-align: center;

      padding: 2rem 1rem;

      font-size: 0.9rem;

    }

    footer .contact-info {

      margin-bottom: 0.8rem;

    }

    footer a {

      color: #38bdf8;

      text-decoration: none;

    }

    footer a:hover,

    footer a:focus {

      text-decoration: underline;

    }


    @media (max-width: 600px) {

      header h1 {

        font-size: 2rem;

      }

      header p {

        font-size: 1rem;

      }

    }

  </style>

</head>

<body>


  <header role="banner" aria-label="Florida mortgage funding hero section">

    <div class="content">

      <img src="Signature-MortFund logo.JPG" alt="Signature Mortgage Funding logo" class="logo" />

      <h1>Finance Your Florida Home from Anywhere</h1>

      <p>Helping Out-of-State Buyers (CA, TX, IL, NY, MI) & Canadian Buyers get pre-approved for Florida mortgages — fast and simple.</p>

      <a href="https://calendly.com/derrickldavis" class="btn-primary" target="_blank" rel="noopener noreferrer" aria-label="Book your free Florida mortgage consultation">

        Book Your Free Consultation

      </a>

    </div>

  </header>


  <main>

    <h2>Who We Help</h2>

    <div class="audience-grid" role="list">

      <section class="card" role="listitem" aria-label="Out-of-State Buyers">

        <h3>Out-of-State Buyers 🇺🇸</h3>

        <p>Relocating from California, Texas, Illinois, New York, or Michigan? We specialize in helping you secure competitive Florida mortgage rates quickly — whether it's your primary or second home.</p>

      </section>


      <section class="card" role="listitem" aria-label="Canadian Buyers">

        <h3>Canadian Buyers 🇨🇦</h3>

        <p>Looking for vacation or investment properties in Florida? We assist Canadians with financing options, including cross-border mortgage solutions tailored to your needs.</p>

      </section>

    </div>


    <section class="contact-section" aria-labelledby="contact-form-header">

      <h2 id="contact-form-header">Get in Touch</h2>

      <form action="mailto:derrick@signaturemf.com" method="post" enctype="text/plain" onsubmit="alert('Thank you for reaching out! Derrick will contact you shortly.');">

        <label for="name">Full Name *</label>

        <input type="text" id="name" name="Name" required placeholder="Your full name" />


        <label for="email">Email Address *</label>

        <input type="email" id="email" name="Email" required placeholder="you@example.com" />


        <label for="phone">Phone Number *</label>

        <input type="tel" id="phone" name="Phone" required placeholder="(123) 456-7890" />


        <label for="message">Message</label>

        <textarea id="message" name="Message" rows="4" placeholder="Tell us about your Florida home goals"></textarea>


        <button type="submit" aria-label="Submit contact form">Send Message</button>

      </form>

    </section>

  </main>


  <footer role="contentinfo">

    <div class="contact-info">

      <p><strong>Derrick Davis | Signature Mortgage Funding</strong></p>

      <p>Phone: <a href="tel:+15615438015" aria-label="Call Derrick Davis">561-543-8015</a> | Email: <a href="mailto:derrick@signaturemf.com" aria-label="Email Derrick Davis">derrick@signaturemf.com</a></p>

      <p>NMLS #1607196</p>

    </div>

    <p>© 2025 Signature Mortgage Funding. Licensed Florida Mortgage Lender.</p>

  </footer>


</body>

</html>