diff --git a/sites/org/pages/index.mjs b/sites/org/pages/index.mjs
index 35e0e966d13..448909dccd5 100644
--- a/sites/org/pages/index.mjs
+++ b/sites/org/pages/index.mjs
@@ -28,8 +28,9 @@ import { SignUp, ns as susiNs } from 'shared/components/susi/sign-up.mjs'
 import { PleaseSubscribe, ns as subNs } from 'shared/components/patrons/please-subscribe.mjs'
 import { CardLink } from 'shared/components/link.mjs'
 import { ns as nlNs } from 'shared/components/newsletter/index.mjs'
+import { Popout, ns as popoutNs } from 'shared/components/popout/index.mjs'
 
-const ns = nsMerge(pageNs, subNs, susiNs, nlNs, 'homepage')
+const ns = nsMerge(pageNs, subNs, susiNs, nlNs, 'homepage', popoutNs)
 
 const Card = ({ bg = 'bg-base-200', textColor = 'text-base-content', title, children, icon }) => (
   <div className={`px-8 ${bg} py-10 rounded-lg block ${textColor} shadow-lg grow`}>
@@ -70,6 +71,17 @@ const HomePage = ({ page }) => {
           FreeSewing
         </h1>
         <h4 className="-mt-8 text-sm lg:text-2xl">{t('homepage:freePatterns')}</h4>
+        <div className="max-w-2xl m-auto text-left">
+          <Popout comment by="joost">
+            <h5>Everything is new, some things are broken</h5>
+            <p>
+              Hello there
+              <br />
+              This is the new freesewing.org website. It is still a work in progress so if it
+              breaks, you get to keep the pieces.
+            </p>
+          </Popout>
+        </div>
       </div>
 
       <div className="max-w-7xl m-auto px-0 -mt-12 mb-24 md:my-24">