diff --git a/src/components/organisms/FuneralFinder/FuneralFinderV3.tsx b/src/components/organisms/FuneralFinder/FuneralFinderV3.tsx index 8b1aa2e..f1d5bfa 100644 --- a/src/components/organisms/FuneralFinder/FuneralFinderV3.tsx +++ b/src/components/organisms/FuneralFinder/FuneralFinderV3.tsx @@ -52,12 +52,12 @@ const STATUS_OPTIONS: { key: Status; title: string; description: string }[] = [ { key: 'immediate', title: 'Immediate Need', - description: 'For a recent or expected loss', + description: 'A recent loss or one expected soon', }, { key: 'preplanning', title: 'Pre-planning', - description: 'For yourself or a loved one', + description: 'Planning ahead for yourself or a loved one', }, ]; @@ -95,7 +95,7 @@ function SectionLabel({ variant="overline" component="div" id={id} - sx={{ color: 'var(--fa-color-brand-800, #6B3C13)' }} + sx={{ color: 'text.secondary' }} > {children} @@ -273,7 +273,7 @@ export const FuneralFinderV3 = React.forwardRef< const locationLabelId = `${id}-location`; // ─── State ─────────────────────────────────────────────── - const [status, setStatus] = React.useState(''); + const [status, setStatus] = React.useState('immediate'); const [funeralType, setFuneralType] = React.useState(''); const [location, setLocation] = React.useState(''); const [errors, setErrors] = React.useState<{ @@ -402,9 +402,9 @@ export const FuneralFinderV3 = React.forwardRef< - {/* ── Current Status ──────────────────────────────────── */} + {/* ── How can we help ─────────────────────────────────── */} - Current Status + How Can We Help ))} - + {errors.status && ( - Please select your current situation + Please select how we can help )} @@ -520,15 +521,16 @@ export const FuneralFinderV3 = React.forwardRef< }} /> - + {errors.location && ( Please enter a suburb or postcode @@ -536,6 +538,8 @@ export const FuneralFinderV3 = React.forwardRef< + + {/* ── CTA ─────────────────────────────────────────────── */}