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]>
101 lines
3.9 KiB
JavaScript
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't need to rush out and
|
|
buy a new computer. Here are your options, and I'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'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>
|
|
);
|
|
}
|