AM-WEB/floorithardwoodfloors.com
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Concept Agent
2026-05-07 11:45:16 +02:00
parent 4860391e99
commit 9907a2ab7d
47 changed files with 8317 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact/index.html
+200
View File
@@ -0,0 +1,200 @@
<!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 &amp; 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 &amp; 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>