[object Object]

← back to Homesonspec

web: disable the site-wide InstallPrompt PWA banner (TK-11155)

b233a41e1163f50128efed24d90f0c457f264234 · 2026-09-03 15:06:59 -0700 · Steve

Comment out the import + usage of <InstallPrompt /> in layout.tsx rather
than deleting the component, so re-enabling the "Add to Home Screen" nag
later is a 2-line uncomment. The native iOS/Android app is now the install
path Homes on Spec is steering users toward.

Reversible: uncomment the two marked lines in layout.tsx, or git revert.

Files touched

Diff

commit b233a41e1163f50128efed24d90f0c457f264234
Author: Steve <steve@designerwallcoverings.com>
Date:   Thu Sep 3 15:06:59 2026 -0700

    web: disable the site-wide InstallPrompt PWA banner (TK-11155)
    
    Comment out the import + usage of <InstallPrompt /> in layout.tsx rather
    than deleting the component, so re-enabling the "Add to Home Screen" nag
    later is a 2-line uncomment. The native iOS/Android app is now the install
    path Homes on Spec is steering users toward.
    
    Reversible: uncomment the two marked lines in layout.tsx, or git revert.
---
 apps/web/src/app/layout.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index fcbaf7db..5f76f31d 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -4,7 +4,11 @@ import { Fraunces, Inter } from "next/font/google";
 import "./globals.css";
 import AdSlot, { AdSenseLoader } from "../components/AdSlot";
 import PWARegister from "../components/PWARegister";
-import InstallPrompt from "../components/InstallPrompt";
+// InstallPrompt import disabled (TK-11155): the "Add to Home Screen" nag is
+// retired in favor of the native iOS/Android app as the install path. The
+// component itself is left intact — re-add the import + <InstallPrompt />
+// below to bring it back.
+// import InstallPrompt from "../components/InstallPrompt";
 
 // Display serif + body sans, exposed as CSS variables the @theme layer reads.
 const display = Fraunces({
@@ -48,7 +52,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
     <html lang="en" className={`${display.variable} ${sans.variable}`}>
       <body className="min-h-screen bg-neutral-50 font-sans text-neutral-900 antialiased">
         <PWARegister />
-        <InstallPrompt />
+        {/* InstallPrompt disabled (TK-11155) — see import comment above */}
         <AdSenseLoader />
         {/* Live inventory only — every listing is real builder data with a verification label. */}
         <div className="bg-brand-950 px-4 py-1.5 text-center text-xs font-medium text-brand-100">

← e387ffba web+mobile: stable data-hos-install-prompt hook + hide banne  ·  back to Homesonspec  ·  web: large mobile-only brand logo leading the homepage hero edbd4388 →