Files
computer-repair/src/app/components/MobileCallBar.js
T
asownerytandClaude Opus 5.5 7043b47de1 Phase 2: homepage that converts
- Hero says what and where, with No fix no fee / $35 diagnosis, Call and
  Text CTAs, and the real Google rating
- Common fixes grid with owner-confirmed labour prices, linking to
  service pages
- How it works, About (first person), testimonials, areas served with
  map, a short business IT block, rewritten FAQ and a final CTA band
- Sticky Call/Text bar on mobile (site-wide); Chatwoot bubble moved above it
- Button renders a link when given href (no more button-inside-link)
- Business facts (prices, rating, testimonials, contact links) in site.js

Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-09-30 20:32:46 +13:00

25 lines
772 B
JavaScript

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-sky-800 py-3 font-bold text-white"
>
<Phone aria-hidden="true" className="size-4" />
Call
</a>
<a
href={links.sms}
className="flex items-center justify-center gap-2 py-3 font-bold text-sky-800"
>
<MessageSquare aria-hidden="true" className="size-4" />
Text
</a>
</div>
);
}