diff --git a/about.html b/about.html
index c73617f..d286187 100644
--- a/about.html
+++ b/about.html
@@ -160,7 +160,7 @@
             </div>
             <div class="footer-bottom">
                 <p>&copy; 2026 Happy Tails Pet Care. All rights reserved.</p>
-                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a></p>
+                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a> · Photos by <a href="https://unsplash.com" target="_blank" rel="noopener">Unsplash</a></p>
             </div>
         </div>
     </footer>
diff --git a/contact.html b/contact.html
index 836915c..d859730 100644
--- a/contact.html
+++ b/contact.html
@@ -149,7 +149,7 @@
             </div>
             <div class="footer-bottom">
                 <p>&copy; 2026 Happy Tails Pet Care. All rights reserved.</p>
-                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a></p>
+                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a> · Photos by <a href="https://unsplash.com" target="_blank" rel="noopener">Unsplash</a></p>
             </div>
         </div>
     </footer>
diff --git a/css/style.css b/css/style.css
index 34988be..443cb08 100644
--- a/css/style.css
+++ b/css/style.css
@@ -248,23 +248,39 @@ img {
 
 /* Hero Section */
 .hero {
-  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
+  background: url('../images/hero-dogs.jpg') center/cover no-repeat;
   padding: var(--spacing-2xl) 0 var(--spacing-xl);
   text-align: center;
+  color: #fef3c7;
+  position: relative;
+  min-height: 420px;
+  display: flex;
+  align-items: center;
+}
+
+.hero-overlay {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(69, 26, 3, 0.85) 0%, rgba(120, 53, 15, 0.75) 100%);
+}
+
+.hero-content {
+  position: relative;
+  z-index: 1;
 }
 
 .hero h1 {
   font-size: 2.75rem;
   margin-bottom: var(--spacing-lg);
-  background: linear-gradient(to right, var(--color-primary), #dc2626);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  color: #fef3c7;
+  -webkit-text-fill-color: unset;
+  background: none;
+  background-clip: unset;
 }
 
 .hero-subheadline {
   font-size: 1.25rem;
-  color: var(--color-text-secondary);
+  color: #fde68a;
   max-width: 700px;
   margin: 0 auto var(--spacing-xl);
 }
@@ -336,19 +352,33 @@ img {
 
 /* Page Hero (inner pages) */
 .page-hero {
-  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+  background: url('../images/dog-park.jpg') center/cover no-repeat;
   padding: var(--spacing-2xl) 0;
   text-align: center;
+  color: #fef3c7;
+  position: relative;
+}
+
+.page-hero::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(69, 26, 3, 0.88) 0%, rgba(120, 53, 15, 0.82) 100%);
+}
+
+.page-hero .container {
+  position: relative;
+  z-index: 1;
 }
 
 .page-hero h1 {
-  color: var(--color-text);
+  color: #fef3c7;
   margin-bottom: var(--spacing-md);
 }
 
 .page-subheadline {
   font-size: 1.125rem;
-  color: var(--color-text-secondary);
+  color: #fde68a;
   max-width: 650px;
   margin: 0 auto;
 }
