Phase 4: pricing, about, area, Windows 10 and business pages

- /pricing: full price list, no-fix-no-fee terms, travel and payments
- /about: first-person page from confirmed facts, links to area pages
- /areas/[suburb]: Te Atatū Peninsula, Te Atatū South, Henderson and
  Massey, generated from src/lib/areas.js with suburb-specific copy
- /windows-10: options page with free Windows 11 check; October 2028
  used for business Extended Security Updates
- /business: $65/month plan (2 hours, no lock-in, no rollover)
- Nav gains Pricing/About and Business/Windows 10 links; footer rebuilt
  with address, hours and links; homepage links areas, /business and
  a Windows 10 banner; sitemap includes all new routes
- Mobile menu hides by its own height (fixes overflow with more links);
  hamburger now used below 900px so the link row never overlaps

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/app/windows-10/page.js

@@ -0,0 +1,110 @@
+import Link from "next/link";
+import { MessageSquare, Phone } from "lucide-react";
+import HeaderSm from "../components/HeaderSm";
+import Button from "../components/Button";
+import CtaBand from "../components/CtaBand";
+import FaqList from "../components/FaqList";
+import { business, links, 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>
+        <div className="flex flex-col sm:flex-row gap-3">
+          <Button href={links.tel} variant="primary">
+            <Phone aria-hidden="true" />
+            Call {business.phone}
+          </Button>
+          <Button href={links.sms} variant="outlineDark">
+            <MessageSquare aria-hidden="true" />
+            Text for a free check
+          </Button>
+        </div>
+      </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-sky-800 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-sky-800 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>
+  );
+}