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
services/_template.html
+276
View File
@@ -0,0 +1,276 @@
<!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>{{title}}</title>
<meta name="description" content="{{meta_description}}">
<link rel="canonical" href="{{canonical}}">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "{{service_name}}",
"provider": {
"@type": "LocalBusiness",
"name": "Floor It Hardwood Floors",
"telephone": "+17166021429",
"email": "floorithardwoods@gmail.com",
"url": "https://floorithardwoodfloors.com",
"areaServed": "Erie County, NY"
},
"url": "{{canonical}}"
}
</script>
</head>
<body>
<div id="site-header"></div>
<main>
<!-- HERO -->
<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>
<a href="/services/">Services</a>
<span class="breadcrumb-sep">/</span>
<span>{{service_name}}</span>
</nav>
<span class="eyebrow">{{hero_eyebrow}}</span>
<h1>{{hero_h1}}</h1>
<p class="lead">{{hero_lead}}</p>
<div class="cta-group" style="margin-top:2rem;">
<a href="/contact/" class="btn btn--primary btn--lg">Get a Free Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-light btn--lg">Call (716) 602-1429</a>
</div>
</div>
</section>
<!-- INTRO -->
<section class="section section--light">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">What We Do</span>
<h2>{{intro_h2}}</h2>
<div class="divider"></div>
<p style="color:var(--smoke);">{{intro_body_1}}</p>
<p style="margin-top:1rem;color:var(--smoke);">{{intro_body_2}}</p>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Request Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-dark">(716) 602-1429</a>
</div>
</div>
<div data-animate="right">
<div style="border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/5;background:var(--grain);">
<img src="{{hero_image}}" alt="{{service_name}} | Floor It Hardwood Floors" style="width:100%;height:100%;object-fit:cover;" loading="lazy">
</div>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section class="section section--dark">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">How It Works</span>
<h2>Our {{service_name}} Process</h2>
<p>{{process_intro}}</p>
</div>
<div class="process-steps">
<div class="process-step" data-animate="up">
<div class="process-step-num">1</div>
<h3>{{step_1_title}}</h3>
<p>{{step_1_body}}</p>
</div>
<div class="process-step" data-animate="up" data-delay="2">
<div class="process-step-num">2</div>
<h3>{{step_2_title}}</h3>
<p>{{step_2_body}}</p>
</div>
<div class="process-step" data-animate="up" data-delay="3">
<div class="process-step-num">3</div>
<h3>{{step_3_title}}</h3>
<p>{{step_3_body}}</p>
</div>
</div>
</div>
</section>
<!-- BENEFITS -->
<section class="section section--alt">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">Why Choose Us</span>
<h2>What Sets Our {{service_name}} Apart</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;">
<div class="benefit-card" data-animate="left">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<div class="benefit-body">
<h4>{{benefit_1_title}}</h4>
<p>{{benefit_1_body}}</p>
</div>
</div>
<div class="benefit-card" data-animate="right">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 0 0 .95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 0 0-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 0 0-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 0 0-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 0 0 .951-.69l1.519-4.674z"/></svg>
</div>
<div class="benefit-body">
<h4>{{benefit_2_title}}</h4>
<p>{{benefit_2_body}}</p>
</div>
</div>
<div class="benefit-card" data-animate="left" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<div class="benefit-body">
<h4>{{benefit_3_title}}</h4>
<p>{{benefit_3_body}}</p>
</div>
</div>
<div class="benefit-card" data-animate="right" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="benefit-body">
<h4>{{benefit_4_title}}</h4>
<p>{{benefit_4_body}}</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section section--dark">
<div class="container">
<div style="display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,5rem);align-items:start;">
<div data-animate="left">
<span class="eyebrow">{{service_name}} FAQ</span>
<h2>Common Questions</h2>
<div class="divider"></div>
<p style="color:var(--ash);">Have a question? Call us at <a href="tel:+17166021429" style="color:var(--amber);font-weight:700;">(716) 602-1429</a> and we will answer it directly.</p>
</div>
<div class="faq-list" data-animate="up">
<div class="faq-item">
<div class="faq-question">
<h4>{{faq_1_q}}</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">{{faq_1_a}}</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>{{faq_2_q}}</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">{{faq_2_a}}</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>{{faq_3_q}}</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">{{faq_3_a}}</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ESTIMATE FORM -->
<section class="section contact-section">
<div class="container">
<div class="contact-layout">
<div>
<span class="eyebrow">Free Estimate</span>
<h2>{{form_h2}}</h2>
<div class="divider"></div>
<p class="lead">Tell us about your floors and we will respond within 1 business hour.</p>
<div class="contact-info-list" style="margin-top:2rem;">
<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 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>Hours</h5><p>Monday to Saturday: 8:00 AM to 5:00 PM</p></div>
</div>
</div>
</div>
<div class="contact-form-wrap" data-animate="right">
<h3 style="margin-bottom:1.5rem;font-size:var(--text-xl);">{{form_h2}}</h3>
<form class="estimate-form" novalidate>
<input type="hidden" name="service_page" value="{{service_name}}">
<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>
<div class="form-field" style="margin-top:1.25rem;">
<label for="message">Additional Details</label>
<textarea id="message" name="message" placeholder="Describe your floors or the issue you are experiencing."></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;">{{form_submit}}</button>
<div class="form-status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
</div>
</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>
services/floor-installation.html
+276
View File
@@ -0,0 +1,276 @@
<!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>Hardwood Floor Installation in Buffalo, NY | Floor It Hardwood Floors</title>
<meta name="description" content="New hardwood floor installation in Buffalo and Erie County, NY. Solid and engineered hardwood, proper subfloor prep, professional installation. Free estimate. Call (716) 602-1429.">
<link rel="canonical" href="https://floorithardwoodfloors.com/services/floor-installation.html">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Floor Installation",
"provider": {
"@type": "LocalBusiness",
"name": "Floor It Hardwood Floors",
"telephone": "+17166021429",
"email": "floorithardwoods@gmail.com",
"url": "https://floorithardwoodfloors.com",
"areaServed": "Erie County, NY"
},
"url": "https://floorithardwoodfloors.com/services/floor-installation.html"
}
</script>
</head>
<body>
<div id="site-header"></div>
<main>
<!-- HERO -->
<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>
<a href="/services/">Services</a>
<span class="breadcrumb-sep">/</span>
<span>Floor Installation</span>
</nav>
<span class="eyebrow">Buffalo and Erie County</span>
<h1>Hardwood Floor Installation</h1>
<p class="lead">New hardwood floors installed with precision. Quality materials, proper subfloor preparation, and expert craftsmanship built to last.</p>
<div class="cta-group" style="margin-top:2rem;">
<a href="/contact/" class="btn btn--primary btn--lg">Get a Free Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-light btn--lg">Call (716) 602-1429</a>
</div>
</div>
</section>
<!-- INTRO -->
<section class="section section--light">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">What We Do</span>
<h2>Expert Hardwood Floor Installation in Western New York</h2>
<div class="divider"></div>
<p style="color:var(--smoke);">Installing new hardwood floors is an investment that lasts decades, but only if installed correctly. Improper subfloor preparation, inadequate acclimation, or poor fastening technique shows up years later as squeaks, gaps, and movement. We do it right the first time.</p>
<p style="margin-top:1rem;color:var(--smoke);">We work with solid hardwood, engineered hardwood, and parquet in a wide range of species and widths. Our installation process begins with a subfloor assessment and moisture testing, followed by a proper acclimation period for your new material.</p>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Request Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-dark">(716) 602-1429</a>
</div>
</div>
<div data-animate="right">
<div style="border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/5;background:var(--grain);">
<img src="/assets/images/project-1-after.webp" alt="Floor Installation | Floor It Hardwood Floors" style="width:100%;height:100%;object-fit:cover;" loading="lazy">
</div>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section class="section section--dark">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">How It Works</span>
<h2>Our Floor Installation Process</h2>
<p>Proper hardwood installation requires careful preparation before a single board goes down.</p>
</div>
<div class="process-steps">
<div class="process-step" data-animate="up">
<div class="process-step-num">1</div>
<h3>Material Selection</h3>
<p>We help you select the right species, width, and grade for your space based on your subfloor type, lifestyle, and existing flooring if matching is needed.</p>
</div>
<div class="process-step" data-animate="up" data-delay="2">
<div class="process-step-num">2</div>
<h3>Subfloor Preparation</h3>
<p>We assess subfloor flatness, moisture content, and structural integrity. Any issues are addressed before installation begins. This is where most problems start.</p>
</div>
<div class="process-step" data-animate="up" data-delay="3">
<div class="process-step-num">3</div>
<h3>Installation and Finish</h3>
<p>Boards are installed with proper fastening pattern and spacing. We complete with the full sand, stain, and seal process for a finished result.</p>
</div>
</div>
</div>
</section>
<!-- BENEFITS -->
<section class="section section--alt">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">Why Choose Us</span>
<h2>What Sets Our Floor Installation Apart</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;">
<div class="benefit-card" data-animate="left">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<div class="benefit-body">
<h4>All Wood Species</h4>
<p>Oak, maple, hickory, cherry, walnut, and more. We source quality material from trusted suppliers and can match existing floors in your home.</p>
</div>
</div>
<div class="benefit-card" data-animate="right">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 0 0 .95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 0 0-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 0 0-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 0 0-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 0 0 .951-.69l1.519-4.674z"/></svg>
</div>
<div class="benefit-body">
<h4>Subfloor Expertise</h4>
<p>The subfloor makes or breaks an installation. We assess, level, and prepare every subfloor to manufacturer specifications before any boards go down.</p>
</div>
</div>
<div class="benefit-card" data-animate="left" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<div class="benefit-body">
<h4>Moisture Testing</h4>
<p>Wood and subfloor moisture content must be within range of each other before installation. We test and acclimate all material on-site.</p>
</div>
</div>
<div class="benefit-card" data-animate="right" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="benefit-body">
<h4>Built to Last</h4>
<p>Properly installed hardwood floors last for decades. We stand behind our installation workmanship and ensure every board is set correctly.</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section section--dark">
<div class="container">
<div style="display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,5rem);align-items:start;">
<div data-animate="left">
<span class="eyebrow">Floor Installation FAQ</span>
<h2>Common Questions</h2>
<div class="divider"></div>
<p style="color:var(--ash);">Have a question? Call us at <a href="tel:+17166021429" style="color:var(--amber);font-weight:700;">(716) 602-1429</a> and we will answer it directly.</p>
</div>
<div class="faq-list" data-animate="up">
<div class="faq-item">
<div class="faq-question">
<h4>How long does hardwood floor installation take?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Most rooms take two to three days including subfloor prep, installation, then sand and finish. Larger projects or those requiring extensive subfloor work take longer. We provide a detailed schedule during the estimate.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>Solid versus engineered hardwood, which is right for me?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Solid hardwood is ideal for above-grade installations on wood subfloors. Engineered hardwood is better for concrete subfloors, basements, or high-humidity areas. We help you make the right choice for your situation.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>Can you match my existing hardwood floors?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">In most cases, yes. We sample your existing floor and source matching material by species, width, and grade. After installation and finishing, new and existing sections blend well.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ESTIMATE FORM -->
<section class="section contact-section">
<div class="container">
<div class="contact-layout">
<div>
<span class="eyebrow">Free Estimate</span>
<h2>Get Your Free Installation Estimate</h2>
<div class="divider"></div>
<p class="lead">Tell us about your floors and we will respond within 1 business hour.</p>
<div class="contact-info-list" style="margin-top:2rem;">
<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 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>Hours</h5><p>Monday to Saturday: 8:00 AM to 5:00 PM</p></div>
</div>
</div>
</div>
<div class="contact-form-wrap" data-animate="right">
<h3 style="margin-bottom:1.5rem;font-size:var(--text-xl);">Get Your Free Installation Estimate</h3>
<form class="estimate-form" novalidate>
<input type="hidden" name="service_page" value="Floor Installation">
<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>
<div class="form-field" style="margin-top:1.25rem;">
<label for="message">Additional Details</label>
<textarea id="message" name="message" placeholder="Describe your floors or the issue you are experiencing."></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;">Request Installation Estimate</button>
<div class="form-status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
</div>
</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>
services/floor-refinishing.html
+276
View File
@@ -0,0 +1,276 @@
<!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>Hardwood Floor Refinishing in Buffalo, NY | Floor It Hardwood Floors</title>
<meta name="description" content="Professional hardwood floor refinishing in Buffalo and Erie County, NY. Multi-stage sanding, custom stain colors, dustless process. Free estimate. Call (716) 602-1429.">
<link rel="canonical" href="https://floorithardwoodfloors.com/services/floor-refinishing.html">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Floor Refinishing",
"provider": {
"@type": "LocalBusiness",
"name": "Floor It Hardwood Floors",
"telephone": "+17166021429",
"email": "floorithardwoods@gmail.com",
"url": "https://floorithardwoodfloors.com",
"areaServed": "Erie County, NY"
},
"url": "https://floorithardwoodfloors.com/services/floor-refinishing.html"
}
</script>
</head>
<body>
<div id="site-header"></div>
<main>
<!-- HERO -->
<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>
<a href="/services/">Services</a>
<span class="breadcrumb-sep">/</span>
<span>Floor Refinishing</span>
</nav>
<span class="eyebrow">Buffalo and Erie County</span>
<h1>Hardwood Floor Refinishing</h1>
<p class="lead">Restore worn, dull, or damaged hardwood floors to their original beauty with our multi-stage refinishing process. Custom stain colors available.</p>
<div class="cta-group" style="margin-top:2rem;">
<a href="/contact/" class="btn btn--primary btn--lg">Get a Free Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-light btn--lg">Call (716) 602-1429</a>
</div>
</div>
</section>
<!-- INTRO -->
<section class="section section--light">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">What We Do</span>
<h2>Expert Floor Refinishing in Western New York</h2>
<div class="divider"></div>
<p style="color:var(--smoke);">Floor refinishing is the most effective way to transform tired, worn hardwood without the cost of full replacement. Our process begins with a thorough assessment of your floors, including wood species, existing finish condition, and depth of scratches, to determine the exact approach your floors need.</p>
<p style="margin-top:1rem;color:var(--smoke);">We use dustless sanding equipment that minimizes dust throughout the project, protecting your home and family. After sanding, we apply your chosen stain and seal with a professional-grade topcoat built for long-lasting durability.</p>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Request Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-dark">(716) 602-1429</a>
</div>
</div>
<div data-animate="right">
<div style="border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/5;background:var(--grain);">
<img src="/assets/images/project-1-after.webp" alt="Floor Refinishing | Floor It Hardwood Floors" style="width:100%;height:100%;object-fit:cover;" loading="lazy">
</div>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section class="section section--dark">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">How It Works</span>
<h2>Our Floor Refinishing Process</h2>
<p>Our refinishing process follows a proven multi-stage system that delivers consistent, beautiful results on every project.</p>
</div>
<div class="process-steps">
<div class="process-step" data-animate="up">
<div class="process-step-num">1</div>
<h3>Floor Assessment</h3>
<p>We inspect wood species, thickness, existing finish, and damage level to determine the right sanding grit sequence and stain approach.</p>
</div>
<div class="process-step" data-animate="up" data-delay="2">
<div class="process-step-num">2</div>
<h3>Dustless Sanding</h3>
<p>Our sanding equipment removes the existing finish and opens the wood grain. Multiple grit passes deliver a perfectly smooth, even surface.</p>
</div>
<div class="process-step" data-animate="up" data-delay="3">
<div class="process-step-num">3</div>
<h3>Stain and Seal</h3>
<p>We apply a test patch for your approval before proceeding with the full stain. Finish with your selected topcoat: oil-based, water-based, or wax.</p>
</div>
</div>
</div>
</section>
<!-- BENEFITS -->
<section class="section section--alt">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">Why Choose Us</span>
<h2>What Sets Our Floor Refinishing Apart</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;">
<div class="benefit-card" data-animate="left">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<div class="benefit-body">
<h4>Custom Stain Colors</h4>
<p>From natural clear finishes to deep espresso tones. We apply samples directly to your floor during the estimate visit so you can approve before we begin.</p>
</div>
</div>
<div class="benefit-card" data-animate="right">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 0 0 .95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 0 0-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 0 0-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 0 0-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 0 0 .951-.69l1.519-4.674z"/></svg>
</div>
<div class="benefit-body">
<h4>Dustless Sanding</h4>
<p>Our sanding equipment captures dust at the source, keeping your home clean and your family comfortable throughout the project.</p>
</div>
</div>
<div class="benefit-card" data-animate="left" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<div class="benefit-body">
<h4>Long-Lasting Finish</h4>
<p>Professional-grade polyurethane, oil-modified, and water-based topcoats that stand up to daily wear, pets, and Buffalo winters.</p>
</div>
</div>
<div class="benefit-card" data-animate="right" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="benefit-body">
<h4>Free On-Site Estimate</h4>
<p>We visit your home, assess the floors, and provide a detailed written estimate before any work begins. No guessing, no surprises.</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section section--dark">
<div class="container">
<div style="display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,5rem);align-items:start;">
<div data-animate="left">
<span class="eyebrow">Floor Refinishing FAQ</span>
<h2>Common Questions</h2>
<div class="divider"></div>
<p style="color:var(--ash);">Have a question? Call us at <a href="tel:+17166021429" style="color:var(--amber);font-weight:700;">(716) 602-1429</a> and we will answer it directly.</p>
</div>
<div class="faq-list" data-animate="up">
<div class="faq-item">
<div class="faq-question">
<h4>How long does floor refinishing take?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Most rooms take two to three days: one day for sanding, one for stain and first coat, one for final coats. We provide a precise timeline during the estimate.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>How many times can a hardwood floor be refinished?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Solid hardwood can typically be refinished multiple times over its lifetime depending on the wood thickness. Engineered hardwood depends on the wear layer. We measure your floor during the assessment.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>Do I need to leave my home during refinishing?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">With our dustless sanding system you can usually remain in your home. During staining and sealing we recommend staying out for several hours per coat for ventilation. We advise based on your specific layout.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ESTIMATE FORM -->
<section class="section contact-section">
<div class="container">
<div class="contact-layout">
<div>
<span class="eyebrow">Free Estimate</span>
<h2>Get Your Free Refinishing Estimate</h2>
<div class="divider"></div>
<p class="lead">Tell us about your floors and we will respond within 1 business hour.</p>
<div class="contact-info-list" style="margin-top:2rem;">
<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 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>Hours</h5><p>Monday to Saturday: 8:00 AM to 5:00 PM</p></div>
</div>
</div>
</div>
<div class="contact-form-wrap" data-animate="right">
<h3 style="margin-bottom:1.5rem;font-size:var(--text-xl);">Get Your Free Refinishing Estimate</h3>
<form class="estimate-form" novalidate>
<input type="hidden" name="service_page" value="Floor Refinishing">
<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>
<div class="form-field" style="margin-top:1.25rem;">
<label for="message">Additional Details</label>
<textarea id="message" name="message" placeholder="Describe your floors or the issue you are experiencing."></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;">Request Refinishing Estimate</button>
<div class="form-status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
</div>
</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>
services/floor-restoration.html
+276
View File
@@ -0,0 +1,276 @@
<!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>Hardwood Floor Restoration in Buffalo, NY | Floor It Hardwood Floors</title>
<meta name="description" content="Hardwood floor restoration for water damage, deep scratches, warping, and structural damage in Buffalo, NY. Insurance documentation provided. Call (716) 602-1429.">
<link rel="canonical" href="https://floorithardwoodfloors.com/services/floor-restoration.html">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Floor Restoration",
"provider": {
"@type": "LocalBusiness",
"name": "Floor It Hardwood Floors",
"telephone": "+17166021429",
"email": "floorithardwoods@gmail.com",
"url": "https://floorithardwoodfloors.com",
"areaServed": "Erie County, NY"
},
"url": "https://floorithardwoodfloors.com/services/floor-restoration.html"
}
</script>
</head>
<body>
<div id="site-header"></div>
<main>
<!-- HERO -->
<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>
<a href="/services/">Services</a>
<span class="breadcrumb-sep">/</span>
<span>Floor Restoration</span>
</nav>
<span class="eyebrow">Buffalo and Erie County</span>
<h1>Hardwood Floor Restoration</h1>
<p class="lead">Water damage, deep scratches, warping, cupping, and structural damage. We diagnose, repair, and restore your hardwood floors completely.</p>
<div class="cta-group" style="margin-top:2rem;">
<a href="/contact/" class="btn btn--primary btn--lg">Get a Free Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-light btn--lg">Call (716) 602-1429</a>
</div>
</div>
</section>
<!-- INTRO -->
<section class="section section--light">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">What We Do</span>
<h2>Full-Service Floor Restoration in Western New York</h2>
<div class="divider"></div>
<p style="color:var(--smoke);">Restoration goes beyond refinishing. When floors have suffered water damage, deep gouging, board warping, nail pops, or subfloor issues, a simple sand and seal is not enough. Our restoration process starts with a structural diagnosis to identify every issue before any work begins.</p>
<p style="margin-top:1rem;color:var(--smoke);">We repair or replace damaged boards, address subfloor problems, re-nail loose planks, and eliminate gaps, then complete the process with our full refinishing system. We also provide written documentation for insurance claims with before-and-after photography and a detailed scope-of-work report.</p>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Request Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-dark">(716) 602-1429</a>
</div>
</div>
<div data-animate="right">
<div style="border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/5;background:var(--grain);">
<img src="/assets/images/project-2-before.webp" alt="Floor Restoration | Floor It Hardwood Floors" style="width:100%;height:100%;object-fit:cover;" loading="lazy">
</div>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section class="section section--dark">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">How It Works</span>
<h2>Our Floor Restoration Process</h2>
<p>Restoration requires a thorough assessment and multi-phase repair process before refinishing can begin.</p>
</div>
<div class="process-steps">
<div class="process-step" data-animate="up">
<div class="process-step-num">1</div>
<h3>Damage Assessment</h3>
<p>We inspect for water damage, structural movement, subfloor issues, and board condition. All findings are documented with photography for insurance purposes.</p>
</div>
<div class="process-step" data-animate="up" data-delay="2">
<div class="process-step-num">2</div>
<h3>Structural Repair</h3>
<p>Replace damaged boards, re-nail loose planks, fill gaps, address subfloor problems, and eliminate squeaks before any finishing work begins.</p>
</div>
<div class="process-step" data-animate="up" data-delay="3">
<div class="process-step-num">3</div>
<h3>Refinish and Seal</h3>
<p>Once the floor is structurally sound, we complete the full refinishing process including sanding, stain, and topcoat for a seamless final result.</p>
</div>
</div>
</div>
</section>
<!-- BENEFITS -->
<section class="section section--alt">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">Why Choose Us</span>
<h2>What Sets Our Floor Restoration Apart</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;">
<div class="benefit-card" data-animate="left">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<div class="benefit-body">
<h4>Insurance Documentation</h4>
<p>Written scope-of-work reports and before and after photography for your insurance adjuster. We work with your timeline to support the claims process.</p>
</div>
</div>
<div class="benefit-card" data-animate="right">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 0 0 .95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 0 0-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 0 0-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 0 0-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 0 0 .951-.69l1.519-4.674z"/></svg>
</div>
<div class="benefit-body">
<h4>Board Replacement</h4>
<p>We source matching replacement boards for damaged sections by species, grain, and width so repairs are invisible after finishing.</p>
</div>
</div>
<div class="benefit-card" data-animate="left" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<div class="benefit-body">
<h4>Subfloor Repair</h4>
<p>Water damage often affects the subfloor. We assess and repair subfloor issues to ensure your finished floor is structurally sound.</p>
</div>
</div>
<div class="benefit-card" data-animate="right" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="benefit-body">
<h4>Cupping and Warping</h4>
<p>Cupped or warped boards from humidity changes can often be corrected without replacement. We assess each board individually to minimize material cost.</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section section--dark">
<div class="container">
<div style="display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,5rem);align-items:start;">
<div data-animate="left">
<span class="eyebrow">Floor Restoration FAQ</span>
<h2>Common Questions</h2>
<div class="divider"></div>
<p style="color:var(--ash);">Have a question? Call us at <a href="tel:+17166021429" style="color:var(--amber);font-weight:700;">(716) 602-1429</a> and we will answer it directly.</p>
</div>
<div class="faq-list" data-animate="up">
<div class="faq-item">
<div class="faq-question">
<h4>Can water-damaged floors be saved?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">In most cases, yes, if the damage is addressed promptly. Floors that have dried out and cupped can often be sanded flat. Severely swollen or buckled boards may need replacement, but we always maximize what can be saved.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>Do you provide insurance estimates?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Yes. We provide written damage assessments, scope-of-work documentation, and before-and-after photography suitable for insurance claims. We have experience working alongside adjusters.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>How long does restoration take?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Restoration timelines vary by damage extent. Minor repairs and refinishing can be completed in three to four days. Extensive structural work with board replacement may take longer. We provide a detailed timeline during the assessment.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ESTIMATE FORM -->
<section class="section contact-section">
<div class="container">
<div class="contact-layout">
<div>
<span class="eyebrow">Free Estimate</span>
<h2>Get Your Free Restoration Assessment</h2>
<div class="divider"></div>
<p class="lead">Tell us about your floors and we will respond within 1 business hour.</p>
<div class="contact-info-list" style="margin-top:2rem;">
<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 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>Hours</h5><p>Monday to Saturday: 8:00 AM to 5:00 PM</p></div>
</div>
</div>
</div>
<div class="contact-form-wrap" data-animate="right">
<h3 style="margin-bottom:1.5rem;font-size:var(--text-xl);">Get Your Free Restoration Assessment</h3>
<form class="estimate-form" novalidate>
<input type="hidden" name="service_page" value="Floor Restoration">
<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>
<div class="form-field" style="margin-top:1.25rem;">
<label for="message">Additional Details</label>
<textarea id="message" name="message" placeholder="Describe your floors or the issue you are experiencing."></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;">Request Restoration Estimate</button>
<div class="form-status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
</div>
</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>
services/floor-sanding.html
+276
View File
@@ -0,0 +1,276 @@
<!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>Hardwood Floor Sanding in Buffalo, NY | Floor It Hardwood Floors</title>
<meta name="description" content="Professional hardwood floor sanding in Buffalo and Erie County, NY. Dustless equipment, multi-grit process for a perfect surface. Free estimate. Call (716) 602-1429.">
<link rel="canonical" href="https://floorithardwoodfloors.com/services/floor-sanding.html">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Floor Sanding",
"provider": {
"@type": "LocalBusiness",
"name": "Floor It Hardwood Floors",
"telephone": "+17166021429",
"email": "floorithardwoods@gmail.com",
"url": "https://floorithardwoodfloors.com",
"areaServed": "Erie County, NY"
},
"url": "https://floorithardwoodfloors.com/services/floor-sanding.html"
}
</script>
</head>
<body>
<div id="site-header"></div>
<main>
<!-- HERO -->
<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>
<a href="/services/">Services</a>
<span class="breadcrumb-sep">/</span>
<span>Floor Sanding</span>
</nav>
<span class="eyebrow">Buffalo and Erie County</span>
<h1>Professional Hardwood Floor Sanding</h1>
<p class="lead">Commercial-grade dustless sanding equipment and a precise multi-grit process deliver the perfect surface every time.</p>
<div class="cta-group" style="margin-top:2rem;">
<a href="/contact/" class="btn btn--primary btn--lg">Get a Free Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-light btn--lg">Call (716) 602-1429</a>
</div>
</div>
</section>
<!-- INTRO -->
<section class="section section--light">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">What We Do</span>
<h2>Professional Floor Sanding in Western New York</h2>
<div class="divider"></div>
<p style="color:var(--smoke);">Sanding is the foundation of any successful floor refinishing project. Our sanding technicians use professional belt sanders paired with dust containment systems for clean, precise results across every project.</p>
<p style="margin-top:1rem;color:var(--smoke);">Our multi-grit process starts aggressive to remove the existing finish and flatten the surface, then moves through progressively finer grits to deliver a surface that is perfectly smooth and ready for stain. We edge-sand and handle corners with care so there are no swirl marks or chatter marks.</p>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Request Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-dark">(716) 602-1429</a>
</div>
</div>
<div data-animate="right">
<div style="border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/5;background:var(--grain);">
<img src="/assets/images/refinishing-machine.webp" alt="Floor Sanding | Floor It Hardwood Floors" style="width:100%;height:100%;object-fit:cover;" loading="lazy">
</div>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section class="section section--dark">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">How It Works</span>
<h2>Our Floor Sanding Process</h2>
<p>Proper sanding requires the right sequence of grits and careful technique for each section of your floor.</p>
</div>
<div class="process-steps">
<div class="process-step" data-animate="up">
<div class="process-step-num">1</div>
<h3>Initial Assessment</h3>
<p>We check moisture content, identify problem areas like cupping or high-grain boards, and select the correct starting grit for your specific floor condition.</p>
</div>
<div class="process-step" data-animate="up" data-delay="2">
<div class="process-step-num">2</div>
<h3>Multi-Grit Sanding</h3>
<p>We progress through multiple grit sequences for a consistently smooth surface across the entire floor, from the field to the edges.</p>
</div>
<div class="process-step" data-animate="up" data-delay="3">
<div class="process-step-num">3</div>
<h3>Edge and Detail Work</h3>
<p>Edges are sanded with an edger, corners done by hand. Every square inch is sanded to the same standard as the center of the room.</p>
</div>
</div>
</div>
</section>
<!-- BENEFITS -->
<section class="section section--alt">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">Why Choose Us</span>
<h2>What Sets Our Floor Sanding Apart</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;">
<div class="benefit-card" data-animate="left">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<div class="benefit-body">
<h4>Dustless Equipment</h4>
<p>Our sanding equipment captures dust at the source, keeping your home cleaner and your family more comfortable throughout the process.</p>
</div>
</div>
<div class="benefit-card" data-animate="right">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 0 0 .95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 0 0-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 0 0-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 0 0-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 0 0 .951-.69l1.519-4.674z"/></svg>
</div>
<div class="benefit-body">
<h4>No Swirl Marks</h4>
<p>We use the correct grit sequence and orbital finishing to eliminate chatter and swirl marks that are common with inexperienced operators.</p>
</div>
</div>
<div class="benefit-card" data-animate="left" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<div class="benefit-body">
<h4>Moisture Control</h4>
<p>We check wood moisture content before sanding and monitor throughout. Sanding wood at the wrong moisture level causes problems that show up months later.</p>
</div>
</div>
<div class="benefit-card" data-animate="right" data-delay="2">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="benefit-body">
<h4>Clean Results</h4>
<p>Our process and equipment leave your floor ready for stain the same day, keeping your project on schedule with minimal disruption.</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section section--dark">
<div class="container">
<div style="display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,5rem);align-items:start;">
<div data-animate="left">
<span class="eyebrow">Floor Sanding FAQ</span>
<h2>Common Questions</h2>
<div class="divider"></div>
<p style="color:var(--ash);">Have a question? Call us at <a href="tel:+17166021429" style="color:var(--amber);font-weight:700;">(716) 602-1429</a> and we will answer it directly.</p>
</div>
<div class="faq-list" data-animate="up">
<div class="faq-item">
<div class="faq-question">
<h4>How many times can a floor be sanded?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Solid hardwood can typically be sanded multiple times over its lifetime. Engineered hardwood depends on the wear layer thickness. We measure your floor before committing to sanding.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>Will sanding remove deep scratches?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Yes. Sanding removes the surface layer of wood, taking most scratches with it. Very deep gouges may require wood filler before sanding. We assess each area during the estimate.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h4>How dusty is the sanding process?</h4>
<div class="faq-icon" aria-hidden="true"></div>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">With our dust containment system, very little dust escapes into your home. We seal off doorways and use containment equipment so the rest of your home stays clean.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ESTIMATE FORM -->
<section class="section contact-section">
<div class="container">
<div class="contact-layout">
<div>
<span class="eyebrow">Free Estimate</span>
<h2>Get Your Free Sanding Estimate</h2>
<div class="divider"></div>
<p class="lead">Tell us about your floors and we will respond within 1 business hour.</p>
<div class="contact-info-list" style="margin-top:2rem;">
<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 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>Hours</h5><p>Monday to Saturday: 8:00 AM to 5:00 PM</p></div>
</div>
</div>
</div>
<div class="contact-form-wrap" data-animate="right">
<h3 style="margin-bottom:1.5rem;font-size:var(--text-xl);">Get Your Free Sanding Estimate</h3>
<form class="estimate-form" novalidate>
<input type="hidden" name="service_page" value="Floor Sanding">
<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>
<div class="form-field" style="margin-top:1.25rem;">
<label for="message">Additional Details</label>
<textarea id="message" name="message" placeholder="Describe your floors or the issue you are experiencing."></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;">Request Sanding Estimate</button>
<div class="form-status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
</div>
</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>
services/index.html
+167
View File
@@ -0,0 +1,167 @@
<!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>Hardwood Floor Services | Refinishing, Restoration, Sanding | Floor It</title>
<meta name="description" content="Professional hardwood floor refinishing, restoration, sanding, and installation in Buffalo, NY and Erie County. Over 75 years of combined experience.">
<link rel="canonical" href="https://floorithardwoodfloors.com/services/">
<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>Services</span>
</nav>
<span class="eyebrow">What We Do</span>
<h1>Hardwood Floor Services in Buffalo, NY</h1>
<p class="lead">Complete hardwood floor solutions: refinishing, restoration, sanding, and installation, delivered by Western New York's most experienced team.</p>
</div>
</section>
<!-- FLOOR REFINISHING -->
<section class="section section--light" id="floor-refinishing">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">Service 01</span>
<h2>Floor Refinishing</h2>
<div class="divider"></div>
<p class="lead">Restore your floors to their original beauty with professional sanding, staining, and sealing.</p>
<p style="margin-top:1rem;color:var(--smoke);">Our multi-stage refinishing process sands away years of wear and damage, then applies your choice of stain from over 100 color options, and seals with a durable topcoat that lasts 10 or more years.</p>
<ul style="margin-top:1.25rem;display:flex;flex-direction:column;gap:0.5rem;">
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Multiple stain color options</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Dustless sanding system</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Long-lasting professional finish</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Sample approval before full project</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Timeline: 7 to 10 business days</li>
</ul>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Get an Estimate</a>
<a href="/services/floor-refinishing/" class="btn btn--outline-dark">Learn More</a>
</div>
</div>
<div data-animate="right" style="background:var(--grain);border-radius:var(--radius-xl);aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;">
<img src="/assets/images/service-refinishing.webp" alt="Hardwood floor refinishing service" style="width:100%;height:100%;object-fit:cover;" loading="lazy" onerror="this.style.display='none'">
</div>
</div>
</div>
</section>
<!-- FLOOR RESTORATION -->
<section class="section section--alt" id="floor-restoration">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left" style="background:var(--grain);border-radius:var(--radius-xl);aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;order:1;">
<img src="/assets/images/service-restoration.webp" alt="Hardwood floor restoration service" style="width:100%;height:100%;object-fit:cover;" loading="lazy" onerror="this.style.display='none'">
</div>
<div data-animate="right" style="order:2;">
<span class="eyebrow">Service 02</span>
<h2>Floor Restoration</h2>
<div class="divider"></div>
<p class="lead">Water damage, deep scratches, warping, and buckling repaired with expert precision.</p>
<p style="margin-top:1rem;color:var(--smoke);">When damage goes beyond surface wear, restoration is the answer. We repair structural damage, replace boards when needed, and restore your floor to like-new condition. We also provide documentation to support insurance claims.</p>
<ul style="margin-top:1.25rem;display:flex;flex-direction:column;gap:0.5rem;">
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Water and moisture damage repair</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Warping and buckling correction</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Deep scratch and gouge restoration</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Insurance documentation support</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Timeline: 10 to 14 business days</li>
</ul>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Get an Estimate</a>
<a href="/services/floor-restoration/" class="btn btn--outline-dark">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<!-- FLOOR SANDING -->
<section class="section section--light" id="floor-sanding">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left">
<span class="eyebrow">Service 03</span>
<h2>Floor Sanding</h2>
<div class="divider"></div>
<p class="lead">Commercial-grade equipment and dust containment for a perfectly prepared surface.</p>
<p style="margin-top:1rem;color:var(--smoke);">Professional sanding is the foundation of any successful refinishing project. Our multi-grit sanding process removes old finishes, levels imperfections, and creates the ideal surface for staining and sealing, while containing dust throughout the process.</p>
<ul style="margin-top:1.25rem;display:flex;flex-direction:column;gap:0.5rem;">
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Commercial-grade equipment (not rentals)</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Dustless sanding system</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Multi-grit sanding process</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Safe for family and pets</li>
</ul>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Get an Estimate</a>
<a href="/services/floor-sanding/" class="btn btn--outline-dark">Learn More</a>
</div>
</div>
<div data-animate="right" style="background:var(--grain);border-radius:var(--radius-xl);aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;">
<img src="/assets/images/service-sanding.webp" alt="Hardwood floor sanding service" style="width:100%;height:100%;object-fit:cover;" loading="lazy" onerror="this.style.display='none'">
</div>
</div>
</div>
</section>
<!-- FLOOR INSTALLATION -->
<section class="section section--alt" id="floor-installation">
<div class="container">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;">
<div data-animate="left" style="background:var(--grain);border-radius:var(--radius-xl);aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;order:1;">
<img src="/assets/images/service-installation.webp" alt="New hardwood floor installation" style="width:100%;height:100%;object-fit:cover;" loading="lazy" onerror="this.style.display='none'">
</div>
<div data-animate="right" style="order:2;">
<span class="eyebrow">Service 04</span>
<h2>Floor Installation</h2>
<div class="divider"></div>
<p class="lead">New hardwood floors installed with precision. Quality materials, expert finish, built to last generations.</p>
<p style="margin-top:1rem;color:var(--smoke);">Whether you are renovating a room or building new, our installation team brings the same care and attention to new floors as we do to restoration. We source quality materials and ensure a flawless finished result.</p>
<ul style="margin-top:1.25rem;display:flex;flex-direction:column;gap:0.5rem;">
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Solid and engineered hardwood</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Wide range of wood species</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Residential and commercial</li>
<li style="display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--text-sm);color:var(--smoke);"><span style="color:var(--amber);font-weight:700;flex-shrink:0;">&#10003;</span> Professional site preparation</li>
</ul>
<div class="cta-group mt-8">
<a href="/contact/" class="btn btn--primary">Get an Estimate</a>
<a href="/services/floor-installation/" class="btn btn--outline-dark">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<div class="cta-strip">
<div class="container">
<h2>Not Sure Which Service You Need?</h2>
<p>Call us and we will help you determine the right approach for your floors at no obligation.</p>
<div class="cta-group" style="justify-content:center;">
<a href="/contact/" class="btn btn--outline-dark btn--lg">Request an Estimate</a>
<a href="tel:+17166021429" class="btn btn--outline-dark btn--lg">Call (716) 602-1429</a>
</div>
</div>
</div>
</main>
<div id="site-footer"></div>
<script src="/assets/js/components.js"></script>
<script src="/assets/js/main.js"></script>
</body>
</html>