@@ -403,19 +433,38 @@ img {
 .about-preview {
   padding: var(--spacing-2xl) 0;
   background-color: var(--color-surface);
-  text-align: center;
 }
 
-.about-preview h2 {
+.about-preview-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--spacing-2xl);
+  align-items: center;
+}
+
+.about-preview-image img {
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-md);
+  width: 100%;
+  height: 320px;
+  object-fit: cover;
+}
+
+.about-preview-content h2 {
   margin-bottom: var(--spacing-md);
 }
 
 .about-preview-text {
-  max-width: 650px;
-  margin: 0 auto var(--spacing-xl);
   color: var(--color-text-secondary);
   font-size: 1.1rem;
   line-height: 1.8;
+  margin-bottom: var(--spacing-xl);
+}
+
+@media (max-width: 768px) {
+  .about-preview-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .about-content {
@@ -1292,14 +1341,18 @@ img {
   }
   
   .hero {
-    background: linear-gradient(135deg, #1c1917 0%, #292524 50%, #44403c 100%);
+    background-image: url('../images/hero-dogs.jpg');
+  }
+
+  .hero-overlay {
+    background: linear-gradient(135deg, rgba(28, 25, 23, 0.9) 0%, rgba(41, 37, 36, 0.85) 100%);
   }
 
   .hero h1 {
-    background: linear-gradient(to right, #fbbf24, #f59e0b);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: #fbbf24;
+    background: none;
+    -webkit-text-fill-color: unset;
+    background-clip: unset;
   }
   
   .feature-card,
diff --git a/images/david-okonkwo.jpg b/images/david-okonkwo.jpg
new file mode 100644
index 0000000..e297f88
Binary files /dev/null and b/images/david-okonkwo.jpg differ
diff --git a/images/dog-grooming.jpg b/images/dog-grooming.jpg
new file mode 100644
index 0000000..6563795
Binary files /dev/null and b/images/dog-grooming.jpg differ
diff --git a/images/dog-park.jpg b/images/dog-park.jpg
new file mode 100644
index 0000000..00ce477
Binary files /dev/null and b/images/dog-park.jpg differ
diff --git a/images/dog-walking.jpg b/images/dog-walking.jpg
new file mode 100644
index 0000000..2758e8e
Binary files /dev/null and b/images/dog-walking.jpg differ
diff --git a/images/emily-chen.jpg b/images/emily-chen.jpg
new file mode 100644
index 0000000..9f68d8b
Binary files /dev/null and b/images/emily-chen.jpg differ
diff --git a/images/happy-tails-team.jpg b/images/happy-tails-team.jpg
new file mode 100644
index 0000000..ed27456
Binary files /dev/null and b/images/happy-tails-team.jpg differ
diff --git a/images/hero-dogs.jpg b/images/hero-dogs.jpg
new file mode 100644
index 0000000..45ee1ab
Binary files /dev/null and b/images/hero-dogs.jpg differ
diff --git a/images/marcus-rivera.jpg b/images/marcus-rivera.jpg
new file mode 100644
index 0000000..51a0d05
Binary files /dev/null and b/images/marcus-rivera.jpg differ
diff --git a/images/puppy-playing.jpg b/images/puppy-playing.jpg
new file mode 100644
index 0000000..f84d1e0
Binary files /dev/null and b/images/puppy-playing.jpg differ
diff --git a/images/sarah-mitchell.jpg b/images/sarah-mitchell.jpg
new file mode 100644
index 0000000..ed22d81
Binary files /dev/null and b/images/sarah-mitchell.jpg differ
diff --git a/index.html b/index.html
index 3d98124..23f48c5 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,8 @@
     <main class="site-main">
         <!-- Hero Section -->
         <section class="hero" aria-labelledby="hero-heading">
-            <div class="container">
+            <div class="hero-overlay"></div>
+            <div class="container hero-content">
                 <p class="hero-emoji" aria-hidden="true">🐾</p>
                 <h1 id="hero-heading">Your Dog Deserves the Best Day Ever</h1>
                 <p class="hero-subheadline">Trusted dog walking, grooming, and overnight care from people who truly love dogs.</p>
@@ -78,9 +79,16 @@
         <!-- About Preview -->
         <section class="about-preview" aria-labelledby="about-preview-heading">
             <div class="container">
-                <h2 id="about-preview-heading" class="section-title">Meet the Team</h2>
-                <p class="about-preview-text">We are a small crew of dog lovers dedicated to keeping your pups happy and healthy. Every handler on our team is certified and genuinely passionate about dogs.</p>
-                <a href="/about.html" class="btn btn-secondary">Learn About Us</a>
+                <div class="about-preview-grid">
+                    <div class="about-preview-image">
+                        <img src="images/dog-walking.jpg" alt="Happy dog being walked through a sunny neighborhood" loading="lazy">
+                    </div>
+                    <div class="about-preview-content">
+                        <h2 id="about-preview-heading" class="section-title">Meet the Team</h2>
+                        <p class="about-preview-text">We are a small crew of dog lovers dedicated to keeping your pups happy and healthy. Every handler on our team is certified and genuinely passionate about dogs.</p>
+                        <a href="/about.html" class="btn btn-secondary">Learn About Us</a>
+                    </div>
+                </div>
             </div>
         </section>
 
@@ -143,7 +151,7 @@
             </div>
             <div class="footer-bottom">
                 <p>&copy; 2026 Happy Tails Pet Care. All rights reserved.</p>
-                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a></p>
+                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a> · Photos by <a href="https://unsplash.com" target="_blank" rel="noopener">Unsplash</a></p>
             </div>
         </div>
     </footer>
diff --git a/services.html b/services.html
index 0734347..a8d49b2 100644
--- a/services.html
+++ b/services.html
@@ -203,7 +203,7 @@
             </div>
             <div class="footer-bottom">
                 <p>&copy; 2026 Happy Tails Pet Care. All rights reserved.</p>
-                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a></p>
+                <p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a> · Photos by <a href="https://unsplash.com" target="_blank" rel="noopener">Unsplash</a></p>
             </div>
         </div>
     </footer>