Components (added via the shadcn MCP/CLI):
- Navbar: NavigationMenu on desktop, Sheet on mobile; drops
Navbar.module.css and the hand-rolled slide-down menu
- Buttons: shadcn Button via a shared ContactButtons component
(replaces Button.js and its CSS module)
- Card for price cards, testimonials, the business block and plan;
Table for prices; Input/Textarea/Label/NativeSelect/RadioGroup and
Alert in the quote form; Separator in the footer
- Components import cn from @/lib/utils (not the new "cn" package);
accordion moved to the unified radix-ui package
Design tweaks:
- Geist Sans is actually applied (font variables were on <body>, but
Tailwind reads them on <html>, so the site fell back to system fonts)
- Theme primary set to the existing brand blue; slightly smaller radius
- Balanced, tighter heading tracking; muted secondary text
- 44px contact buttons; 16px FAQ text; tighter homepage spacing
- Full-width selects with 16px text on phones (no iOS zoom)
Co-Authored-By: Claude Opus 5.5 <[email protected]>
- ServicePage template: H1 with service + area, intro with Call/Text
above the fold, What I fix, Pricing, How it works, Why choose me,
a testimonial, FAQs (with FAQPage schema), CTA band, related services
- Service copy moved to src/lib/services.js, rewritten in first person
with owner-confirmed jobs and prices only; removes the "team of
technicians", "preferred choice", Mac and motherboard claims
- FaqList and CtaBand extracted and shared with the homepage
- Button gains primary/outlineDark variants; responsive page-header H1
- Compact Chatwoot bubble on phones so it doesn't cover CTAs
Co-Authored-By: Claude Opus 5.5 <[email protected]>
asownerytandClaude Opus 5.5