diff --git a/package.json b/package.json
index 7daa7e9..eb2f69a 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "@tailwindcss/forms": "^0.5.4",
     "@tailwindcss/typography": "^0.5.9",
     "@types/marked": "^5.0.1",
-    "@types/node": "20.4.3",
+    "@types/node": "20.4.4",
     "@types/react": "18.2.15",
     "@types/react-dom": "18.2.7",
     "autoprefixer": "^10.4.14",
diff --git a/src/content/authors/john-doe.md b/src/content/authors/john-doe.md
index 2269f4f..857f439 100644
--- a/src/content/authors/john-doe.md
+++ b/src/content/authors/john-doe.md
@@ -4,17 +4,17 @@ email: johndoe@email.com
 image: "/images/avatar.png"
 description: this is meta description
 social:
-- name: github
-  icon: FaGithub
-  link: https://github.com
+  - name: github
+    icon: FaGithub
+    link: https://github.com
 
-- name: twitter
-  icon: FaTwitter
-  link: https://twitter.com
+  - name: twitter
+    icon: FaTwitter
+    link: https://twitter.com
 
-- name: linkedin
-  icon: FaLinkedin
-  link: https://linkedin.com
+  - name: linkedin
+    icon: FaLinkedin
+    link: https://linkedin.com
 ---
 
 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.
diff --git a/src/content/authors/sam-wilson.md b/src/content/authors/sam-wilson.md
index b41d729..d3ab0e5 100644
--- a/src/content/authors/sam-wilson.md
+++ b/src/content/authors/sam-wilson.md
@@ -4,17 +4,17 @@ email: samwilson@email.com
 image: "/images/avatar.png"
 description: this is meta description
 social:
-- name: github
-  icon: FaGithub
-  link: https://github.com
+  - name: github
+    icon: FaGithub
+    link: https://github.com
 
-- name: twitter
-  icon: FaTwitter
-  link: https://twitter.com
+  - name: twitter
+    icon: FaTwitter
+    link: https://twitter.com
 
-- name: linkedin
-  icon: FaLinkedin
-  link: https://linkedin.com
+  - name: linkedin
+    icon: FaLinkedin
+    link: https://linkedin.com
 ---
 
 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.
diff --git a/src/content/authors/william-jacob.md b/src/content/authors/william-jacob.md
index 801cb16..ae44bdd 100644
--- a/src/content/authors/william-jacob.md
+++ b/src/content/authors/william-jacob.md
@@ -4,17 +4,17 @@ email: williamjacob@email.com
 image: "/images/avatar.png"
 description: this is meta description
 social:
-- name: github
-  icon: FaGithub
-  link: https://github.com
+  - name: github
+    icon: FaGithub
+    link: https://github.com
 
-- name: twitter
-  icon: FaTwitter
-  link: https://twitter.com
+  - name: twitter
+    icon: FaTwitter
+    link: https://twitter.com
 
-- name: linkedin
-  icon: FaLinkedin
-  link: https://linkedin.com
+  - name: linkedin
+    icon: FaLinkedin
+    link: https://linkedin.com
 ---
 
 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.
diff --git a/src/content/config.ts b/src/content/config.ts
index 95f0948..6b926a5 100755
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -31,7 +31,7 @@ const authorsCollection = defineCollection({
             icon: z.string().optional(),
             link: z.string().optional(),
           })
-          .optional()
+          .optional(),
       )
       .optional(),
     draft: z.boolean().optional(),
diff --git a/src/content/pages/elements.mdx b/src/content/pages/elements.mdx
index fa23af2..d8bff7d 100755
--- a/src/content/pages/elements.mdx
+++ b/src/content/pages/elements.mdx
@@ -134,7 +134,7 @@ window.addEventListener("load", (e) => {
 
 ### Button
 
-<Button label="Button" link="#" style="solid"/>
+<Button label="Button" link="#" style="solid" />
 
 ---
 
@@ -146,21 +146,13 @@ window.addEventListener("load", (e) => {
 
 ### Notice
 
-<Notice type="note">
-This is a simple note.
-</Notice>
+<Notice type="note">This is a simple note.</Notice>
 
-<Notice type="tip">
-This is a simple note.
-</Notice>
+<Notice type="tip">This is a simple note.</Notice>
 
-<Notice type="info">
-This is a simple note.
-</Notice>
+<Notice type="info">This is a simple note.</Notice>
 
-<Notice type="warning">
-This is a simple note.
-</Notice>
+<Notice type="warning">This is a simple note.</Notice>
 
 ---
 
diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 6fac03b..7a2b5b0 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -5,7 +5,7 @@ const useTheme = (): string => {
 
   useEffect(() => {
     setThemeValue(
-      document.documentElement.classList.contains("dark") ? "dark" : "light"
+      document.documentElement.classList.contains("dark") ? "dark" : "light",
     );
   }, []);
 
diff --git a/src/layouts/Search.tsx b/src/layouts/Search.tsx
index 67e9288..091d1aa 100755
--- a/src/layouts/Search.tsx
+++ b/src/layouts/Search.tsx
@@ -155,7 +155,7 @@ const Search = ({ searchList }: Props) => {
                             {humanize(category)}
                             {index !== item.data.categories.length - 1 && ", "}
                           </a>
-                        )
+                        ),
                       )}
                     </li>
                   </ul>
diff --git a/src/layouts/shortcodes/Tabs.tsx b/src/layouts/shortcodes/Tabs.tsx
index bfc2867..59aa44f 100644
--- a/src/layouts/shortcodes/Tabs.tsx
+++ b/src/layouts/shortcodes/Tabs.tsx
@@ -22,14 +22,14 @@ const Tabs = ({ children }: { children: React.ReactElement }) => {
 
   const tabLinks = Array.from(
     children.props.value.matchAll(
-      /<div\s+data-name="([^"]+)"[^>]*>(.*?)<\/div>/gs
+      /<div\s+data-name="([^"]+)"[^>]*>(.*?)<\/div>/gs,
     ),
