Let me check the current state of both hero files:
The home-hero.tsx and platform-hero.tsx files were created earlier but seem to have been lost. The imports still reference them though. The shared hero.tsx still exists. I need to recreate both files. Let me read the base hero component first:
Good, I have the full Hero component. The approach is simple: rather than duplicating the entire 754-line component, I'll add an overline and contextLine and infraLine prop to the Hero, then pass page-specific text from each page. But the instructions say to keep the visual Hero component and move text into page-specific configurations. The cleanest approach: add overline, contextLine, and infraLine as optional props with defaults, then pass specific values from each page.
Let me first check what the homepage and platform page currently pass:
The homepage imports HomeHero from home-hero and the platform page imports PlatformHero from platform-hero, but those files don't exist. The cleanest fix: add overline, contextLine, and infraLine props to the existing Hero component, update both pages to import Hero from hero and pass page-specific text props inline.
Now update the hardcoded text in the Hero JSX to use the props:
Now update both pages to use the shared Hero with page-specific text props:
Now clean up the orphaned files that no longer exist:
Good -- the orphaned files don't exist, so no cleanup needed. Both pages now import from the shared hero.tsx. Let me verify no other file references the old imports:
The Hero component now accepts overline, headline, description, contextLine, infraLine, and dashboardVariant as props with sensible defaults. Both pages import the same Hero from @/components/hero but pass their own page-specific text inline -- the homepage uses "One operating system for your entire clinic" with a shorter subheadline, while the platform page uses "Healthcare platform for modern clinics" with the full infrastructure description. Editing text on one page will never affect the other since each defines its own configuration via props.
Improve the call-to-action clarity in the hero section.
Do NOT change:
Added a small centered helper line directly below the CTA buttons using text-xs text-muted-foreground/60 for a subtle, non-competing appearance consistent with the other secondary text in the hero. The line reads "No setup required · 15-minute walkthrough · See real clinic workflows" and sits between the buttons and the trust signal badges. No other hero elements were modified.
You can send messages while the preview loads