diff --git a/README.md b/README.md
index 260f071..272affe 100644
--- a/README.md
+++ b/README.md
@@ -7,9 +7,9 @@
 [![zauberhaft.ravenbright.design](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://zauberhaft.ravenbright.design)
 
 <p align="center">
-<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/zauberhaft-astro-banner.jpg" alt="Zauberhaft Banner">
+<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/Zauberhaft-banner.jpg" alt="Zauberhaft Banner">
 
-<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/zauberhaft-astro-stats.jpg" alt="Zauberhaft Stats">
+<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/Zauberhaft-stats.jpg" alt="Zauberhaft Stats">
 </p>
 
 ## Free, customizable, modern & Lightning fast Astro agency website template
diff --git a/src/Zauberhaft-banner.jpg b/src/Zauberhaft-banner.jpg
new file mode 100644
index 0000000..853aab1
Binary files /dev/null and b/src/Zauberhaft-banner.jpg differ
diff --git a/src/Zauberhaft-stats.jpg b/src/Zauberhaft-stats.jpg
new file mode 100644
index 0000000..1fd2911
Binary files /dev/null and b/src/Zauberhaft-stats.jpg differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index abcb23b..8502b9b 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -88,8 +88,7 @@ const { title } = Astro.props;
     <link rel="icon" sizes="192x192" href="/favicon/favicon-180x180.png" />
 
     <!-- Links -->
-    <link rel="canonical" href="https://example.com/article" />
-    <link rel="manifest" href="manifest.json" />
+    <link rel="canonical" href="https://zauberhaft.ravenbright.design" />
 
     <!-- Script -->
     <script src="/toggledarktheme.js" defer></script>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d73d7ed..23c59f0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -14,14 +14,14 @@ import Layout from "../layouts/Layout.astro";
           <span
             class="badge border-yellow-200 badge-sm bg-yellow-100 font-semibold dark-bg-gray-800 dark-border-none p-x-5 p-y-3 m-b-4 flex-wrap dark-white xs-font-size-xxs sm-font-size-xs"
           >
-            Accessible & modern website templates 🚀
+            Accessible & modern site templates 🚀
           </span>
           <h2 class="h1 m-b-6 md-w-75">
             The best design studio for small business
           </h2>
           <div class="md-w-75 m-b-7">
             <h3 class="h6 font-medium line-h-lg">
-              Zauberhaft is a FREE one page agency website template with
+              Zauberhaft is a FREE one page agency HTML template with
               built-in dark mode to supercharge your project. Zauberhaft is
               available in: HTML, Next.js, Gatsby & Astro
             </h3>
@@ -472,7 +472,7 @@ import Layout from "../layouts/Layout.astro";
             class="radius-md m-b-6 md-w-50"
             src="https://images.unsplash.com/photo-1543269865-cbf427effbad?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8N3xONWRTdW9qMU9GTXx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=560&q=60"
             loading="lazy"
-            width="560"
+            width="560" height="320"
             alt="Business & work - Unsplash image by @brookecagle - https://unsplash.com/photos/-uHVRvDr7pg"
           />
         </div>
@@ -616,7 +616,7 @@ import Layout from "../layouts/Layout.astro";
             class="radius-md xs-m-b-8 md-m-b-0 md-m-r-10 xs-w-100 md-w-50"
             src="https://images.unsplash.com/photo-1560250056-07ba64664864?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=360&q=80"
             loading="lazy"
-            width="480"
+            width="480" height="360"
             alt="Unsplash image by @linkedinsalesnavigator	- https://unsplash.com/photos/YDVdprpgHv4"
           />
           <div class="flex flex-column md-w-50">
@@ -668,7 +668,7 @@ import Layout from "../layouts/Layout.astro";
               aria-label="Companyabc have increased their MRR by 17% after redesign"
               rel="noopener noreferrer"></a>
             <img
-              width="480"
+              width="480" height="360"
               class="lazy radius-md m-b-6 w-100"
               src="https://images.unsplash.com/photo-1572021335469-31706a17aaef?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=360&q=80"
               alt="Business & work - Unsplash image by judmackrill - https://unsplash.com/photos/Of_m3hMsoAA"
@@ -710,7 +710,7 @@ import Layout from "../layouts/Layout.astro";
                 class="radius-md xs-m-b-8 lg-m-b-0 lg-m-r-8 xs-w-100 lg-w-50"
                 src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&q=80"
                 loading="lazy"
-                width="480"
+                width="480" height="360"
                 alt="Business & work - Unsplash image by @brookecagle - https://unsplash.com/photos/g1Kr4Ozfoac"
               />
               <div class="flex flex-column lg-w-50">
@@ -762,7 +762,7 @@ import Layout from "../layouts/Layout.astro";
                 class="radius-md xs-m-b-8 lg-m-b-0 lg-m-r-8 xs-w-100 lg-w-50"
                 src="https://images.unsplash.com/photo-1556761175-5973dc0f32e7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=360&q=80"
                 loading="lazy"
-                width="480"
+                width="480" height="360"
                 alt="Business & work - Unsplash image by @austindistel - https://unsplash.com/photos/rxpThOwuVgE"
               />
               <div class="flex flex-column lg-w-50">