-    (match: RegExpMatchArray) => ({ name: match[1], children: match[0] })
+    (match: RegExpMatchArray) => ({ name: match[1], children: match[0] }),
   );
 
   const handleKeyDown = (
     event: React.KeyboardEvent<EventTarget>,
-    index: number
+    index: number,
   ) => {
     if (event.key === "Enter" || event.key === " ") {
       setActive(index);
@@ -57,7 +57,7 @@ const Tabs = ({ children }: { children: React.ReactElement }) => {
             >
               {item.name}
             </li>
-          )
+          ),
         )}
       </ul>
       {tabLinks.map((item: { name: string; children: string }, i: number) => (
diff --git a/src/lib/utils/dateFormat.ts b/src/lib/utils/dateFormat.ts
index dd4664f..1e533b7 100755
--- a/src/lib/utils/dateFormat.ts
+++ b/src/lib/utils/dateFormat.ts
@@ -2,7 +2,7 @@ import { formatInTimeZone } from "date-fns-tz";
 
 const dateFormat = (
   date: Date | string,
-  format: string = "dd MMM, yyyy"
+  format: string = "dd MMM, yyyy",
 ): string => {
   return formatInTimeZone(date, "America/New_York", format);
 };
diff --git a/src/lib/utils/similarItems.ts b/src/lib/utils/similarItems.ts
index a3feb13..cd92b37 100644
--- a/src/lib/utils/similarItems.ts
+++ b/src/lib/utils/similarItems.ts
@@ -15,12 +15,12 @@ const similerItems = (currentItem: any, allItems: any, slug: string) => {
 
   // filter by categories
   const filterByCategories = allItems.filter((item: any) =>
-    categories.find((category) => item.data.categories.includes(category))
+    categories.find((category) => item.data.categories.includes(category)),
   );
 
   // filter by tags
   const filterByTags = allItems.filter((item: any) =>
-    tags.find((tag) => item.data.tags.includes(tag))
+    tags.find((tag) => item.data.tags.includes(tag)),
   );
 
   // merged after filter
diff --git a/src/lib/utils/sortFunctions.ts b/src/lib/utils/sortFunctions.ts
index b14f075..e488e55 100644
--- a/src/lib/utils/sortFunctions.ts
+++ b/src/lib/utils/sortFunctions.ts
@@ -3,7 +3,7 @@ export const sortByDate = (array: any[]) => {
   const sortedArray = array.sort(
     (a: any, b: any) =>
       new Date(b.data.date && b.data.date).valueOf() -
-      new Date(a.data.date && a.data.date).valueOf()
+      new Date(a.data.date && a.data.date).valueOf(),
   );
   return sortedArray;
 };
@@ -11,14 +11,14 @@ export const sortByDate = (array: any[]) => {
 // sort product by weight
 export const sortByWeight = (array: any[]) => {
   const withWeight = array.filter(
-    (item: { data: { weight: any } }) => item.data.weight
+    (item: { data: { weight: any } }) => item.data.weight,
   );
   const withoutWeight = array.filter(
-    (item: { data: { weight: any } }) => !item.data.weight
+    (item: { data: { weight: any } }) => !item.data.weight,
   );
   const sortedWeightedArray = withWeight.sort(
     (a: { data: { weight: number } }, b: { data: { weight: number } }) =>
-      a.data.weight - b.data.weight
+      a.data.weight - b.data.weight,
   );
   const sortedArray = [...new Set([...sortedWeightedArray, ...withoutWeight])];
   return sortedArray;
diff --git a/src/lib/utils/taxonomyFilter.ts b/src/lib/utils/taxonomyFilter.ts
index a2d1543..7b3e814 100755
--- a/src/lib/utils/taxonomyFilter.ts
+++ b/src/lib/utils/taxonomyFilter.ts
@@ -2,7 +2,7 @@ import { slugify } from "@/lib/utils/textConverter";
 
 const taxonomyFilter = (posts: any[], name: string, key: string) =>
   posts.filter((post) =>
-    post.data[name].map((name: string) => slugify(name)).includes(key)
+    post.data[name].map((name: string) => slugify(name)).includes(key),
   );
 
 export default taxonomyFilter;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 39b4269..31b49f7 100755
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -43,10 +43,10 @@ const { banner, features }: Homepage = homepage.data;
         {
           banner.image && (
             <div class="col-12">
-              <img
+              <Image
                 src={banner.image}
-                width="1272"
-                height="403"
+                height={380}
+                width={1200}
                 alt="banner image"
               />
             </div>