diff --git a/src/assets/images/banner-1.png b/src/assets/images/banner-1.png
new file mode 100644
index 000000000..8581a455a
Binary files /dev/null and b/src/assets/images/banner-1.png differ
diff --git a/src/assets/images/banner-2.png b/src/assets/images/banner-2.png
new file mode 100644
index 000000000..34903f569
Binary files /dev/null and b/src/assets/images/banner-2.png differ
diff --git a/src/assets/images/banner-3.png b/src/assets/images/banner-3.png
new file mode 100644
index 000000000..6956781eb
Binary files /dev/null and b/src/assets/images/banner-3.png differ
diff --git a/src/config.ts b/src/config.ts
index a2b58f130..78dbdbc8e 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -16,7 +16,7 @@ export const siteConfig: SiteConfig = {
   },
   banner: {
     enable: true,
-    src: 'assets/images/demo-banner.png',   // Relative to the /src directory. Relative to the /public directory if it starts with '/'
+    src: 'assets/images/banner-1.png',   // Relative to the /src directory. Relative to the /public directory if it starts with '/'
     position: 'center', // Equivalent to object-position, defaults center
   },
   favicon: [    // Leave this array empty to use the default favicon