Integrate Simcoe Trades Journal Jekyll site with DigitalOcean App Platform spec
This commit is contained in:
Your Name
@@ -0,0 +1,126 @@
|
||||
---
|
||||
layout: default
|
||||
title: "Regional Trade Coverage Area | Simcoe County, Muskoka & GTA"
|
||||
description: "Comprehensive trade service corridor covering Barrie, Orillia, Severn, Muskoka, Collingwood, and the Greater Toronto Area (GTA)."
|
||||
permalink: /coverage-area/
|
||||
---
|
||||
|
||||
<!-- Page Banner -->
|
||||
<section class="bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 border-b border-slate-800 py-12 lg:py-16">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-amber-500/10 border border-amber-500/30 text-amber-400 text-xs font-bold uppercase tracking-wider mb-4">
|
||||
Geographic Coverage • Central Ontario Trade Corridor
|
||||
</div>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-black text-white font-heading tracking-tight">
|
||||
Regional Trade Coverage & Service Area
|
||||
</h1>
|
||||
<p class="mt-4 text-lg text-slate-300 max-w-3xl leading-relaxed">
|
||||
Connecting top-tier commercial roofers, residential trade contractors, and timber artisans across the 400 Highway corridor—from the Greater Toronto Area through Simcoe County to the Muskoka District.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Infographic & Copywriting Section -->
|
||||
<section class="py-12 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12">
|
||||
|
||||
<!-- Generated Regional Infographic Container -->
|
||||
<div class="rounded-2xl overflow-hidden border border-slate-800 shadow-2xl bg-slate-900">
|
||||
<div class="p-4 bg-slate-950 border-b border-slate-800 flex items-center justify-between">
|
||||
<div class="flex items-center gap-2 text-xs font-bold text-amber-400 uppercase tracking-wider">
|
||||
<span class="w-2.5 h-2.5 rounded-full bg-amber-400 animate-pulse"></span> Regional Trade Map & City Directory
|
||||
</div>
|
||||
<span class="text-xs text-slate-400 font-mono">Infographic Spec v2.4</span>
|
||||
</div>
|
||||
<img src="{{ '/assets/images/coverage-area-map.jpg' | relative_url }}" alt="Central Ontario Trade Coverage Infographic" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
|
||||
<!-- Copywriting & Regional Breakdown -->
|
||||
<div class="grid grid-cols-1 lg:grid-cols-12 gap-10">
|
||||
|
||||
<!-- Main Copywriting Piece -->
|
||||
<div class="lg:col-span-7 space-y-6 text-slate-300 text-base leading-relaxed bg-slate-900/60 p-8 rounded-2xl border border-slate-800">
|
||||
<h2 class="text-2xl font-bold text-white font-heading border-b border-slate-800 pb-3">
|
||||
Connecting Ontario's Premier Construction & Roofing Corridor
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
Central Ontario’s construction landscape demands versatile contractors who understand the distinct microclimates of our region. From heavy industrial flat roof installations along the Highway 400 logistics hub in <strong>Barrie</strong>, to steep-slope lakefront cottages facing high wind shear in <strong>Orillia & Severn Township</strong>, our featured trade specialists operate across a seamless service corridor.
|
||||
</p>
|
||||
|
||||
<h3 class="text-lg font-bold text-amber-400 font-heading pt-2">
|
||||
Why Regional Coverage Matters for Homeowners & Building Managers
|
||||
</h3>
|
||||
|
||||
<ul class="space-y-3 list-disc pl-5 text-slate-300">
|
||||
<li>
|
||||
<strong class="text-white">Rapid Mobilization:</strong> Contractors strategically stationed in Simcoe County maintain rapid dispatch for emergency commercial roof repairs, storm damage mitigation, and seasonal cottage openings.
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-white">Ontario Building Code Compliance:</strong> Specialized regional knowledge ensures every roof, timber frame, and deck structure is engineered for high snow load capacities (up to 60+ PSF in Muskoka & North Simcoe).
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-white">Vetted Material Sourcing:</strong> Direct access to local suppliers in Barrie, Orillia, and the GTA ensures rapid delivery of GAF shingles, 60-mil TPO membranes, and Select Structural Douglas Fir timbers.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-sm text-slate-400 italic bg-slate-950 p-4 rounded-xl border border-slate-800">
|
||||
"Whether you require a 15,000 sq ft industrial flat roof restoration in Barrie or a custom Douglas Fir timber porch in Muskoka, our verified contractor network delivers precision craftsmanship across the entire 400-series corridor."
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- City & Area Directory Card -->
|
||||
<div class="lg:col-span-5 space-y-6">
|
||||
|
||||
<!-- Simcoe Core -->
|
||||
<div class="p-6 rounded-2xl bg-slate-900 border border-amber-500/30">
|
||||
<h3 class="text-lg font-extrabold text-amber-400 font-heading mb-3 flex items-center gap-2">
|
||||
<span>📍 Simcoe County (Core Hub)</span>
|
||||
</h3>
|
||||
<p class="text-xs text-slate-400 mb-4">Primary coverage zone for all featured roofing and carpentry contractors.</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Barrie</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Orillia</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Severn Township</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Midhurst</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Springwater</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Innisfil</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Collingwood</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Wasaga Beach</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Midland</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Muskoka North -->
|
||||
<div class="p-6 rounded-2xl bg-slate-900 border border-sky-500/30">
|
||||
<h3 class="text-lg font-extrabold text-sky-400 font-heading mb-3 flex items-center gap-2">
|
||||
<span>🌲 Muskoka District (North)</span>
|
||||
</h3>
|
||||
<p class="text-xs text-slate-400 mb-4">Waterfront cottage roofing, timber pavilions, and custom decks.</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Huntsville</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Bracebridge</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Gravenhurst</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Port Carling</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Bala</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- GTA South -->
|
||||
<div class="p-6 rounded-2xl bg-slate-900 border border-emerald-500/30">
|
||||
<h3 class="text-lg font-extrabold text-emerald-400 font-heading mb-3 flex items-center gap-2">
|
||||
<span>🏙️ Greater Toronto Area (South)</span>
|
||||
</h3>
|
||||
<p class="text-xs text-slate-400 mb-4">North GTA commercial projects and custom residential framing.</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Newmarket</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Aurora</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Richmond Hill</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Vaughan</span>
|
||||
<span class="px-2.5 py-1 rounded bg-slate-800 text-slate-200 text-xs font-semibold">Markham</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user