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]>
This commit is contained in:
1 parent
c085e2b031
commit
7043b47de1
9 files changed
+413
-131
No files matched your search
@@ -0,0 +1,24 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user