diff --git a/README.md b/README.md
index 60c7a5dd..35d1461c 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,8 @@ A smart contract development framework for building modular systems with [ERC-81
 
 Compose gives you a clear way to split contract functionality into focused facets, reuse proven building blocks, and evolve your onchain application with ease.
 
+[Try the visual builder now](https://app.compose.diamonds)
+
 **The framework includes:**
 
 - A Solidity library of reusable facets and modules
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index f2601190..ddef3e99 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -298,6 +298,10 @@ const config = {
           {
             title: 'Project',
             items: [
+              {
+                label: 'Visual Builder',
+                href: 'https://app.compose.diamonds',
+              },
               {
                 label: 'Whitepaper',
                 href: '/whitepaper'
diff --git a/website/src/components/home/CtaSection.js b/website/src/components/home/CtaSection.js
index 98b4c217..56b74f46 100644
--- a/website/src/components/home/CtaSection.js
+++ b/website/src/components/home/CtaSection.js
@@ -22,7 +22,7 @@ export default function CtaSection() {
               Start with a working project, add reusable Solidity building blocks, and keep your custom logic easy to understand.
             </p>
             <div className={styles.ctaActions}>
-              <Link to="/docs" className={clsx(styles.ctaButton, styles.ctaPrimaryLight)}>
+              <Link to="https://app.compose.diamonds" className={clsx(styles.ctaButton, styles.ctaPrimaryLight)}>
                 <span>Start Building</span>
                 <svg
                   className={styles.ctaButtonIcon}
diff --git a/website/src/components/home/HomepageHeader.js b/website/src/components/home/HomepageHeader.js
index 9dd4cc65..26100435 100644
--- a/website/src/components/home/HomepageHeader.js
+++ b/website/src/components/home/HomepageHeader.js
@@ -35,7 +35,7 @@ export default function HomepageHeader() {
         </p>
       </div>
       <div className={styles.heroCta}>
-        <Link className={clsx(styles.ctaButton, styles.ctaPrimary)} to="/docs/getting-started/installation">
+        <Link className={clsx(styles.ctaButton, styles.ctaPrimary)} to="https://app.compose.diamonds">
           <span>Start Building</span>
           <svg
             className={styles.ctaButtonIcon}
diff --git a/website/src/theme/Layout/index.js b/website/src/theme/Layout/index.js
index 08d24ea2..d7a2a5b9 100644
--- a/website/src/theme/Layout/index.js
+++ b/website/src/theme/Layout/index.js
@@ -3,11 +3,11 @@ import Layout from '@theme-original/Layout';
 import AnnouncementBanner from '@site/src/components/ui/AnnouncementBanner';
 
 const CURRENT_BANNER = {
-  id: '2026-q4-erc8153-last-call-announcement',
-  message: ' ERC-8153: Facet-Based Diamonds. Review before it goes final.',
-  linkHref: 'https://eips.ethereum.org/EIPS/eip-8153',
-  linkLabel: 'Read here',
-  persistence: 'session',
+  id: 'visual-builder-launch-announcement',
+  message: 'Build your diamond in the browser.',
+  linkHref: 'https://app.compose.diamonds',
+  linkLabel: 'Try the Builder',
+  persistence: 'local',
 };
 
 export default function CustomLayout(props) {