From 8ba5f404333d296183213ef24f388bc56bb6bcd4 Mon Sep 17 00:00:00 2001
From: Max N <maxnorm@hotmail.com>
Date: Fri, 9 Oct 2026 22:32:04 -0400
Subject: [PATCH 1/2] add app.compose.diamonds link to repo

---
 README.md                                     |  2 ++
 website/docusaurus.config.js                  |  4 ++++
 website/src/components/home/CtaSection.js     |  2 +-
 website/src/components/home/HomepageHeader.js |  2 +-
 website/src/theme/Layout/index.js             | 10 +++++-----
 5 files changed, 13 insertions(+), 7 deletions(-)

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..2f9fec40 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: 'Compose your diamond visually',
+  linkHref: 'https://app.compose.diamonds',
+  linkLabel: 'Try it now',
+  persistence: 'local',
 };
 
 export default function CustomLayout(props) {

From c9974227b0b13bb2909a32f4e5caa3dea32cb47f Mon Sep 17 00:00:00 2001
From: Max N <maxnorm@hotmail.com>
Date: Fri, 9 Oct 2026 22:50:49 -0400
Subject: [PATCH 2/2] improve announcement

---
 website/src/theme/Layout/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/theme/Layout/index.js b/website/src/theme/Layout/index.js
index 2f9fec40..d7a2a5b9 100644
--- a/website/src/theme/Layout/index.js
+++ b/website/src/theme/Layout/index.js
@@ -4,9 +4,9 @@ import AnnouncementBanner from '@site/src/components/ui/AnnouncementBanner';
 
 const CURRENT_BANNER = {
   id: 'visual-builder-launch-announcement',
-  message: 'Compose your diamond visually',
+  message: 'Build your diamond in the browser.',
   linkHref: 'https://app.compose.diamonds',
-  linkLabel: 'Try it now',
+  linkLabel: 'Try the Builder',
   persistence: 'local',
 };