Concept Agent
201 lines
10 KiB
HTML
201 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="site-root" content="/">
|
|
<title>Contact Floor It Hardwood Floors | Buffalo, NY (716) 602-1429</title>
|
|
<meta name="description" content="Request a free estimate or call (716) 602-1429. Floor It Hardwood Floors serves Buffalo and Erie County, NY. Mon-Sat 8AM-5PM.">
|
|
<link rel="canonical" href="https://floorithardwoodfloors.com/contact/">
|
|
<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=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
|
<link rel="stylesheet" href="/assets/css/components.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="site-header"></div>
|
|
|
|
<main>
|
|
|
|
<section class="page-hero">
|
|
<div class="container page-hero-inner">
|
|
<nav class="breadcrumb" aria-label="Breadcrumb">
|
|
<a href="/">Home</a>
|
|
<span class="breadcrumb-sep">/</span>
|
|
<span>Contact</span>
|
|
</nav>
|
|
<span class="eyebrow">Get in Touch</span>
|
|
<h1>Request Your Estimate</h1>
|
|
<p class="lead">Fill out the form below or call us directly. We respond within 1 business hour, Monday through Saturday.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section contact-section">
|
|
<div class="container">
|
|
<div class="contact-layout">
|
|
|
|
<div>
|
|
<span class="eyebrow">Contact Information</span>
|
|
<h2>Reach Our Team</h2>
|
|
<div class="divider"></div>
|
|
|
|
<div class="contact-info-list">
|
|
<div class="contact-info-item">
|
|
<div class="contact-info-icon">
|
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/></svg>
|
|
</div>
|
|
<div>
|
|
<h5>Phone</h5>
|
|
<a href="tel:+17166021429">(716) 602-1429</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-info-item">
|
|
<div class="contact-info-icon">
|
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"/><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"/></svg>
|
|
</div>
|
|
<div>
|
|
<h5>Email</h5>
|
|
<a href="mailto:floorithardwoods@gmail.com">floorithardwoods@gmail.com</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-info-item">
|
|
<div class="contact-info-icon">
|
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
|
|
</div>
|
|
<div>
|
|
<h5>Service Area</h5>
|
|
<a href="https://maps.app.goo.gl/6HLbMaQuXVBy6rWB9" target="_blank" rel="noopener">Western NY & Erie County</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-info-item">
|
|
<div class="contact-info-icon">
|
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"/></svg>
|
|
</div>
|
|
<div>
|
|
<h5>Business Hours</h5>
|
|
<p>Monday to Saturday: 8:00 AM to 5:00 PM<br>Sunday: Closed</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-top:2.5rem;padding:1.5rem;background:var(--charcoal);border-radius:var(--radius-lg);color:var(--text-on-dark);">
|
|
<p style="font-size:var(--text-sm);font-weight:600;color:var(--amber);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.75rem;">What Happens Next</p>
|
|
<ol style="display:flex;flex-direction:column;gap:0.75rem;max-width:none;">
|
|
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--ash);"><span style="color:var(--amber);font-weight:800;flex-shrink:0;min-width:1.25rem;">1.</span> We call or email you within 1 business hour</li>
|
|
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--ash);"><span style="color:var(--amber);font-weight:800;flex-shrink:0;min-width:1.25rem;">2.</span> We schedule a free onsite visit at your convenience</li>
|
|
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--ash);"><span style="color:var(--amber);font-weight:800;flex-shrink:0;min-width:1.25rem;">3.</span> You receive a detailed, multi-option quote within 2 business days</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-form-wrap" data-animate="right">
|
|
<h3 style="margin-bottom:1.5rem;font-size:var(--text-xl);">Send Us a Message</h3>
|
|
<form class="estimate-form" novalidate>
|
|
<div class="form-grid form-grid--2">
|
|
<div class="form-field">
|
|
<label for="name">Full Name <span aria-hidden="true">*</span></label>
|
|
<input type="text" id="name" name="name" autocomplete="name" required>
|
|
<span class="err-msg" role="alert"></span>
|
|
</div>
|
|
<div class="form-field">
|
|
<label for="phone">Phone Number <span aria-hidden="true">*</span></label>
|
|
<input type="tel" id="phone" name="phone" placeholder="(716) 000-0000" autocomplete="tel" required>
|
|
<span class="err-msg" role="alert"></span>
|
|
</div>
|
|
<div class="form-field">
|
|
<label for="email">Email Address <span aria-hidden="true">*</span></label>
|
|
<input type="email" id="email" name="email" autocomplete="email" required>
|
|
<span class="err-msg" role="alert"></span>
|
|
</div>
|
|
<div class="form-field">
|
|
<label for="address">Property Address <span aria-hidden="true">*</span></label>
|
|
<input type="text" id="address" name="address" autocomplete="street-address" required>
|
|
<span class="err-msg" role="alert"></span>
|
|
</div>
|
|
<div class="form-field">
|
|
<label for="city">City <span aria-hidden="true">*</span></label>
|
|
<input type="text" id="city" name="city" autocomplete="address-level2" required>
|
|
<span class="err-msg" role="alert"></span>
|
|
</div>
|
|
<div class="form-field">
|
|
<label for="zip">Zip Code</label>
|
|
<input type="text" id="zip" name="zip" autocomplete="postal-code" inputmode="numeric" maxlength="5">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-grid form-grid--2" style="margin-top:1.25rem;">
|
|
<div class="form-field">
|
|
<label for="service">Service Needed <span aria-hidden="true">*</span></label>
|
|
<select id="service" name="service" required>
|
|
<option value="">Select a service</option>
|
|
<option value="refinishing">Floor Refinishing</option>
|
|
<option value="restoration">Floor Restoration</option>
|
|
<option value="sanding">Floor Sanding</option>
|
|
<option value="installation">Floor Installation</option>
|
|
<option value="unsure">Not Sure</option>
|
|
</select>
|
|
<span class="err-msg" role="alert"></span>
|
|
</div>
|
|
<div class="form-field">
|
|
<label for="condition">Floor Condition</label>
|
|
<select id="condition" name="condition">
|
|
<option value="">Select condition</option>
|
|
<option value="good">Good: Minor scratches</option>
|
|
<option value="fair">Fair: Visible wear</option>
|
|
<option value="poor">Poor: Major damage</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-field" style="margin-top:1.25rem;">
|
|
<label for="message">Describe the Issue</label>
|
|
<textarea id="message" name="message" placeholder="In a few sentences, describe the issue your floors are experiencing or what service you are looking for."></textarea>
|
|
</div>
|
|
|
|
<div class="form-trust">
|
|
<div class="form-trust-item">1 business hour response</div>
|
|
<div class="form-trust-item">No obligation</div>
|
|
<div class="form-trust-item">Licensed & insured</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn--primary btn--full btn--lg" style="margin-top:1.25rem;">Send My Request</button>
|
|
|
|
<div class="form-status" role="status" aria-live="polite"></div>
|
|
|
|
<p style="text-align:center;margin-top:1rem;font-size:var(--text-sm);color:var(--smoke);">Or call us directly: <a href="tel:+17166021429" style="color:var(--amber);font-weight:700;">(716) 602-1429</a></p>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- MAP -->
|
|
<section class="section section--dark" style="padding-block:0;">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d185000!2d-78.85!3d42.89!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d312819d5e0e05%3A0xe0f822ff0f825c28!2sErie%20County%2C%20NY!5e0!3m2!1sen!2sus!4v1"
|
|
width="100%"
|
|
height="400"
|
|
style="display:block;border:none;filter:grayscale(0.5) contrast(1.1);"
|
|
loading="lazy"
|
|
title="Floor It Hardwood Floors service area in Buffalo, NY"
|
|
referrerpolicy="no-referrer-when-downgrade"
|
|
aria-label="Map showing Floor It service area in Buffalo, NY">
|
|
</iframe>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<div id="site-footer"></div>
|
|
|
|
<script src="/assets/js/components.js"></script>
|
|
<script src="/assets/js/main.js"></script>
|
|
<script src="/assets/js/form.js"></script>
|
|
</body>
|
|
</html>
|