Integrate Simcoe Trades Journal Jekyll site with DigitalOcean App Platform spec

timber-and-carpentry.html

@@ -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>