Files
computer-repair/src/app/windows-10/page.js
T
asownerytandClaude Opus 5.5 f916f058fc Swap to shadcn components and polish the design
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]>
2026-09-30 21:25:07 +13:00

101 lines
3.9 KiB
JavaScript

import Link from "next/link";
import HeaderSm from "../components/HeaderSm";
import ContactButtons from "../components/ContactButtons";
import CtaBand from "../components/CtaBand";
import FaqList from "../components/FaqList";
import { pageMetadata } from "@/lib/site";
export const metadata = pageMetadata({
title: "Still on Windows 10? What to Do Now | Te Atatu Computers",
description:
"Windows 10 no longer gets regular updates. Free Windows 11 compatibility check, upgrades, SSD refreshes and file transfers in Te Atatū & West Auckland.",
path: "/windows-10",
});
const options = [
{
title: "Upgrade to Windows 11",
text: "If your computer is eligible, upgrading to Windows 11 keeps it getting security updates. I'll check whether your computer can run it for free, and upgrades start from $35.",
},
{
title: "Upgrade and speed it up",
text: "Many older computers that can run Windows 11 are held back by a slow hard drive. Upgrading to an SSD at the same time (from $45 + the drive) can make it feel new.",
},
{
title: "Move to a new computer",
text: "If your computer can't run Windows 11, or it isn't worth upgrading, I can set up a new one and move your files, photos and email across. File transfers start from $45 and setup from $35.",
},
];
const faqs = [
{
question: "Can my computer run Windows 11?",
answer:
"Some older computers can't officially run Windows 11. I'll check yours for free and tell you your options.",
},
{
question: "Is my Windows 10 computer still safe to use?",
answer:
"It will keep working, but without regular security updates it becomes more exposed to viruses and scams over time. That matters most for online banking, email and shopping.",
},
{
question: "What are Extended Security Updates?",
answer:
"Microsoft sells Extended Security Updates for Windows 10. Businesses can buy them until October 2028. Home users have a different, shorter programme. Check Microsoft's Windows 10 ESU page, or ask me and I'll check what applies to you.",
},
];
export default function Windows10Page() {
return (
<div>
<HeaderSm text="Still on Windows 10? What to do now" />
<section className="container mx-auto max-w-3xl mb-16">
<p className="text-lg mb-4">
Microsoft no longer supports Windows 10 with regular updates. Your
computer will keep working, but without security updates it gets
riskier to use over time.
</p>
<p className="text-lg mb-6">
The good news is that you probably don&apos;t need to rush out and
buy a new computer. Here are your options, and I&apos;m happy to
check which one suits you for free.
</p>
<ContactButtons textLabel="Text for a free check" />
</section>
<section className="container mx-auto max-w-3xl mb-16">
<h2 className="text-3xl font-bold mb-6">Your options</h2>
<ol className="space-y-6">
{options.map(({ title, text }, i) => (
<li key={title} className="flex gap-4">
<span className="flex size-10 shrink-0 items-center justify-center rounded-full bg-primary font-bold text-white">
{i + 1}
</span>
<div>
<h3 className="text-xl font-bold mb-1">{title}</h3>
<p>{text}</p>
</div>
</li>
))}
</ol>
<p className="mt-6">
Not sure? Get in touch and I&apos;ll give you a straight answer. See
all prices on the{" "}
<Link href="/pricing" className="text-primary underline">
pricing page
</Link>
.
</p>
</section>
<section className="container mx-auto max-w-3xl mb-16">
<h2 className="text-3xl font-bold mb-4">Questions</h2>
<FaqList faqs={faqs} />
</section>
<CtaBand />
</div>
);
}