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 <[email protected]>

src/app/components/MobileCallBar.js

@@ -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>
-  );
-}

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;
-  }
-}

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>