Integrate Simcoe Trades Journal Jekyll site with DigitalOcean App Platform spec
This commit is contained in:
Your Name
@@ -0,0 +1,10 @@
|
||||
name: simcoetradesjournal
|
||||
static_sites:
|
||||
- name: simcoetradesjournal
|
||||
build_command: bundle exec jekyll build
|
||||
environment_slug: jekyll
|
||||
output_dir: _site
|
||||
github:
|
||||
branch: main
|
||||
deploy_on_push: true
|
||||
repo: krisf/simcoetradesjournal
|
||||
@@ -0,0 +1,10 @@
|
||||
spec:
|
||||
name: simcoetradesjournal
|
||||
static_sites:
|
||||
- name: simcoetradesjournal
|
||||
build_command: bundle exec jekyll build
|
||||
environment_slug: jekyll
|
||||
output_dir: _site
|
||||
git:
|
||||
branch: main
|
||||
repo_clone_url: https://github.com/krisf/simcoetradesjournal.git
|
||||
@@ -0,0 +1,7 @@
|
||||
_site/
|
||||
.jekyll-cache/
|
||||
.jekyll-metadata
|
||||
.sass-cache/
|
||||
.bundle/
|
||||
vendor/
|
||||
*.log
|
||||
@@ -0,0 +1,4 @@
|
||||
source "https://rubygems.org"
|
||||
|
||||
gem "jekyll", "~> 4.4"
|
||||
gem "webrick", "~> 1.8"
|
||||
+121
@@ -0,0 +1,121 @@
|
||||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
addressable (2.9.0)
|
||||
public_suffix (>= 2.0.2, < 8.0)
|
||||
base64 (0.2.0)
|
||||
bigdecimal (4.1.2)
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.3.7)
|
||||
csv (3.3.5)
|
||||
em-websocket (0.5.3)
|
||||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.17.4-x86_64-linux-gnu)
|
||||
forwardable-extended (2.6.0)
|
||||
google-protobuf (4.35.1-x86_64-linux-gnu)
|
||||
bigdecimal
|
||||
rake (~> 13.3)
|
||||
http_parser.rb (0.8.1)
|
||||
i18n (1.15.2)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (4.4.1)
|
||||
addressable (~> 2.4)
|
||||
base64 (~> 0.2)
|
||||
colorator (~> 1.0)
|
||||
csv (~> 3.0)
|
||||
em-websocket (~> 0.5)
|
||||
i18n (~> 1.0)
|
||||
jekyll-sass-converter (>= 2.0, < 4.0)
|
||||
jekyll-watch (~> 2.0)
|
||||
json (~> 2.6)
|
||||
kramdown (~> 2.3, >= 2.3.1)
|
||||
kramdown-parser-gfm (~> 1.0)
|
||||
liquid (~> 4.0)
|
||||
mercenary (~> 0.3, >= 0.3.6)
|
||||
pathutil (~> 0.9)
|
||||
rouge (>= 3.0, < 5.0)
|
||||
safe_yaml (~> 1.0)
|
||||
terminal-table (>= 1.8, < 4.0)
|
||||
webrick (~> 1.7)
|
||||
jekyll-sass-converter (3.1.0)
|
||||
sass-embedded (~> 1.75)
|
||||
jekyll-watch (2.2.1)
|
||||
listen (~> 3.0)
|
||||
json (2.21.1)
|
||||
kramdown (2.5.2)
|
||||
rexml (>= 3.4.4)
|
||||
kramdown-parser-gfm (1.1.0)
|
||||
kramdown (~> 2.0)
|
||||
liquid (4.0.4)
|
||||
listen (3.10.0)
|
||||
logger
|
||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||
rb-inotify (~> 0.9, >= 0.9.10)
|
||||
logger (1.6.0)
|
||||
mercenary (0.4.0)
|
||||
pathutil (0.16.2)
|
||||
forwardable-extended (~> 2.6)
|
||||
public_suffix (7.0.5)
|
||||
rake (13.3.1)
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.11.1)
|
||||
ffi (~> 1.0)
|
||||
rexml (3.4.4)
|
||||
rouge (4.7.0)
|
||||
safe_yaml (1.0.5)
|
||||
sass-embedded (1.101.7-x86_64-linux-gnu)
|
||||
google-protobuf (~> 4.31)
|
||||
terminal-table (3.0.2)
|
||||
unicode-display_width (>= 1.1.1, < 3)
|
||||
unicode-display_width (2.6.0)
|
||||
webrick (1.9.2)
|
||||
|
||||
PLATFORMS
|
||||
x86_64-linux-gnu
|
||||
|
||||
DEPENDENCIES
|
||||
jekyll (~> 4.4)
|
||||
webrick (~> 1.8)
|
||||
|
||||
CHECKSUMS
|
||||
addressable (2.9.0)
|
||||
base64 (0.2.0)
|
||||
bigdecimal (4.1.2)
|
||||
bundler (4.0.16) sha256=d6ca5dd440c24f9abce9844cf44cc8e18c6a553de65a47efb4544137af92c47d
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.3.7)
|
||||
csv (3.3.5)
|
||||
em-websocket (0.5.3)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.17.4-x86_64-linux-gnu)
|
||||
forwardable-extended (2.6.0)
|
||||
google-protobuf (4.35.1-x86_64-linux-gnu)
|
||||
http_parser.rb (0.8.1)
|
||||
i18n (1.15.2)
|
||||
jekyll (4.4.1)
|
||||
jekyll-sass-converter (3.1.0)
|
||||
jekyll-watch (2.2.1)
|
||||
json (2.21.1)
|
||||
kramdown (2.5.2)
|
||||
kramdown-parser-gfm (1.1.0)
|
||||
liquid (4.0.4)
|
||||
listen (3.10.0)
|
||||
logger (1.6.0)
|
||||
mercenary (0.4.0)
|
||||
pathutil (0.16.2)
|
||||
public_suffix (7.0.5)
|
||||
rake (13.3.1)
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.11.1)
|
||||
rexml (3.4.4)
|
||||
rouge (4.7.0)
|
||||
safe_yaml (1.0.5)
|
||||
sass-embedded (1.101.7-x86_64-linux-gnu)
|
||||
terminal-table (3.0.2)
|
||||
unicode-display_width (2.6.0)
|
||||
webrick (1.9.2)
|
||||
|
||||
BUNDLED WITH
|
||||
4.0.16
|
||||
@@ -0,0 +1,52 @@
|
||||
# Simcoe Trades Journal
|
||||
|
||||
A high-quality **Jekyll** blog & contractor directory highlighting verified construction trades, roofers, and timber framers across Barrie, Orillia, Severn, Simcoe County, Muskoka, and the Greater Toronto Area (GTA).
|
||||
|
||||
|
||||
|
||||
## 🏗️ Featured Contractors
|
||||
|
||||
- **Midhurst Roofing**: Commercial flat roof repair, TPO membranes, and industrial roofing in Barrie & Simcoe County ([midhurstroofing.ca](https://midhurstroofing.ca)).
|
||||
- **Severn Roofing & Contracting**: Steep-slope architectural shingle replacements, custom copper flashings, and waterfront cottage roofing in Orillia & Severn Township ([severnroofing.ca](https://severnroofing.ca)).
|
||||
- **Sean Pro Contracting**: Custom heavy timber framing (Douglas Fir), cedar ceilings, and outdoor deck pavilions ([instagram.com/seanprocontracting](https://www.instagram.com/seanprocontracting/)).
|
||||
|
||||
---
|
||||
|
||||
## 🛠️ Stack & Architecture
|
||||
|
||||
- **Static Site Generator**: Jekyll 4.4
|
||||
- **CSS Framework**: Tailwind CSS (via CDN) + Custom Trade Tokens
|
||||
- **Templating**: Liquid HTML5 Layouts & Components
|
||||
- **Hosting**: DigitalOcean App Platform (Static Site Service)
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Local Development
|
||||
|
||||
1. **Install Dependencies**:
|
||||
```bash
|
||||
bundle install
|
||||
```
|
||||
|
||||
2. **Serve Locally**:
|
||||
```bash
|
||||
bundle exec jekyll serve --port 10101 --host 0.0.0.0
|
||||
```
|
||||
Open `http://localhost:10101` in your browser.
|
||||
|
||||
3. **Build for Production**:
|
||||
```bash
|
||||
bundle exec jekyll build
|
||||
```
|
||||
Output HTML will be generated in `_site/`.
|
||||
|
||||
---
|
||||
|
||||
## ☁️ DigitalOcean App Platform Deployment
|
||||
|
||||
This repository is pre-configured with `.do/app.yaml` for automated deployments on **DigitalOcean App Platform**:
|
||||
|
||||
- **Build Command**: `bundle exec jekyll build`
|
||||
- **Output Directory**: `_site`
|
||||
- **Environment**: `jekyll`
|
||||
- **Automated CI/CD**: Pushing to the `main` branch automatically triggers a fresh build and global CDN rollout on DigitalOcean.
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
title: "Simcoe Trades Journal"
|
||||
subtitle: "Local Contractor Case Studies & Verified Trade Spotlights"
|
||||
description: "In-depth project breakdowns, roof replacements, timber carpentry, and local contractor reviews across Barrie, Orillia, Severn, and Simcoe County."
|
||||
url: "http://localhost:10101"
|
||||
baseurl: ""
|
||||
|
||||
permalink: /posts/:title/
|
||||
markdown: kramdown
|
||||
|
||||
defaults:
|
||||
- scope:
|
||||
path: ""
|
||||
type: "posts"
|
||||
values:
|
||||
layout: "post"
|
||||
|
||||
exclude:
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
- README.md
|
||||
@@ -0,0 +1,46 @@
|
||||
<footer class="bg-slate-950 border-t border-slate-800 text-slate-400 py-12 mt-20">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||
<!-- Col 1 -->
|
||||
<div class="md:col-span-2">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-8 h-8 rounded bg-amber-500 flex items-center justify-center text-slate-950 font-extrabold text-base">
|
||||
STJ
|
||||
</div>
|
||||
<span class="text-lg font-bold text-white font-heading">
|
||||
SIMCOE <span class="text-amber-400">TRADES JOURNAL</span>
|
||||
</span>
|
||||
</div>
|
||||
<p class="text-sm text-slate-400 max-w-md leading-relaxed">
|
||||
An independent trade journal showcasing local construction, roofing, and custom carpentry work in Barrie, Orillia, Severn, and Simcoe County. Highlighting craftsmanship, project specifications, and verified contractor profiles.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Col 2 -->
|
||||
<div>
|
||||
<h4 class="text-white font-semibold text-sm tracking-wider uppercase mb-4 font-heading">Featured Contractors</h4>
|
||||
<ul class="space-y-2.5 text-sm">
|
||||
<li><a href="https://midhurstroofing.ca" target="_blank" rel="noopener" class="hover:text-amber-400 transition-colors">Midhurst Roofing Barrie</a></li>
|
||||
<li><a href="https://severnroofing.ca" target="_blank" rel="noopener" class="hover:text-amber-400 transition-colors">Severn Roofing Orillia</a></li>
|
||||
<li><a href="https://www.instagram.com/seanprocontracting/" target="_blank" rel="noopener" class="hover:text-amber-400 transition-colors">Sean Pro Contracting</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Col 3 -->
|
||||
<div>
|
||||
<h4 class="text-white font-semibold text-sm tracking-wider uppercase mb-4 font-heading">Coverage Areas</h4>
|
||||
<ul class="space-y-2 text-sm text-slate-400">
|
||||
<li>Barrie & Innisfil</li>
|
||||
<li>Orillia & Severn Township</li>
|
||||
<li>Midhurst & Springwater</li>
|
||||
<li>Collingwood & Muskoka</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-t border-slate-800/80 mt-10 pt-6 flex flex-col md:flex-row items-center justify-between text-xs text-slate-500">
|
||||
<p>© {{ 'now' | date: "%Y" }} Simcoe Trades Journal. All contractor case studies are curated for community reference.</p>
|
||||
<p class="mt-2 md:mt-0">Built with Jekyll & Tailwind CSS</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,47 @@
|
||||
<header class="sticky top-0 z-50 glass-nav">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex items-center justify-between h-20">
|
||||
<!-- Logo & Brand Title -->
|
||||
<a href="{{ '/' | relative_url }}" class="flex items-center gap-3 group">
|
||||
<div class="w-10 h-10 rounded-lg bg-amber-500 flex items-center justify-center text-slate-950 font-extrabold text-xl shadow-lg shadow-amber-500/30 group-hover:scale-105 transition-transform">
|
||||
STJ
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-xl font-extrabold tracking-tight text-white block leading-none font-heading">
|
||||
SIMCOE <span class="text-amber-400">TRADES</span>
|
||||
</span>
|
||||
<span class="text-xs font-medium text-slate-400 tracking-wider uppercase block mt-1">
|
||||
Verified Contractor Spotlights
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Navigation Links -->
|
||||
<nav class="hidden md:flex items-center gap-8">
|
||||
<a href="{{ '/' | relative_url }}" class="text-slate-200 hover:text-amber-400 font-medium text-sm transition-colors">
|
||||
Case Studies
|
||||
</a>
|
||||
<a href="{{ '/roofing-contractors/' | relative_url }}" class="text-slate-300 hover:text-amber-400 font-medium text-sm transition-colors">
|
||||
Roofing Contractors
|
||||
</a>
|
||||
<a href="{{ '/timber-and-carpentry/' | relative_url }}" class="text-slate-300 hover:text-amber-400 font-medium text-sm transition-colors">
|
||||
Timber & Carpentry
|
||||
</a>
|
||||
<a href="{{ '/coverage-area/' | relative_url }}" class="text-slate-300 hover:text-amber-400 font-medium text-sm transition-colors">
|
||||
Coverage Area
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<!-- CTA Button -->
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="hidden lg:inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-slate-800 text-emerald-400 border border-emerald-500/30">
|
||||
<span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse mr-2"></span> 3 Verified Spotlights
|
||||
</span>
|
||||
<a href="{{ '/#directory' | relative_url }}" class="px-4 py-2.5 rounded-lg bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold text-sm shadow-md hover:shadow-amber-500/20 transition-all flex items-center gap-2">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5m0 0h5m-5 0V11m0 0h-5m5 0h5"></path></svg>
|
||||
Browse Contractors
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }} - {{ site.subtitle }}{% endif %}</title>
|
||||
<meta name="description" content="{{ page.description | default: site.description }}">
|
||||
|
||||
<!-- Tailwind CSS via CDN -->
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
darkMode: 'class',
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
amber: {
|
||||
400: '#fbbf24',
|
||||
500: '#f59e0b',
|
||||
600: '#d97706',
|
||||
},
|
||||
slate: {
|
||||
850: '#111827',
|
||||
950: '#0b0f19',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<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&family=Montserrat:wght@700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
|
||||
</head>
|
||||
<body class="min-h-screen flex flex-col bg-slate-950 text-slate-100 antialiased selection:bg-amber-500 selection:text-slate-950">
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<main class="flex-grow">
|
||||
{{ content }}
|
||||
</main>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<!-- Case Study Header Banner -->
|
||||
<div class="relative bg-slate-900 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="flex items-center gap-2 text-xs font-bold uppercase tracking-wider text-amber-400 mb-4">
|
||||
<span>Contractor Case Study</span>
|
||||
<span>•</span>
|
||||
<span>{{ page.category | default: "Roofing & Construction" }}</span>
|
||||
<span>•</span>
|
||||
<span>{{ page.location | default: "Simcoe County, ON" }}</span>
|
||||
</div>
|
||||
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-black text-white font-heading tracking-tight leading-tight max-w-4xl">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
|
||||
<p class="mt-4 text-lg text-slate-300 max-w-3xl leading-relaxed">
|
||||
{{ page.subtitle }}
|
||||
</p>
|
||||
|
||||
<div class="mt-6 flex flex-wrap items-center gap-6 text-sm text-slate-400">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-8 h-8 rounded-full bg-slate-800 border border-slate-700 flex items-center justify-center text-amber-400 font-bold text-xs">
|
||||
STJ
|
||||
</div>
|
||||
<span>Published by <strong class="text-slate-200">Simcoe Trades Editorial</strong></span>
|
||||
</div>
|
||||
<span>•</span>
|
||||
<time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content & Sidebar Grid -->
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||
<div class="grid grid-cols-1 lg:grid-cols-12 gap-10">
|
||||
|
||||
<!-- Main Article Body -->
|
||||
<article class="lg:col-span-8">
|
||||
{% if page.hero_image %}
|
||||
<div class="rounded-2xl overflow-hidden mb-10 border border-slate-800 shadow-2xl">
|
||||
<img src="{{ page.hero_image | relative_url }}" alt="{{ page.title }}" class="w-full h-auto object-cover max-h-[460px]">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="post-content bg-slate-900/60 p-6 sm:p-10 rounded-2xl border border-slate-800/80">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
<!-- Outbound Contractor CTA Banner -->
|
||||
<div class="mt-10 p-8 rounded-2xl bg-gradient-to-r from-amber-500/10 via-slate-900 to-slate-900 border border-amber-500/30 flex flex-col sm:flex-row items-center justify-between gap-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-bold text-white font-heading">Interested in hiring {{ page.contractor_name }}?</h3>
|
||||
<p class="text-sm text-slate-300 mt-1">Visit their official portal to request an estimate or view more completed jobs.</p>
|
||||
</div>
|
||||
<a href="{{ page.contractor_url }}" target="_blank" rel="noopener" class="px-6 py-3 rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-extrabold text-sm whitespace-nowrap shadow-lg shadow-amber-500/20 transition-all flex items-center gap-2">
|
||||
Visit {{ page.contractor_name }}
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Contractor Bio & Spec Sidebar -->
|
||||
<aside class="lg:col-span-4 space-y-6">
|
||||
<!-- Contractor Card -->
|
||||
<div class="pro-sidebar-box rounded-2xl p-6 shadow-xl sticky top-28">
|
||||
<div class="text-xs font-bold text-amber-400 uppercase tracking-wider mb-4 flex items-center gap-2">
|
||||
<span class="w-2 h-2 rounded-full bg-amber-400"></span> Verified Local Contractor
|
||||
</div>
|
||||
|
||||
<!-- Logo Container -->
|
||||
<div class="p-4 bg-white rounded-xl flex items-center justify-center mb-6 border border-slate-700 min-h-[100px]">
|
||||
<a href="{{ page.contractor_url }}" target="_blank" rel="noopener" class="block hover:opacity-90 transition-opacity">
|
||||
<img src="{{ page.contractor_logo | relative_url }}" alt="{{ page.contractor_name }} Logo" class="max-h-20 max-w-full object-contain mx-auto">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-extrabold text-white font-heading mb-1">{{ page.contractor_name }}</h3>
|
||||
<p class="text-xs text-amber-400/90 font-medium mb-4">{{ page.contractor_tagline | default: "Licensed & Insured Trade Specialist" }}</p>
|
||||
|
||||
<p class="text-sm text-slate-300 leading-relaxed mb-6">
|
||||
{{ page.contractor_bio }}
|
||||
</p>
|
||||
|
||||
<!-- Link to Website -->
|
||||
<a href="{{ page.contractor_url }}" target="_blank" rel="noopener" class="w-full py-3 px-4 rounded-xl bg-slate-800 hover:bg-slate-700 text-amber-400 border border-amber-500/30 hover:border-amber-500 text-center font-bold text-sm transition-all flex items-center justify-center gap-2 mb-6 shadow-sm">
|
||||
<span>Official Site / Profile</span>
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
|
||||
</a>
|
||||
|
||||
<!-- Specs Box -->
|
||||
<div class="border-t border-slate-700/80 pt-6 space-y-3.5 text-xs text-slate-300">
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-slate-400">Primary Location:</span>
|
||||
<span class="font-semibold text-white">{{ page.location }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-slate-400">Trade Type:</span>
|
||||
<span class="font-semibold text-amber-400">{{ page.trade_type }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-slate-400">Project Scope:</span>
|
||||
<span class="font-semibold text-white">{{ page.project_scope }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-slate-400">Materials:</span>
|
||||
<span class="font-semibold text-white">{{ page.materials_used }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-slate-400">Warranty:</span>
|
||||
<span class="font-semibold text-emerald-400">{{ page.warranty | default: "Standard Craftsmanship Warranty" }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,54 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Barrie Industrial Facility Complete TPO Flat Roof Restoration"
|
||||
subtitle: "How Midhurst Roofing executed a 15,000 sq ft commercial flat roof membrane overhaul with zero disruption to warehouse operations."
|
||||
date: 2026-07-15
|
||||
category: "Commercial Roofing"
|
||||
trade_type: "Commercial & Industrial Roofing"
|
||||
location: "Barrie, ON"
|
||||
contractor_name: "Midhurst Roofing"
|
||||
contractor_url: "https://midhurstroofing.ca"
|
||||
contractor_logo: "/assets/images/logos/midhurst-roofing.png"
|
||||
contractor_tagline: "Industrial & Flat Roof Specialists in Barrie"
|
||||
contractor_bio: "Midhurst Roofing is a trusted commercial, flat roof repair, and industrial roofing contractor serving Barrie and central Ontario. BBB Accredited with decades of field expertise."
|
||||
project_scope: "15,000 Sq Ft TPO Membrane & Insulation"
|
||||
materials_used: "60-mil TPO, Polyiso Board, R-30"
|
||||
warranty: "20-Year Commercial System Warranty"
|
||||
hero_image: "/assets/images/projects/midhurst-flat-roof.jpg"
|
||||
---
|
||||
|
||||
Commercial flat roofs in Central Ontario face severe freeze-thaw cycles, high wind exposure off Lake Simcoe, and heavy snow loads. When a prominent 15,000-square-foot industrial warehousing complex in Barrie began experiencing persistent water ponding and localized membrane degradation, **Midhurst Roofing** was brought in to conduct a comprehensive structural diagnostic and restoration.
|
||||
|
||||
## Project Background & Initial Assessment
|
||||
|
||||
The existing roof assembly comprised a aging 4-ply built-up roofing (BUR) system with gravel surfacing. Over two decades of thermal expansion had resulted in gravel displacement, seam separation around mechanical rooftop HVAC units, and micro-punctures causing ceiling moisture intrusion in loading bay 3.
|
||||
|
||||
Midhurst Roofing's commercial inspection team performed infrared moisture scans to pinpoint saturated insulation zones, ensuring that only compromised substrate was removed while structurally sound sub-decking remained intact.
|
||||
|
||||
## The Solution: Mechanically Fastened TPO Membrane System
|
||||
|
||||
Rather than undergoing a complete structural teardown—which would have halted internal warehouse logistics—Midhurst Roofing designed an engineered retro-fit solution:
|
||||
|
||||
1. **Substrate Preparation & Remediation**: Stripped all loose gravel down to clean substrate and replaced 1,200 sq ft of wet insulation with high-density Polyisocyanurate (Polyiso) insulation boards to achieve an overall thermal resistance rating of **R-30**.
|
||||
2. **Cover Board Installation**: Secured 1/2-inch high-impact gypsum cover boards over the entire 15,000 sq ft surface, creating a smooth, fire-resistant substrate for optimal membrane adhesion.
|
||||
3. **60-Mil TPO Membrane Application**: Installed a white, energy-efficient 60-mil Thermoplastic Polyolefin (TPO) single-ply membrane. All seams were hot-air welded using robotic automatic seamers, creating a monolithic, watertight barrier capable of resisting extreme thermal shifts.
|
||||
4. **Parapet & HVAC Penetration Flashing**: Prefabricated custom metal coping cap flashings and applied reinforced TPO boots around 14 HVAC curbs, skylights, and drainage scuppers.
|
||||
|
||||
> *"Midhurst Roofing delivered flawless hot-air welding across all field seams and parapet walls. The white reflective TPO membrane has also reduced internal summer cooling loads by over 18%."*
|
||||
|
||||
## Technical Project Specifications
|
||||
|
||||
| Specification | Project Details |
|
||||
| :--- | :--- |
|
||||
| **Roof Area** | 15,000 Square Feet |
|
||||
| **Membrane Type** | Firestone 60-mil White Reflective TPO |
|
||||
| **Insulation Value** | R-30 Polyisocyanurate System |
|
||||
| **Drainage System** | 6 New Heavy-Duty Internal Cast Iron Drains |
|
||||
| **Project Duration** | 9 Business Days |
|
||||
| **Contractor Link** | [https://midhurstroofing.ca](https://midhurstroofing.ca) |
|
||||
|
||||
## Final Inspection & Client Satisfaction
|
||||
|
||||
The project passed rigorous manufacturer third-party quality control checks on the first inspection, earning the building owner a **20-Year Full System Manufacturer Warranty**. Midhurst Roofing's emphasis on workplace safety, site containment, and rapid execution underscores why they are a leading commercial roofer in Barrie.
|
||||
|
||||
To explore commercial roof repairs, flat roof maintenance programs, or industrial roofing solutions in Barrie, visit [Midhurst Roofing's Official Portal](https://midhurstroofing.ca).
|
||||
@@ -0,0 +1,55 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Lake Couchiching Architectural Shingle Overhaul & Copper Valleys"
|
||||
subtitle: "Severn Roofing installs high-wind architectural shingles and hand-bent copper flashings for a waterfront residence in Orillia."
|
||||
date: 2026-07-22
|
||||
category: "Residential Roofing"
|
||||
trade_type: "Residential Roof Replacement & Contracting"
|
||||
location: "Orillia & Severn, ON"
|
||||
contractor_name: "Severn Roofing & Contracting"
|
||||
contractor_url: "https://severnroofing.ca"
|
||||
contractor_logo: "/assets/images/logos/severn-roofing.png"
|
||||
contractor_tagline: "Quality Roofing & Contracting in Severn & Orillia"
|
||||
contractor_bio: "Severn Roofing & Contracting delivers premium residential re-roofing, emergency repairs, and custom exterior metalwork across Orillia, Severn Township, and surrounding lakes."
|
||||
project_scope: "3,800 Sq Ft Steep-Slope Replacement"
|
||||
materials_used: "GAF Timberline HDZ, 16oz Copper Valleys"
|
||||
warranty: "50-Year Non-Prorated System Warranty"
|
||||
hero_image: "/assets/images/projects/severn-shingle-roof.jpg"
|
||||
---
|
||||
|
||||
Waterfront properties near Orillia and Severn Township endure extreme wind gusts up to 110 km/h off Lake Couchiching, alongside heavy winter ice damming along eaves and dormer valleys. For this 3,800-square-foot timber-framed residential estate, **Severn Roofing & Contracting** provided a comprehensive complete tear-off and weather-defying roofing upgrade.
|
||||
|
||||
## The Challenge: Lakefront Wind & Heavy Snow Accumulation
|
||||
|
||||
The homeowner was experiencing severe granule loss from 15-year-old 3-tab shingles, as well as minor water staining along dormer intersections where standard aluminum valley flashings had oxidized and buckled under winter ice loads.
|
||||
|
||||
The project called for a heavy-duty roofing system that blended rugged weatherproofing with high-end architectural aesthetics matching the home's rustic stone and timber aesthetic.
|
||||
|
||||
## Severn Roofing's Execution Plan
|
||||
|
||||
Severn Roofing mobilized a 6-man specialized crew to complete the project over 3 days:
|
||||
|
||||
1. **Complete Tear-Off & Deck Repair**: Removed two layers of existing shingles down to the bare plywood decking. Replaced 4 damaged plywood sheets near chimney sidewalls and reinforced all fascia board framing.
|
||||
2. **100% Synthetic Underlayment & Ice Barrier**: Applied self-adhering modified bitumen Ice & Water shield membrane **6 feet up from all eaves**, inside all valleys, around skylights, and along sidewalls—exceeding standard Ontario Building Code requirements.
|
||||
3. **Custom 16oz Cold-Rolled Copper Valleys**: Hand-bent and installed heavy 16-ounce copper valley liners and chimney step flashings, offering lifetime corrosion protection and a classic patina finish over time.
|
||||
4. **GAF Timberline HDZ Architectural Shingles**: Installed high-definition architectural shingles in *Charcoal Black* utilizing LayerLock technology and Dual-Phase mechanical fastening for maximum wind resistance ratings.
|
||||
5. **Ridge Venting & Attic Airflow Balancing**: Fitted Cobra continuous ridge vents to ensure proper attic heat extraction, preventing winter frost buildup and lowering attic temperatures in summer.
|
||||
|
||||
> *"Severn Roofing's attention to flashing details around our stone chimney and lakefront dormers was second to none. The custom copper accents give our roof an incredible, handcrafted look."*
|
||||
|
||||
## Key Case Study Metrics
|
||||
|
||||
| Spec Category | Detail |
|
||||
| :--- | :--- |
|
||||
| **Location** | Severn Township / Orillia Waterfront |
|
||||
| **Roof Slope** | 9/12 Pitch Steep Slope |
|
||||
| **Shingle Brand** | GAF Timberline HDZ Architectural |
|
||||
| **Flashing Material** | 16oz Cold-Rolled Copper |
|
||||
| **Wind Resistance** | Rated up to 130 MPH (Unlimited Wind Warranty) |
|
||||
| **Contractor Website** | [https://severnroofing.ca](https://severnroofing.ca) |
|
||||
|
||||
## Clean Cleanup & Final Walkthrough
|
||||
|
||||
Severn Roofing utilized magnetic nail sweepers across all lawn and driveway areas, ensuring zero debris remained. The homeowner received GAF's Golden Pledge 50-year non-prorated material and labor warranty.
|
||||
|
||||
For residential roof replacements, lake cottage re-roofing, or exterior contracting in Orillia and Severn, check out [Severn Roofing & Contracting](https://severnroofing.ca).
|
||||
@@ -0,0 +1,50 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Custom Douglas Fir Heavy Timber Porch & Cedar Ceiling Build"
|
||||
subtitle: "Sean Pro Contracting showcases custom woodworking craftsmanship with a timber-frame outdoor living pavilion in Simcoe County."
|
||||
date: 2026-07-28
|
||||
category: "Timber & Carpentry"
|
||||
trade_type: "Custom Carpentry & Exterior Contracting"
|
||||
location: "Barrie & Simcoe County, ON"
|
||||
contractor_name: "Sean Pro Contracting"
|
||||
contractor_url: "https://www.instagram.com/seanprocontracting/"
|
||||
contractor_logo: "/assets/images/logos/sean-pro-contracting.png"
|
||||
contractor_tagline: "Custom Timber Framing, Decks & Carpentry"
|
||||
contractor_bio: "Sean Pro Contracting specializes in precision timber framing, custom decks, outdoor living structures, and architectural wood finishings across Barrie and Simcoe County. View portfolios on Instagram."
|
||||
project_scope: "450 Sq Ft Heavy Timber Covered Pavilion"
|
||||
materials_used: "8x8 Douglas Fir Beams, 1x6 Cedar T&G"
|
||||
warranty: "Custom Finish & Framing Craftsmanship Warranty"
|
||||
hero_image: "/assets/images/projects/sean-timber-porch.jpg"
|
||||
---
|
||||
|
||||
Outdoor living spaces in Simcoe County have evolved beyond basic pressure-treated decks into luxurious, architecturally designed timber-frame sanctuaries. For this modern custom residence in Midhurst/Barrie, **Sean Pro Contracting** was commissioned to design and build a 450-square-foot timber-framed covered rear porch pavilion integrated into the main roofline.
|
||||
|
||||
## Concept & Structural Timber Design
|
||||
|
||||
The homeowner desired a year-round outdoor entertainment hub featuring warm, exposed natural wood elements that could withstand Ontario's harsh weather while matching the home's dark charcoal exterior trim.
|
||||
|
||||
Sean Pro Contracting framed the main structure using solid **8x8 Select Structural Douglas Fir** posts and principal rafters, connected with traditional mortise-and-tenon joinery reinforced with concealed heavy-gauge steel knife plates.
|
||||
|
||||
## Custom Woodwork & Finishing Details
|
||||
|
||||
1. **Heavy Timber Post & Beam Framework**: Precision-cut 8x8 Douglas Fir posts mounted on engineered concrete helical pile footings set below the frost line (5 feet deep).
|
||||
2. **Tongue-and-Groove Cedar Soffit Ceiling**: Installed 1x6 kiln-dried Clear Western Red Cedar V-joint tongue-and-groove boards finished with a UV-protective satin clear coat seal.
|
||||
3. **Integrated Electrical & Ambience**: Pre-drilled internal wire chases through structural beams to accommodate 8 low-voltage recessed LED soffit lights and an outdoor ceiling fan.
|
||||
4. **Architectural Steel Hardware Accent**: Applied powder-coated black structural iron ties and timber screws for a bold industrial-rustic contrast.
|
||||
|
||||
> *"Sean Pro Contracting brought master carpentry to our back patio. The precision joinery and cedar ceiling work is stunning, and his Instagram feed shows the step-by-step detail he puts into every frame."*
|
||||
|
||||
## Project Specifications Overview
|
||||
|
||||
| Highlight | Feature |
|
||||
| :--- | :--- |
|
||||
| **Footprint** | 450 Sq Ft (18' x 25' Free-Standing Roof Attachment) |
|
||||
| **Timber Species** | 8x8 Western Douglas Fir & 1x6 Red Cedar |
|
||||
| **Footings** | 4 Heavy-Duty Techno Metal Post Helical Piles |
|
||||
| **Roofing Match** | Standing Seam Black Steel Roof Panels |
|
||||
| **Lighting** | Integrated 3000K Warm Dimmable LED Potlights |
|
||||
| **Contractor Portfolio** | [Instagram @seanprocontracting](https://www.instagram.com/seanprocontracting/) |
|
||||
|
||||
## Social Portfolio Spotlight
|
||||
|
||||
Sean Pro Contracting documents raw project builds, timber cuts, and completed client installations regularly on social media. Homeowners looking for inspiration on custom deck builds, timber frame porches, or exterior wood accents can follow his work directly on Instagram at [@seanprocontracting](https://www.instagram.com/seanprocontracting/).
|
||||
@@ -0,0 +1,95 @@
|
||||
/* Custom Trade & Contractor Theme Extensions */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@700;800;900&display=swap');
|
||||
|
||||
:root {
|
||||
--color-brand-slate: #0f172a;
|
||||
--color-brand-amber: #f59e0b;
|
||||
--color-brand-copper: #b45309;
|
||||
--color-brand-sky: #0284c7;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
background-color: #0b0f19;
|
||||
color: #f1f5f9;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, .font-heading {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
|
||||
.trade-card {
|
||||
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
|
||||
background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
|
||||
}
|
||||
|
||||
.trade-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(245, 158, 11, 0.2);
|
||||
border-color: rgba(245, 158, 11, 0.5);
|
||||
}
|
||||
|
||||
.contractor-badge {
|
||||
background: rgba(245, 158, 11, 0.15);
|
||||
border: 1px solid rgba(245, 158, 11, 0.4);
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
.glass-nav {
|
||||
background: rgba(15, 23, 42, 0.85);
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.pro-sidebar-box {
|
||||
background: #1e293b;
|
||||
border: 1px solid #334155;
|
||||
}
|
||||
|
||||
/* Post markdown content styling */
|
||||
.post-content h2 {
|
||||
font-size: 1.65rem;
|
||||
font-weight: 800;
|
||||
color: #f8fafc;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 2px solid #334155;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.post-content h3 {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: #fbbf24;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.post-content p {
|
||||
color: #cbd5e1;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1.25rem;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.post-content ul, .post-content ol {
|
||||
margin-bottom: 1.5rem;
|
||||
padding-left: 1.5rem;
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.post-content li {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.post-content blockquote {
|
||||
border-left: 4px solid #f59e0b;
|
||||
background: rgba(245, 158, 11, 0.05);
|
||||
padding: 1rem 1.25rem;
|
||||
margin: 1.5rem 0;
|
||||
border-radius: 0 0.5rem 0.5rem 0;
|
||||
font-style: italic;
|
||||
color: #e2e8f0;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
@@ -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>
|
||||
+190
@@ -0,0 +1,190 @@
|
||||
---
|
||||
layout: default
|
||||
title: "Simcoe Trades Journal | Verified Contractor Spotlights & Case Studies"
|
||||
---
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="relative bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 border-b border-slate-800 py-16 sm:py-24">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-amber-500/10 border border-amber-500/30 text-amber-400 text-xs font-bold uppercase tracking-wider mb-6">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
Central Ontario Construction & Trade Directory
|
||||
</div>
|
||||
|
||||
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-black text-white font-heading tracking-tight leading-tight max-w-4xl mx-auto">
|
||||
Real Projects. Verified Contractors. <span class="text-amber-400">Local Expertise.</span>
|
||||
</h1>
|
||||
|
||||
<p class="mt-6 text-lg sm:text-xl text-slate-300 max-w-2xl mx-auto leading-relaxed">
|
||||
Detailed case studies, project specifications, and craftsmanship spotlights for top-tier roofers and custom contractors serving Barrie, Orillia, Severn & Simcoe County.
|
||||
</p>
|
||||
|
||||
<!-- Stat Highlights -->
|
||||
<div class="mt-12 grid grid-cols-2 sm:grid-cols-3 gap-4 sm:gap-6 max-w-3xl mx-auto">
|
||||
<div class="p-4 rounded-xl bg-slate-800/60 border border-slate-700/80">
|
||||
<div class="text-2xl sm:text-3xl font-extrabold text-amber-400 font-heading">100% Verified</div>
|
||||
<div class="text-xs text-slate-400 mt-1 uppercase tracking-wider font-semibold">Local Trade Companies</div>
|
||||
</div>
|
||||
<div class="p-4 rounded-xl bg-slate-800/60 border border-slate-700/80">
|
||||
<div class="text-2xl sm:text-3xl font-extrabold text-amber-400 font-heading">Simcoe County</div>
|
||||
<div class="text-xs text-slate-400 mt-1 uppercase tracking-wider font-semibold">Barrie, Orillia, Severn</div>
|
||||
</div>
|
||||
<div class="p-4 rounded-xl bg-slate-800/60 border border-slate-700/80 col-span-2 sm:col-span-1">
|
||||
<div class="text-2xl sm:text-3xl font-extrabold text-amber-400 font-heading">Case Studies</div>
|
||||
<div class="text-xs text-slate-400 mt-1 uppercase tracking-wider font-semibold">Full Specs & Photos</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Featured Contractor Profiles Bar -->
|
||||
<section id="directory" class="py-12 bg-slate-900/40 border-b border-slate-800/60">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex items-center justify-between mb-8">
|
||||
<div>
|
||||
<h2 class="text-2xl font-bold text-white font-heading">Featured Local Contractors</h2>
|
||||
<p class="text-sm text-slate-400 mt-1">Direct links to official contractor websites & portfolios</p>
|
||||
</div>
|
||||
<span class="text-xs font-semibold text-amber-400 bg-amber-500/10 px-3 py-1 rounded-full border border-amber-500/20">3 Verified Listings</span>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
|
||||
<!-- Midhurst Roofing Card -->
|
||||
<div class="trade-card p-6 rounded-2xl border border-slate-800 flex flex-col justify-between">
|
||||
<div>
|
||||
<div class="h-20 bg-white rounded-xl p-3 flex items-center justify-center mb-5 border border-slate-700">
|
||||
<img src="{{ '/assets/images/logos/midhurst-roofing.png' | relative_url }}" alt="Midhurst Roofing" class="max-h-14 max-w-full object-contain">
|
||||
</div>
|
||||
<span class="px-2.5 py-1 rounded text-[11px] font-bold uppercase tracking-wider bg-amber-500/20 text-amber-400 border border-amber-500/30 inline-block mb-3">
|
||||
Commercial & Industrial Roofing
|
||||
</span>
|
||||
<h3 class="text-lg font-bold text-white font-heading">Midhurst Roofing</h3>
|
||||
<p class="text-xs text-slate-400 mt-1 leading-relaxed">
|
||||
Specializing in commercial flat roofing, TPO membranes, and industrial repair in Barrie & Simcoe County.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-6 pt-4 border-t border-slate-800 flex items-center justify-between">
|
||||
<span class="text-xs font-medium text-slate-400">📍 Barrie, ON</span>
|
||||
<a href="https://midhurstroofing.ca" target="_blank" rel="noopener" class="text-xs font-bold text-amber-400 hover:text-amber-300 flex items-center gap-1">
|
||||
Visit Site
|
||||
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Severn Roofing Card -->
|
||||
<div class="trade-card p-6 rounded-2xl border border-slate-800 flex flex-col justify-between">
|
||||
<div>
|
||||
<div class="h-20 bg-white rounded-xl p-3 flex items-center justify-center mb-5 border border-slate-700">
|
||||
<img src="{{ '/assets/images/logos/severn-roofing.png' | relative_url }}" alt="Severn Roofing" class="max-h-14 max-w-full object-contain">
|
||||
</div>
|
||||
<span class="px-2.5 py-1 rounded text-[11px] font-bold uppercase tracking-wider bg-sky-500/20 text-sky-400 border border-sky-500/30 inline-block mb-3">
|
||||
Residential Roofing & Metal
|
||||
</span>
|
||||
<h3 class="text-lg font-bold text-white font-heading">Severn Roofing</h3>
|
||||
<p class="text-xs text-slate-400 mt-1 leading-relaxed">
|
||||
High-wind architectural shingle installations, emergency repairs, and copper flashings across Orillia & Severn.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-6 pt-4 border-t border-slate-800 flex items-center justify-between">
|
||||
<span class="text-xs font-medium text-slate-400">📍 Orillia & Severn</span>
|
||||
<a href="https://severnroofing.ca" target="_blank" rel="noopener" class="text-xs font-bold text-sky-400 hover:text-sky-300 flex items-center gap-1">
|
||||
Visit Site
|
||||
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sean Pro Contracting Card -->
|
||||
<div class="trade-card p-6 rounded-2xl border border-slate-800 flex flex-col justify-between">
|
||||
<div>
|
||||
<div class="h-20 bg-slate-950 rounded-xl p-3 flex items-center justify-center mb-5 border border-amber-500/40">
|
||||
<img src="{{ '/assets/images/logos/sean-pro-contracting.png' | relative_url }}" alt="Sean Pro Contracting" class="max-h-14 max-w-full object-contain">
|
||||
</div>
|
||||
<span class="px-2.5 py-1 rounded text-[11px] font-bold uppercase tracking-wider bg-amber-500/20 text-amber-400 border border-amber-500/30 inline-block mb-3">
|
||||
Timber Framing & Custom Decks
|
||||
</span>
|
||||
<h3 class="text-lg font-bold text-white font-heading">Sean Pro Contracting</h3>
|
||||
<p class="text-xs text-slate-400 mt-1 leading-relaxed">
|
||||
Custom heavy timber pavilions, cedar soffits, outdoor living structures, and exterior carpentry.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-6 pt-4 border-t border-slate-800 flex items-center justify-between">
|
||||
<span class="text-xs font-medium text-slate-400">📍 Simcoe County</span>
|
||||
<a href="https://www.instagram.com/seanprocontracting/" target="_blank" rel="noopener" class="text-xs font-bold text-amber-400 hover:text-amber-300 flex items-center gap-1">
|
||||
Instagram Portfolio
|
||||
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Main Case Studies Grid Section -->
|
||||
<section class="py-16">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex flex-col md:flex-row md:items-end justify-between mb-10 pb-4 border-b border-slate-800">
|
||||
<div>
|
||||
<h2 class="text-3xl font-extrabold text-white font-heading tracking-tight">Contractor Case Studies & Job Highlights</h2>
|
||||
<p class="text-slate-400 text-sm mt-1">Deep dives into recent commercial, residential, and custom trade projects in Ontario.</p>
|
||||
</div>
|
||||
<div class="mt-4 md:mt-0 flex gap-2">
|
||||
<span class="px-3 py-1 rounded-full bg-slate-800 text-slate-300 text-xs font-semibold">Latest Work</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
{% for post in site.posts %}
|
||||
<article class="trade-card rounded-2xl overflow-hidden border border-slate-800 flex flex-col justify-between shadow-xl">
|
||||
<div>
|
||||
<!-- Hero Thumbnail -->
|
||||
<a href="{{ post.url | relative_url }}" class="block relative group overflow-hidden">
|
||||
<img src="{{ post.hero_image | relative_url }}" alt="{{ post.title }}" class="w-full h-52 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute top-4 left-4">
|
||||
<span class="px-3 py-1 rounded-full text-xs font-bold bg-slate-950/80 backdrop-blur-md text-amber-400 border border-amber-500/30">
|
||||
{{ post.category }}
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Body -->
|
||||
<div class="p-6">
|
||||
<!-- Contractor Mini Header -->
|
||||
<div class="flex items-center gap-3 mb-4 pb-3 border-b border-slate-800">
|
||||
<img src="{{ post.contractor_logo | relative_url }}" alt="{{ post.contractor_name }}" class="w-8 h-8 object-contain rounded bg-white p-1">
|
||||
<div>
|
||||
<a href="{{ post.contractor_url }}" target="_blank" rel="noopener" class="text-xs font-bold text-slate-200 hover:text-amber-400 transition-colors block">
|
||||
{{ post.contractor_name }}
|
||||
</a>
|
||||
<span class="text-[11px] text-slate-400">📍 {{ post.location }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-white font-heading leading-snug mb-3 hover:text-amber-400 transition-colors">
|
||||
<a href="{{ post.url | relative_url }}">
|
||||
{{ post.title }}
|
||||
</a>
|
||||
</h3>
|
||||
|
||||
<p class="text-sm text-slate-300 line-clamp-3 leading-relaxed mb-4">
|
||||
{{ post.subtitle }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer / Read More -->
|
||||
<div class="px-6 pb-6 pt-2 flex items-center justify-between border-t border-slate-800/80 text-xs">
|
||||
<span class="text-slate-400 font-medium">{{ post.date | date: "%b %d, %Y" }}</span>
|
||||
<a href="{{ post.url | relative_url }}" class="font-bold text-amber-400 hover:text-amber-300 flex items-center gap-1 group">
|
||||
Read Case Study
|
||||
<svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,116 @@
|
||||
---
|
||||
layout: default
|
||||
title: "Verified Roofing Contractors | Barrie, Orillia & Simcoe County"
|
||||
description: "Browse top-rated commercial, flat roof, and residential roofing contractors in Barrie, Orillia, Severn, and Simcoe County."
|
||||
permalink: /roofing-contractors/
|
||||
---
|
||||
|
||||
<!-- 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">
|
||||
Trade Category • Roofing & Sheet Metal
|
||||
</div>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-black text-white font-heading tracking-tight">
|
||||
Verified Roofing Contractors
|
||||
</h1>
|
||||
<p class="mt-4 text-lg text-slate-300 max-w-3xl leading-relaxed">
|
||||
Licensed, insured, and experienced roofing specialists across Simcoe County specializing in commercial flat roof membranes, residential re-roofing, and custom sheet metal flashings.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contractors Directory Grid -->
|
||||
<section class="py-12 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">
|
||||
|
||||
<!-- Midhurst Roofing Card -->
|
||||
<div class="trade-card rounded-2xl p-6 sm:p-8 border border-slate-800 shadow-2xl flex flex-col lg:flex-row gap-8 items-start">
|
||||
<div class="w-full lg:w-72 bg-white rounded-xl p-6 flex items-center justify-center border border-slate-700 shrink-0">
|
||||
<img src="{{ '/assets/images/logos/midhurst-roofing.png' | relative_url }}" alt="Midhurst Roofing Logo" class="max-h-24 object-contain">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow space-y-4">
|
||||
<div class="flex flex-wrap items-center justify-between gap-3">
|
||||
<div>
|
||||
<h2 class="text-2xl font-extrabold text-white font-heading">Midhurst Roofing</h2>
|
||||
<span class="text-xs font-semibold text-amber-400">Commercial & Industrial Roofing Specialist</span>
|
||||
</div>
|
||||
<a href="https://midhurstroofing.ca" target="_blank" rel="noopener" class="px-5 py-2.5 rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold text-sm shadow-md transition-all flex items-center gap-2">
|
||||
Visit Official Site
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-slate-300 text-sm sm:text-base leading-relaxed">
|
||||
Boost the safety and longevity of your industrial or commercial property with Barrie's proficient roofing contractors. Midhurst Roofing specializes in heavy-duty commercial roofing systems, flat roof repair (TPO, EPDM, Built-Up BUR), thermal insulation upgrades, and emergency leak remediation. BBB Accredited with decades of proven field reliability.
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 pt-4 border-t border-slate-800 text-xs">
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Primary Service Area:</span>
|
||||
<span class="text-white font-semibold">Barrie, Midhurst, Springwater, Innisfil, Collingwood</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Core Services:</span>
|
||||
<span class="text-amber-400 font-semibold">TPO Flat Roofs, Commercial Repair, Industrial Metal</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Direct Contact:</span>
|
||||
<span class="text-emerald-400 font-semibold">Call (705) 721-8383</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-2">
|
||||
<a href="{{ '/posts/midhurst-roofing-barrie-commercial-flat-roof/' | relative_url }}" class="inline-flex items-center gap-2 text-xs font-bold text-amber-400 hover:underline">
|
||||
View Case Study: 15,000 SF Barrie Industrial Flat Roof →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Severn Roofing Card -->
|
||||
<div class="trade-card rounded-2xl p-6 sm:p-8 border border-slate-800 shadow-2xl flex flex-col lg:flex-row gap-8 items-start">
|
||||
<div class="w-full lg:w-72 bg-white rounded-xl p-6 flex items-center justify-center border border-slate-700 shrink-0">
|
||||
<img src="{{ '/assets/images/logos/severn-roofing.png' | relative_url }}" alt="Severn Roofing Logo" class="max-h-24 object-contain">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow space-y-4">
|
||||
<div class="flex flex-wrap items-center justify-between gap-3">
|
||||
<div>
|
||||
<h2 class="text-2xl font-extrabold text-white font-heading">Severn Roofing & Contracting</h2>
|
||||
<span class="text-xs font-semibold text-sky-400">Residential Roofing & Sheet Metal Specialist</span>
|
||||
</div>
|
||||
<a href="https://severnroofing.ca" target="_blank" rel="noopener" class="px-5 py-2.5 rounded-xl bg-sky-500 hover:bg-sky-400 text-slate-950 font-bold text-sm shadow-md transition-all flex items-center gap-2">
|
||||
Visit Official Site
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-slate-300 text-sm sm:text-base leading-relaxed">
|
||||
Severn Roofing & Contracting delivers high-performance residential roof replacements, steep-slope architectural shingle installations, emergency storm repairs, and custom hand-bent copper/metal flashings across Orillia and Severn Township. Built to withstand lakefront wind shear and heavy winter snow loads.
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 pt-4 border-t border-slate-800 text-xs">
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Primary Service Area:</span>
|
||||
<span class="text-white font-semibold">Orillia, Severn Township, Washago, Coldwater, Lake Couchiching</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Core Services:</span>
|
||||
<span class="text-sky-400 font-semibold">Architectural Shingles, Copper Valleys, Cottage Re-roofing</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Warranty:</span>
|
||||
<span class="text-emerald-400 font-semibold">50-Year Non-Prorated System Warranty</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-2">
|
||||
<a href="{{ '/posts/severn-roofing-orillia-metal-shingle-replacement/' | relative_url }}" class="inline-flex items-center gap-2 text-xs font-bold text-sky-400 hover:underline">
|
||||
View Case Study: Lake Couchiching Shingle & Copper Overhaul →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,71 @@
|
||||
---
|
||||
layout: default
|
||||
title: "Verified Timber & Carpentry Trades | Simcoe County & Central Ontario"
|
||||
description: "Browse master timber framers, custom carpenters, and deck builders in Barrie, Midhurst, Orillia, and Simcoe County."
|
||||
permalink: /timber-and-carpentry/
|
||||
---
|
||||
|
||||
<!-- 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">
|
||||
Trade Category • Timber Framing & Custom Carpentry
|
||||
</div>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-black text-white font-heading tracking-tight">
|
||||
Verified Timber & Carpentry Trades
|
||||
</h1>
|
||||
<p class="mt-4 text-lg text-slate-300 max-w-3xl leading-relaxed">
|
||||
Custom timber framers, deck builders, and master carpenters crafting heavy post-and-beam pavilions, cedar ceilings, and custom outdoor living spaces in Simcoe County.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Directory Grid -->
|
||||
<section class="py-12 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">
|
||||
|
||||
<!-- Sean Pro Contracting Card -->
|
||||
<div class="trade-card rounded-2xl p-6 sm:p-8 border border-slate-800 shadow-2xl flex flex-col lg:flex-row gap-8 items-start">
|
||||
<div class="w-full lg:w-72 bg-slate-950 rounded-xl p-6 flex items-center justify-center border border-amber-500/40 shrink-0">
|
||||
<img src="{{ '/assets/images/logos/sean-pro-contracting.png' | relative_url }}" alt="Sean Pro Contracting Logo" class="max-h-24 object-contain">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow space-y-4">
|
||||
<div class="flex flex-wrap items-center justify-between gap-3">
|
||||
<div>
|
||||
<h2 class="text-2xl font-extrabold text-white font-heading">Sean Pro Contracting</h2>
|
||||
<span class="text-xs font-semibold text-amber-400">Custom Timber Framing & Deck Specialist</span>
|
||||
</div>
|
||||
<a href="https://www.instagram.com/seanprocontracting/" target="_blank" rel="noopener" class="px-5 py-2.5 rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold text-sm shadow-md transition-all flex items-center gap-2">
|
||||
Instagram Portfolio
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-slate-300 text-sm sm:text-base leading-relaxed">
|
||||
Sean Pro Contracting specializes in high-end structural timber framing, heavy Douglas Fir posts and beams, tongue-and-groove Western Red Cedar soffits, custom composite decks, and covered outdoor living structures across Barrie, Midhurst, and Simcoe County. Known for meticulous joinery, clean job sites, and real-time project documentation.
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 pt-4 border-t border-slate-800 text-xs">
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Primary Service Area:</span>
|
||||
<span class="text-white font-semibold">Barrie, Midhurst, Innisfil, Orillia, Simcoe County</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Core Services:</span>
|
||||
<span class="text-amber-400 font-semibold">Timber Frame Pavilions, Cedar Soffits, Custom Decks</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-slate-400 block font-medium">Portfolio Showcase:</span>
|
||||
<span class="text-emerald-400 font-semibold">Follow @seanprocontracting</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-2">
|
||||
<a href="{{ '/posts/sean-pro-contracting-custom-outdoor-living-space/' | relative_url }}" class="inline-flex items-center gap-2 text-xs font-bold text-amber-400 hover:underline">
|
||||
View Case Study: Douglas Fir Timber Frame Porch & Cedar Ceiling →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
Reference in New Issue
Block a user