From 95887551b2e6aee5d4ccaf1e0874be3a6ef3c805 Mon Sep 17 00:00:00 2001
From: asowneryt <asowneryt@protonmail.com>
Date: Wed, 30 Sep 2026 21:31:24 +1300
Subject: [PATCH] Remove the sticky mobile Call/Text bar

Also drops the body padding and Chatwoot bubble offset that only
existed to make room for it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/app/components/MobileCallBar.js | 24 ------------------------
 src/app/globals.css                 |  6 ------
 src/app/layout.js                   |  4 +---
 3 files changed, 1 insertion(+), 33 deletions(-)
 delete mode 100644 src/app/components/MobileCallBar.js

diff --git a/src/app/components/MobileCallBar.js b/src/app/components/MobileCallBar.js
deleted file mode 100644
index b248eb5..0000000
--- a/src/app/components/MobileCallBar.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { MessageSquare, Phone } from "lucide-react";
-import { links } from "@/lib/site";
-
-// Sticky Call/Text bar on small screens. Layout adds bottom padding to match.
-export default function MobileCallBar() {
-  return (
-    <div className="fixed inset-x-0 bottom-0 z-50 grid grid-cols-2 border-t bg-white md:hidden">
-      <a
-        href={links.tel}
-        className="flex items-center justify-center gap-2 bg-primary py-3 font-semibold text-primary-foreground"
-      >
-        <Phone aria-hidden="true" className="size-4" />
-        Call
-      </a>
-      <a
-        href={links.sms}
-        className="flex items-center justify-center gap-2 py-3 font-semibold text-primary"
-      >
-        <MessageSquare aria-hidden="true" className="size-4" />
-        Text
-      </a>
-    </div>
-  );
-}
diff --git a/src/app/globals.css b/src/app/globals.css
index 77a6937..c99cb18 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -158,9 +158,3 @@
     @apply tracking-tight text-balance;
   }
 }
-/* Keep the Chatwoot bubble clear of the mobile Call/Text bar. */
-@media (max-width: 767px) {
-  .woot-widget-bubble.woot-elements--right {
-    bottom: 4.5rem !important;
-  }
-}
diff --git a/src/app/layout.js b/src/app/layout.js
index 7f4ee95..296f3e1 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -4,7 +4,6 @@ import Navbar from "./components/Navbar";
 import Footer from "./components/Footer";
 import ChatwootWidget from "./components/ChatwootWidget";
 import JsonLd from "./components/JsonLd";
-import MobileCallBar from "./components/MobileCallBar";
 import AnalyticsEvents from "./components/AnalyticsEvents";
 import { SITE_URL, business, localBusinessSchema } from "@/lib/site";
 
@@ -28,13 +27,12 @@ export const metadata = {
 export default function RootLayout({ children }) {
   return (
     <html lang="en-NZ" className={`${geistSans.variable} ${geistMono.variable}`}>
-      <body className="pb-12 md:pb-0">
+      <body>
         <JsonLd data={localBusinessSchema()} />
         <ChatwootWidget />
         <Navbar />
         {children}
         <Footer />
-        <MobileCallBar />
         <AnalyticsEvents />
       </body>
     </html>