Align with AM stack SOPs: required files, nginx hardening, mobile CSS

- Add robots.txt, sitemap.xml (16 pages), 404.html, 500.html per SOP
- nginx: allow robots.txt/sitemap.xml explicitly, fix error_page to 404.html, deny _template.html, remove txt from deny list, fix API proxy comment
- Convert residential.png to residential.webp per image SOP
- components.css: mobile nav breakpoint 768→1023px, 360px ultra-narrow query, overflow-x:clip, inline grid collapse overrides
- blog/index.html: placeholder blog listing page with 3 article cards

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Concept Agent
2026-05-27 18:53:35 +02:00
parent 6917cb6701
commit 88ed4e6bda
8 changed files with 549 additions and 4 deletions
+110
View File
@@ -0,0 +1,110 @@
<!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 Tips & Guides | Floor It Blog</title>
<meta name="description" content="Expert hardwood floor care tips and guides for Buffalo, NY homeowners. Learn practical advice about floor maintenance, refinishing, and restoration from Floor It.">
<link rel="canonical" href="https://floorithardwoodfloors.com/blog/">
<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": "LocalBusiness",
"name": "Floor It Hardwood Floors",
"url": "https://floorithardwoodfloors.com",
"telephone": "+17166021429",
"email": "floorithardwoods@gmail.com",
"address": { "@type": "PostalAddress", "addressLocality": "Buffalo", "addressRegion": "NY", "addressCountry": "US" },
"areaServed": ["Buffalo", "Amherst", "Williamsville", "East Amherst", "Clarence", "Lancaster"],
"openingHours": "Mo-Sa 08:00-17:00",
"aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.9", "reviewCount": "50" }
}
</script>
</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>Blog</span>
</nav>
<span class="eyebrow">From the Floor It Team</span>
<h1>Hardwood Floor Tips & Guides</h1>
<p class="lead">Practical advice and expert tips for Buffalo, NY homeowners. Learn how to maintain, protect, and care for your hardwood floors with guidance from the Western New York refinishing specialists.</p>
</div>
</section>
<!-- ARTICLE CARDS -->
<section class="section section--light">
<div class="container">
<div class="section-header section-header--center">
<span class="eyebrow">Latest Articles</span>
<h2>Hardwood Floor Care Resources</h2>
</div>
<div class="grid grid--auto-3">
<div class="article-card" data-animate="up">
<div class="article-card-body">
<h3>How to Tell If Your Floors Need Refinishing</h3>
<p>Learn the warning signs that indicate your hardwood floors are ready for a professional refinish. From visible scratches to dull finishes, we explain what to look for and when to act.</p>
</div>
<div class="article-card-footer">
<a href="#" class="btn btn--primary btn--sm">Read More</a>
</div>
</div>
<div class="article-card" data-animate="up" data-delay="2">
<div class="article-card-body">
<h3>Hardwood vs. Engineered: Which Is Right for Your Home?</h3>
<p>Considering a new floor installation or replacement? Discover the pros and cons of solid hardwood and engineered hardwood to make the best choice for your Buffalo home.</p>
</div>
<div class="article-card-footer">
<a href="#" class="btn btn--primary btn--sm">Read More</a>
</div>
</div>
<div class="article-card" data-animate="up" data-delay="3">
<div class="article-card-body">
<h3>What to Expect During a Floor Refinishing Project</h3>
<p>Wondering what happens during a professional floor refinishing? Get a detailed walkthrough of the timeline, process, and what to expect from start to finish.</p>
</div>
<div class="article-card-footer">
<a href="#" class="btn btn--primary btn--sm">Read More</a>
</div>
</div>
</div>
</div>
</section>
<div class="cta-strip">
<div class="container">
<h2>Ready to Transform Your Floors?</h2>
<p>Request a free estimate and let Floor It help restore your hardwood floors to their original beauty.</p>
<div class="cta-group" style="justify-content:center;">
<a href="/contact/" class="btn btn--outline-dark btn--lg">Request an Estimate</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>