diff --git a/public/images/home1.jpg b/public/images/home1.jpg
new file mode 100644
index 0000000..57da5df
Binary files /dev/null and b/public/images/home1.jpg differ
diff --git a/public/images/home2.jpg b/public/images/home2.jpg
new file mode 100644
index 0000000..cff44c5
Binary files /dev/null and b/public/images/home2.jpg differ
diff --git a/public/images/home3.jpg b/public/images/home3.jpg
new file mode 100644
index 0000000..1708490
Binary files /dev/null and b/public/images/home3.jpg differ
diff --git a/public/images/home4.jpg b/public/images/home4.jpg
new file mode 100644
index 0000000..568ca7d
Binary files /dev/null and b/public/images/home4.jpg differ
diff --git a/public/images/home5.jpg b/public/images/home5.jpg
new file mode 100644
index 0000000..e8d6ad3
Binary files /dev/null and b/public/images/home5.jpg differ
diff --git a/public/images/home6.jpg b/public/images/home6.jpg
new file mode 100644
index 0000000..064ec5f
Binary files /dev/null and b/public/images/home6.jpg differ
diff --git a/public/images/home7.jpg b/public/images/home7.jpg
new file mode 100644
index 0000000..7f8dc5b
Binary files /dev/null and b/public/images/home7.jpg differ
diff --git a/src/components/HeroImage.tsx b/src/components/HeroImage.tsx
index 583bad4..5d8de17 100644
--- a/src/components/HeroImage.tsx
+++ b/src/components/HeroImage.tsx
@@ -18,7 +18,7 @@ export default function HeroImage({ title = "", imgSrc = "/images/breadcrumbs-bg
           objectFit: "cover",
         }}
       />
-      <div className="bg-colorHeroOverlay/50 w-full h-full absolute top-0 left-0" />
+      <div className="bg-colorHeroOverlay/85 w-full h-full absolute top-0 left-0" />
       <div className="container relative">
         <h2 className="breadcrumbs-custom-title">{title}</h2>
       </div>
diff --git a/src/components/layouts/HeaderFeaturedHomes.tsx b/src/components/layouts/HeaderFeaturedHomes.tsx
index f789f95..f08f72c 100644
--- a/src/components/layouts/HeaderFeaturedHomes.tsx
+++ b/src/components/layouts/HeaderFeaturedHomes.tsx
@@ -4,12 +4,12 @@ import Image from "next/image";
 
 export default function HeaderFeaturedHomes() {
   const images = [
-    "/images/featured-properties-17-480x287.jpg",
-    "/images/featured-properties-17-480x287.jpg",
-    "/images/featured-properties-17-480x287.jpg",
-    "/images/featured-properties-17-480x287.jpg",
-    "/images/featured-properties-17-480x287.jpg",
-    "/images/featured-properties-17-480x287.jpg",
+    "/images/home1.jpg",
+    "/images/home2.jpg",
+    "/images/home3.jpg",
+    "/images/home4.jpg",
+    "/images/home5.jpg",
+    "/images/home6.jpg",
   ];
 
   return (