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/page.js

@@ -9,6 +9,7 @@ import FaqList from "./components/FaqList";
 import CtaBand from "./components/CtaBand";
 import { pageMetadata, business, links } from "@/lib/site";
 import { homeFaqs } from "@/lib/faqs";
+import { areas } from "@/lib/areas";
 import {
   ArrowRight,
   Briefcase,
@@ -198,6 +199,18 @@ export default function Home() {
             ))}
           </ul>
           <SectionCta />
+          <Link
+            href="/windows-10"
+            className="mt-8 flex items-center justify-between gap-4 rounded-lg bg-sky-900 p-4 text-white hover:bg-sky-800"
+          >
+            <span>
+              <span className="block font-bold">Still on Windows 10?</span>
+              <span className="block text-sm">
+                See your options, with a free Windows 11 compatibility check.
+              </span>
+            </span>
+            <ArrowRight aria-hidden="true" className="size-5 shrink-0" />
+          </Link>
         </section>
 
         <section className="bg-slate-100 py-16 mb-32">
@@ -274,9 +287,23 @@ export default function Home() {
               Onsite visits, pickup and return, and remote support across:
             </p>
             <ul className="grid grid-cols-2 gap-2 mb-6 list-disc pl-6">
-              {business.serviceArea.map((area) => (
-                <li key={area}>{area}</li>
-              ))}
+              {business.serviceArea.map((area) => {
+                const page = areas.find(({ name }) => name === area);
+                return (
+                  <li key={area}>
+                    {page ? (
+                      <Link
+                        href={`/areas/${page.slug}`}
+                        className="text-sky-800 hover:underline"
+                      >
+                        {area}
+                      </Link>
+                    ) : (
+                      area
+                    )}
+                  </li>
+                );
+              })}
             </ul>
             <p>
               Not on the list? Get in touch and I&apos;ll let you know if I can
@@ -313,15 +340,15 @@ export default function Home() {
               <h2 className="text-2xl font-bold mb-2">For local businesses</h2>
               <p>
                 IT support for small businesses: Wi-Fi and networks, email,
-                backups, security and new PC setup. Onsite or remote, from
-                $35 an hour.
+                backups, security and new PC setup. Onsite or remote, $35 an
+                hour, or $65 a month for 2 hours of support.
               </p>
             </div>
             <Link
-              href="/services/it-support"
+              href="/business"
               className="inline-flex items-center gap-1 font-bold text-sky-800 hover:underline"
             >
-              Business IT support
+              Business IT plans
               <ArrowRight aria-hidden="true" className="size-4" />
             </Link>
           </div>