Combine hero and filter sections into unified search block

Merged the hero title/description into FilterBar component to save
vertical space. The combined block has a gradient background flowing
from cream to white with the search controls below the header.

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

nextjs-app/components/HomeView.tsx

@@ -28,18 +28,13 @@ export function HomeView({ initialSchools, filters }: HomeViewProps) {
 
   return (
     <div className={styles.homeView}>
-      {/* Hero Section */}
-      <section className={styles.hero}>
-        <h1 className={styles.heroTitle}>
-          Compare Primary School Performance
-        </h1>
-        <p className={styles.heroDescription}>
-          Search and compare KS2 results for thousands of schools across England
-        </p>
-      </section>
-
-      {/* Search and Filters */}
-      <FilterBar filters={filters} showLocationSearch />
+      {/* Combined Hero + Search and Filters */}
+      <FilterBar
+        filters={filters}
+        showLocationSearch
+        heroTitle="Compare Primary School Performance"
+        heroDescription="Search and compare KS2 results for thousands of schools across England"
+      />
 
       {/* Location Info Banner */}
       {isLocationSearch && initialSchools.location_info && (