diff --git a/website/docs/introduction.mdx b/website/docs/introduction.mdx
index 5e463f876..d890aba9a 100644
--- a/website/docs/introduction.mdx
+++ b/website/docs/introduction.mdx
@@ -29,7 +29,7 @@ you'd expect from a modern native app.
 ```mdx-code-block
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}}/>
   </a>
 </p>
 ```
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index e86c3550b..3030e0bcb 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -232,13 +232,6 @@ const config = {
         disableSwitch: false,
         respectPrefersColorScheme: true,
       },
-      announcementBar: {
-        id: "announcement-bar",
-        content: "Wails v2 is currently in Beta",
-        backgroundColor: "#b00",
-        textColor: "#FFF",
-        isCloseable: false,
-      },
       algolia: {
         appId: "AWTCNFZ4FF",
         apiKey: "a6c0adbe611ee2535f3da5e8fd7b2200",
diff --git a/website/i18n/ja/docusaurus-plugin-content-docs/current/introduction.mdx b/website/i18n/ja/docusaurus-plugin-content-docs/current/introduction.mdx
index 13b9ee566..ab616d0a6 100644
--- a/website/i18n/ja/docusaurus-plugin-content-docs/current/introduction.mdx
+++ b/website/i18n/ja/docusaurus-plugin-content-docs/current/introduction.mdx
@@ -26,7 +26,7 @@ This is [varly](https://varly.app) - a desktop application for MacOS & Windows w
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/i18n/ja/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx b/website/i18n/ja/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
index 13b9ee566..ab616d0a6 100644
--- a/website/i18n/ja/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
+++ b/website/i18n/ja/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
@@ -26,7 +26,7 @@ This is [varly](https://varly.app) - a desktop application for MacOS & Windows w
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/i18n/ko/docusaurus-plugin-content-docs/current/introduction.mdx b/website/i18n/ko/docusaurus-plugin-content-docs/current/introduction.mdx
index 9bc150451..4e65f932e 100644
--- a/website/i18n/ko/docusaurus-plugin-content-docs/current/introduction.mdx
+++ b/website/i18n/ko/docusaurus-plugin-content-docs/current/introduction.mdx
@@ -26,7 +26,7 @@ Consider it a lightweight and fast Electron alternative for Go. You can easily b
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/i18n/ko/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx b/website/i18n/ko/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
index 9bc150451..4e65f932e 100644
--- a/website/i18n/ko/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
+++ b/website/i18n/ko/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
@@ -26,7 +26,7 @@ Consider it a lightweight and fast Electron alternative for Go. You can easily b
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/introduction.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/current/introduction.mdx
index d8c730730..5a832a69e 100644
--- a/website/i18n/ru/docusaurus-plugin-content-docs/current/introduction.mdx
+++ b/website/i18n/ru/docusaurus-plugin-content-docs/current/introduction.mdx
@@ -26,7 +26,7 @@ Wails - это проект, позволяющий писать настоль
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
index d8c730730..5a832a69e 100644
--- a/website/i18n/ru/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
+++ b/website/i18n/ru/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
@@ -26,7 +26,7 @@ Wails - это проект, позволяющий писать настоль
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/introduction.mdx b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/introduction.mdx
index bfc83897d..9d12e8dd4 100644
--- a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/introduction.mdx
+++ b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/introduction.mdx
@@ -26,7 +26,7 @@ Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。
 ```mdx-code-block
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 ```
diff --git a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
index 68bdd5ed6..8c191a7aa 100644
--- a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
+++ b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-v2.0.0-rc.1/introduction.mdx
@@ -26,7 +26,7 @@ Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>
 
diff --git a/website/src/css/carousel.css b/website/src/css/carousel.css
index 4233dcd3f..b1caf7d6e 100644
--- a/website/src/css/carousel.css
+++ b/website/src/css/carousel.css
@@ -310,3 +310,10 @@
     width: 75%;
   }
 }
+
+@media screen and (max-width: 966px) {
+  .carousel-root {
+    padding-left: 0;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 3cec4e8f9..b17fad1cd 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -26,6 +26,8 @@ function HomepageHeader() {
                     infiniteLoop={true}
                     interval={4000}
                     transitionTime={1000}
+                    centerMode={true}
+
                 >
                     <div className="slide-item-box">
                         <img src={useBaseUrl("/img/showcase/mac-app.png")}/>
@@ -34,10 +36,10 @@ function HomepageHeader() {
                         <img src={useBaseUrl("/img/showcase/ytd.webp")}/>
                     </div>
                     <div className="slide-item-box">
-                        <img src={useBaseUrl("/img/showcase/wombat.webp")}/>
+                        <img src={useBaseUrl("/img/showcase/varly2.webp")}/>
                     </div>
                     <div className="slide-item-box">
-                        <img src={useBaseUrl("/img/showcase/restic-browser-2.png")}/>
+                        <img src={useBaseUrl("/img/showcase/wombat.webp")}/>
                     </div>
                     <div className="slide-item-box">
                         <img src={useBaseUrl("/img/showcase/wally.webp")}/>
@@ -46,10 +48,7 @@ function HomepageHeader() {
                         <img src={useBaseUrl("/img/showcase/october.webp")}/>
                     </div>
                     <div className="slide-item-box">
-                        <img
-                            className="img"
-                            src={useBaseUrl("/img/showcase/mollywallet.webp")}
-                        />
+                        <img src={useBaseUrl("/img/showcase/restic-browser-2.png")}/>
                     </div>
                 </Carousel>
 
diff --git a/website/static/img/showcase/varly2.webp b/website/static/img/showcase/varly2.webp
new file mode 100644
index 000000000..6dbe0c9bf
Binary files /dev/null and b/website/static/img/showcase/varly2.webp differ
diff --git a/website/static/img/showcase/wally.webp b/website/static/img/showcase/wally.webp
index 93258eea8..150c98c74 100644
Binary files a/website/static/img/showcase/wally.webp and b/website/static/img/showcase/wally.webp differ
diff --git a/website/static/img/varly.webp b/website/static/img/varly.webp
deleted file mode 100644
index 0c2d4663e..000000000
Binary files a/website/static/img/varly.webp and /dev/null differ
diff --git a/website/versioned_docs/version-v2.0.0-beta.44/introduction.mdx b/website/versioned_docs/version-v2.0.0-beta.44/introduction.mdx
index 791728a36..a62caa78c 100644
--- a/website/versioned_docs/version-v2.0.0-beta.44/introduction.mdx
+++ b/website/versioned_docs/version-v2.0.0-beta.44/introduction.mdx
@@ -17,7 +17,7 @@ you'd expect from a modern native app.
 
 <p class="text--center">
     <a href="https://varly.app/">
-        <img src="/img/varly.webp" width="75%"/>
+        <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}}/>
     </a>
 </p>
 
diff --git a/website/versioned_docs/version-v2.0.0-rc.1/introduction.mdx b/website/versioned_docs/version-v2.0.0-rc.1/introduction.mdx
index dddca11f4..6ef1e7523 100644
--- a/website/versioned_docs/version-v2.0.0-rc.1/introduction.mdx
+++ b/website/versioned_docs/version-v2.0.0-rc.1/introduction.mdx
@@ -29,7 +29,7 @@ you'd expect from a modern native app.
 
 <p class="text--center">
   <a href="https://varly.app/">
-    <img src={require("@site/static/img/varly.webp").default} width="75%" />
+    <img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
   </a>
 </p>