diff --git a/src/components/pages/HomePage/HomePage.tsx b/src/components/pages/HomePage/HomePage.tsx index c122956..8c04bd2 100644 --- a/src/components/pages/HomePage/HomePage.tsx +++ b/src/components/pages/HomePage/HomePage.tsx @@ -13,7 +13,7 @@ import type { SxProps, Theme } from '@mui/material/styles'; import { Typography } from '../../atoms/Typography'; import { Button } from '../../atoms/Button'; import { Card } from '../../atoms/Card'; -import { ProviderCard } from '../../molecules/ProviderCard'; +import { ProviderCardCompact } from '../../molecules/ProviderCardCompact'; import { FuneralFinderV3, type FuneralFinderV3SearchParams } from '../../organisms/FuneralFinder'; // ─── Types ─────────────────────────────────────────────────────────────────── @@ -172,7 +172,6 @@ export const HomePage = React.forwardRef( heroImageUrl, onSearch, searchLoading, - stats = [], partnerLogos = [], partnerTrustLine = 'Providing services from hundreds of trusted funeral homes across Australia', featuredProviders = [], @@ -214,7 +213,7 @@ export const HomePage = React.forwardRef( aria-labelledby="hero-heading" sx={{ position: 'relative', - minHeight: { xs: 420, md: 520 }, + minHeight: { xs: 480, md: 640 }, display: 'flex', alignItems: 'center', justifyContent: 'center', @@ -323,11 +322,11 @@ export const HomePage = React.forwardRef( sx={{ position: 'relative', zIndex: 1, - mt: { xs: -4, md: -6 }, + mt: { xs: -6, md: -10 }, px: 2, }} > - + ( - {/* ═══════════════════════════════════════════════════════════════════ - Section 2b: Stats Bar (V2 only) - ═══════════════════════════════════════════════════════════════════ */} - {stats.length > 0 && ( - - - - {stats.map((stat) => ( - - - {stat.value} - - - {stat.label} - - - ))} - - - - )} - {/* ═══════════════════════════════════════════════════════════════════ Section 2c: Discover — Map + Featured Providers (V2) ═══════════════════════════════════════════════════════════════════ */} @@ -395,7 +356,7 @@ export const HomePage = React.forwardRef( id="discover-heading" sx={{ mb: 1.5, color: 'text.primary' }} > - See what you’ll discover + See what you'll discover ( )} - {/* Featured provider cards */} + {/* Featured provider cards — compact for discover teaser */} {featuredProviders.map((provider) => ( - onSelectFeaturedProvider(provider.id) @@ -650,7 +608,7 @@ export const HomePage = React.forwardRef( aria-labelledby="reviews-heading" sx={{ py: { xs: 6, md: 10 }, - bgcolor: 'var(--fa-color-surface-default)', + bgcolor: 'var(--fa-color-surface-warm)', }} >