feat(home): implement redesigned homepage

- Hero: Playfair heading with coral italic accent, teal eyebrow pill,
  richer sub-copy describing both primary and secondary coverage
- Discovery: geolocation "Schools near me" button (reverse-geocodes via
  postcodes.io → /?postcode=…&radius=1), plus Start exploring chips
  linking to /rankings and /compare
- How it works: 3-card grid showing miniature real-UI previews for
  Performance (primary SATs cascade + secondary Att8 bar), Ofsted
  inspection card, and side-by-side Compare table
- Editorial: text column + factbox (totalSchools, LA count, coverage
  dates) rendered inside a white card below the how-it-works section
- Footer: expanded to 3 columns (brand blurb, Product, Resources);
  links updated to / /rankings /compare and real gov.uk/ofsted URLs
- All new sections visible only on landing (no search active)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

nextjs-app/components/Footer.tsx

@@ -15,23 +15,22 @@ export function Footer() {
           <div className={styles.section}>
             <h3 className={styles.title}>SchoolCompare</h3>
             <p className={styles.description}>
-              Compare primary and secondary schools across England.
+              Compare primary and secondary schools across England. Free, independent, built on public data.
             </p>
           </div>
 
+          <div className={styles.section}>
+            <h4 className={styles.sectionTitle}>Product</h4>
+            <ul className={styles.links}>
+              <li><a href="/" className={styles.link}>Search schools</a></li>
+              <li><a href="/rankings" className={styles.link}>Rankings</a></li>
+              <li><a href="/compare" className={styles.link}>Compare shortlist</a></li>
+            </ul>
+          </div>
+
           <div className={styles.section}>
             <h4 className={styles.sectionTitle}>Resources</h4>
             <ul className={styles.links}>
-              <li>
-                <a
-                  href="https://www.gov.uk/government/organisations/department-for-education"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className={styles.link}
-                >
-                  Department for Education
-                </a>
-              </li>
               <li>
                 <a
                   href="https://www.gov.uk/school-performance-tables"
@@ -42,6 +41,16 @@ export function Footer() {
                   School Performance Tables
                 </a>
               </li>
+              <li>
+                <a
+                  href="https://reports.ofsted.gov.uk/"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className={styles.link}
+                >
+                  Ofsted reports
+                </a>
+              </li>
             </ul>
           </div>
         </div>