From f32e9a30cbc4f71e72cb7410ce825b96db39fdea Mon Sep 17 00:00:00 2001
From: Tony Balascio <tonyjbala@gmail.com>
Date: Sun, 9 Aug 2026 03:24:25 +0000
Subject: [PATCH] Add second real before/after deck photos to gallery

---
 index.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index e3368d4..b6a54f1 100644
--- a/index.html
+++ b/index.html
@@ -334,18 +334,16 @@ tailwind.config = {
         
         <!-- Before 2 -->
         <figure class="group relative overflow-hidden rounded-sm border border-brand-line">
-          <!-- REPLACE: images/before-2.jpg -->
-          <img src="https://images.unsplash.com/photo-1517581177682-a085bb7ffb15?q=80&w=800&auto=format&fit=crop" alt="Before: Damaged deck stairs with missing balusters and rotting stringers" class="w-full aspect-[4/3] object-cover grayscale group-hover:grayscale-0 transition-all duration-500">
+          <img src="images/deck-before-1.jpg" alt="Before: Weathered gray wooden deck with children's play equipment in Placerville" class="w-full aspect-[4/3] object-cover grayscale group-hover:grayscale-0 transition-all duration-500">
           <figcaption class="absolute bottom-0 left-0 right-0 bg-brand-forest/90 text-white text-xs font-bold uppercase tracking-wider p-3 flex items-center gap-2">
-            <span class="bg-brand-stone text-white px-2 py-0.5 rounded-sm">Before</span> Unsafe Stair Structure
+            <span class="bg-brand-stone text-white px-2 py-0.5 rounded-sm">Before</span> Worn Wooden Deck
           </figcaption>
         </figure>
         <!-- After 2 -->
         <figure class="group relative overflow-hidden rounded-sm border border-brand-line">
-          <!-- REPLACE: images/after-2.jpg -->
-          <img src="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800&auto=format&fit=crop" alt="After: Brand new composite deck stairs with sturdy black aluminum handrails" class="w-full aspect-[4/3] object-cover sepia-[.1] group-hover:sepia-0 transition-all duration-500">
+          <img src="images/deck-after-1.jpg" alt="After: New light wooden deck with black metal railing overlooking a wooded yard" class="w-full aspect-[4/3] object-cover sepia-[.1] group-hover:sepia-0 transition-all duration-500">
           <figcaption class="absolute bottom-0 left-0 right-0 bg-brand-rust/90 text-white text-xs font-bold uppercase tracking-wider p-3 flex items-center gap-2">
-            <span class="bg-white text-brand-rust px-2 py-0.5 rounded-sm">After</span> Solid Composite Stairs
+            <span class="bg-white text-brand-rust px-2 py-0.5 rounded-sm">After</span> New Deck with Black Railing
           </figcaption>
         </figure>