diff --git a/src/app/(main)/blog/[slug]/page.tsx b/src/app/(main)/blog/[slug]/page.tsx
index 81a72ae..d4f4ad6 100644
--- a/src/app/(main)/blog/[slug]/page.tsx
+++ b/src/app/(main)/blog/[slug]/page.tsx
@@ -1,6 +1,7 @@
 import HeroImage from "@/components/HeroImage";
 import { getDefaultMetadata } from "@/utils/metadata";
 import { Metadata } from "next";
+import Image from "next/image";
 
 const metaDesc =
   "Explore the latest insights, news, and resources on the Dynamic Realty blog. Read our articles today.";
@@ -68,7 +69,7 @@ export default function BlogDetail() {
                     <div className="col-sm-6">
                       <article className="post-simple">
                         <div className="post-simple-img">
-                          <img src="/images/blog-post-03-736x540.jpg" alt="" width="736" height="540" />
+                          <Image src="/images/blog-post-03-736x540.jpg" alt="" width="736" height="540" />
                         </div>
                         <div className="post-simple-body">
                           <div className="post-simple-title">
@@ -88,7 +89,7 @@ export default function BlogDetail() {
                     <div className="col-sm-6">
                       <article className="post-simple">
                         <div className="post-simple-img">
-                          <img src="/images/blog-post-04-736x540.jpg" alt="" width="736" height="540" />
+                          <Image src="/images/blog-post-04-736x540.jpg" alt="" width="736" height="540" />
                         </div>
                         <div className="post-simple-body">
                           <div className="post-simple-title">
@@ -140,7 +141,7 @@ export default function BlogDetail() {
                       </div>
                       <a className="post-minimal-1" href="#">
                         <div className="post-minimal-1-left">
-                          <img src="/images/post-agent-01-212x208.jpg" alt="" width="212" height="208" />
+                          <Image src="/images/post-agent-01-212x208.jpg" alt="" width="212" height="208" />
                         </div>
                         <div className="post-minimal-1-body">
                           <div className="post-minimal-1-title">
@@ -153,7 +154,7 @@ export default function BlogDetail() {
                       </a>
                       <a className="post-minimal-1" href="#">
                         <div className="post-minimal-1-left">
-                          <img src="/images/post-agent-02-212x208.jpg" alt="" width="212" height="208" />
+                          <Image src="/images/post-agent-02-212x208.jpg" alt="" width="212" height="208" />
                         </div>
                         <div className="post-minimal-1-body">
                           <div className="post-minimal-1-title">
@@ -166,7 +167,7 @@ export default function BlogDetail() {
                       </a>
                       <a className="post-minimal-1" href="#">
                         <div className="post-minimal-1-left">
-                          <img src="/images/post-agent-03-212x208.jpg" alt="" width="212" height="208" />
+                          <Image src="/images/post-agent-03-212x208.jpg" alt="" width="212" height="208" />
                         </div>
                         <div className="post-minimal-1-body">
                           <div className="post-minimal-1-title">
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index 5c816da..0592a8a 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -5,6 +5,7 @@ import { Metadata } from "next";
 import { getDefaultMetadata } from "@/utils/metadata";
 import Header from "@/components/layouts/Header";
 import Footer from "@/components/layouts/Footer";
+import Image from "next/image";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -57,7 +58,7 @@ export default function RootLayout({
       >
         <div className="ie-panel">
           <a href="http://windows.microsoft.com/en-US/internet-explorer/">
-            <img
+            <Image
               src="/images/ie8-panel/warning_bar_0000_us.jpg"
               height="42"
               width="820"
diff --git a/src/collections/Blogs.ts b/src/collections/Blogs.ts
index 6a7eea8..3d8eb87 100644
--- a/src/collections/Blogs.ts
+++ b/src/collections/Blogs.ts
@@ -100,8 +100,6 @@ export const Blogs: CollectionConfig = {
     useAsTitle: "title",
   },
   access: {
-    read: ({ req: { user } }) => {
-      return true;
-    },
+    read: () => true,
   },
 };
diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
index a759460..61fac2c 100644
--- a/src/components/layouts/Footer.tsx
+++ b/src/components/layouts/Footer.tsx
@@ -1,3 +1,5 @@
+import Image from "next/image";
+
 export default function Footer() {
   return (
     <>
@@ -10,7 +12,7 @@ export default function Footer() {
               </h3>
               <a className="post-minimal" href="single-property.html">
                 <div className="post-minimal-image">
-                  <img src="/images/featured-properties-17-480x287.jpg" alt="" width="161" height="136" />
+                  <Image src="/images/featured-properties-17-480x287.jpg" alt="" width="161" height="136" />
                 </div>
                 <div className="post-minimal-body">
                   <div className="post-minimal-title">
@@ -25,7 +27,7 @@ export default function Footer() {
               </a>
               <a className="post-minimal" href="single-property.html">
                 <div className="post-minimal-image">
-                  <img src="/images/featured-properties-17-480x287.jpg" alt="" width="161" height="136" />
+                  <Image src="/images/featured-properties-17-480x287.jpg" alt="" width="161" height="136" />
                 </div>
                 <div className="post-minimal-body">
                   <div className="post-minimal-title">
diff --git a/src/components/layouts/Header.tsx b/src/components/layouts/Header.tsx
index 98e75e4..455da0c 100644
--- a/src/components/layouts/Header.tsx
+++ b/src/components/layouts/Header.tsx
@@ -88,7 +88,7 @@ export default function Header() {
                       alt=""
                       width="121"
                       height="61"
-                      srcSet="/images/logo2.png 2x"
+                      srcSet="images/logo2.png 2x"
                     />
                   </a>
                   {/* <h3 className="text-colorHeaderText! font-montserrat! font-semibold! hidden lg:inline">