Banner

A Safety fence with worker inspection take measure men

List

<p>We provide top-grade flooring materials. Our selection ensures durability and quality for each project.</p>

Metal fence on a cement foundation against the blue sky. Diagonal arrangement

Quality Materials

<p>Our team provides quality flooring installation. We handle a range of materials to meet your style. Trust us to deliver durable and beautiful floors for your space.</p>

Professional Service 

Pricing Table

Vinyl Floor

Laminate Floor

Hardwood Floor

Quote/testimonial

Love my new floor, recommend North American Supply!

Pemaquid Maine - Mother & Daughter on the Rocks - 1985

They were great every step of the way, helped us choose the style of the floor and colour we wanted and were very informative. Happy with the job and affordable also

Portrait of a smiling mature woman on gray background, person with cool attitude, arms crossed and looking at camera. Confidence and success, copy space

Needed floor replaced, they got the job done in a very good price, 5/5 would recommend

Mother and daughters backpack on mountain trail

New floor looks awesome! Professionalism at its finest, this was my 2nd time working with North American Supply, I won't go anywhere else! 

photo taken in 1988 in California, young man posing holding his son looking at the camera

I had been looking to replace my floor for months and NAS made the process easier than anyone else I spoke to. Looks great.

Woman lifting up the dog on the couch, shot on camera film with flash

Text + image

<h2 style="text-align:center">North American Supply Satisfaction Guarantee</h2>
<p style="text-align:center">At North American Supply, we stand behind the quality of the products we supply and the workmanship of every installation we support. From materials to final installation, your satisfaction is our priority.</p>
<p style="text-align:center">We are committed to providing dependable products, clear communication, and professional service at every stage of your project. If there is a concern with the materials supplied or the installation performed, we will work with you promptly and fairly to resolve it.</p>
<p style="text-align:center">Our job isn’t complete until the materials meet our standards and the finished result meets yours.</p>

Logo showcase

Embed

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap" rel="stylesheet">

<style>
  :root{
    --primary:#003594;
    --soft:#d9e1ef;
    --white:#ffffff;
    --text:#0b1220;
    --muted:#4b5563;
    --border:rgba(0,0,0,.10);
    --radius:18px;
    --radius-sm:12px;
  }
  .nas-wrap{
    font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    padding:16px;
    background:linear-gradient(180deg,var(--soft),#ffffff);
  }
  .nas-card{
    max-width:720px;
    margin:0 auto;
    background:#ffffff;
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:18px;
  }
  .nas-title{
    margin:0 0 6px;
    font-size:22px;
    font-weight:800;
    color:var(--text);
  }
  .nas-sub{
    margin:0 0 14px;
    font-size:13px;
    color:var(--muted);
    line-height:1.4;
  }
  .nas-form{
    display:grid;
    gap:12px;
  }
  .nas-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .nas-field label{
    display:block;
    font-size:12px;
    font-weight:800;
    margin:0 0 4px;
    color:var(--text);
  }
  .nas-field input,
  .nas-field select{
    width:100%;
    padding:11px 12px;
    border-radius:var(--radius-sm);
    border:1px solid rgba(0,53,148,.25);
    font-size:14px;
    outline:none;
  }
  .nas-field input:focus,
  .nas-field select:focus{
    border-color:rgba(0,53,148,.65);
    box-shadow:0 0 0 3px rgba(0,53,148,.12);
  }
  .nas-btn{
    border:1px solid var(--primary);
    background:var(--primary);
    color:#ffffff;
    font-weight:900;
    padding:12px 16px;
    border-radius:14px;
    cursor:pointer;
  }
  .nas-note{
    font-size:12px;
    color:var(--muted);
  }
  .nas-hp{
    position:absolute;
    left:-9999px;
  }
  @media(max-width:720px){
    .nas-row{grid-template-columns:1fr;}
  }
</style>

<div class="nas-wrap">
  <div class="nas-card">
    <h3 class="nas-title">Flooring Quote Request</h3>
    <p class="nas-sub">
      Request pricing for <strong>vinyl, laminate, or hardwood flooring</strong>.
      Share a few project details and our team will follow up with options and availability.
    </p>

    <form class="nas-form" action="https://formspree.io/f/mlgdyvbo" method="POST">
      <div class="nas-hp">
        <input type="text" name="_gotcha">
      </div>

      <input type="hidden" name="_subject" value="Flooring Quote – North American Supply">
      <input type="hidden" name="product" value="Flooring">

      <div class="nas-row">
        <div class="nas-field">
          <label>Full Name *</label>
          <input type="text" name="full_name" required>
        </div>
        <div class="nas-field">
          <label>Email *</label>
          <input type="email" name="email" required>
        </div>
      </div>

      <div class="nas-row">
        <div class="nas-field">
          <label>Phone *</label>
          <input type="tel" name="phone" required>
        </div>
        <div class="nas-field">
          <label>City / Province (optional)</label>
          <input type="text" name="location" placeholder="e.g., Surrey, BC">
        </div>
      </div>

      <div class="nas-row">
        <div class="nas-field">
          <label>Flooring Type *</label>
          <select name="flooring_type" required>
            <option value="">Select type</option>
            <option value="Vinyl">Vinyl</option>
            <option value="Laminate">Laminate</option>
            <option value="Hardwood">Hardwood</option>
            <option value="Not Sure Yet">Not sure yet</option>
          </select>
        </div>

        <div class="nas-field">
          <label>Approx. Area *</label>
          <input type="text" name="area" placeholder="e.g., 900 sq ft" required>
        </div>
      </div>

      <div class="nas-row">
        <div class="nas-field">
          <label>Scope *</label>
          <select name="scope" required>
            <option value="">Select scope</option>
            <option value="Materials Only">Materials Only</option>
            <option value="Supply + Installation">Supply + Installation</option>
          </select>
        </div>

        <div class="nas-field">
          <label>Project Timeline (optional)</label>
          <select name="timeline">
            <option value="">Select timeline</option>
            <option value="ASAP">ASAP</option>
            <option value="2–4 Weeks">2–4 Weeks</option>
            <option value="1–2 Months">1–2 Months</option>
            <option value="3+ Months">3+ Months</option>
          </select>
        </div>
      </div>

      <button class="nas-btn" type="submit">Request Flooring Quote</button>

      <p class="nas-note">
        We typically respond within 1 business day.  
        Questions? <strong>service@northamericansupply.ca</strong>
      </p>
    </form>
  </div>
</div>