Hearth is a warm, modular landing page template built for senior companionship programs. It guides worried adult children, spouses, and social workers from an emotional hero moment through companion profiles, a loneliness statistic, and two registration form placements, all designed to earn trust card by card before the visitor ever clicks.
by Rocket studio
Loading preview…
Quick summary
Hearth is a single-page, card grid landing page template for senior companionship services. It opens with a golden-hour photo and the headline "Nobody should eat dinner alone," then scrolls through companion profiles, a loneliness statistic, a testimonial, and two event registration forms. Every section is designed to make a distant family member picture their parent sitting across from someone kind.
Who this template is for
This template is built for organizations that connect trained companion visitors with isolated seniors. It speaks directly to the families and professionals who carry the weight of that isolation every day.
Adult children living far from aging parents who worry between Sunday calls
Spouses watching a partner withdraw and social workers who notice the empty chairs at senior centers
Nonprofit program coordinators and senior service teams ready to turn a heartfelt mission into a clear registration path
What problem this template solves
Senior companionship programs often struggle to explain their value to families who have never hired a non-medical visitor before. The page has to do heavy emotional and informational work without feeling like a sales pitch.
Families need to trust that a companion is trained, vetted, and genuinely caring before they hand over a parent's address
Program coordinators need a page that captures both the ready-to-register visitor and the still-on-the-fence visitor who just needs more time
A generic nonprofit page layout cannot carry the specific warmth this niche requires, this template is built for exactly that gap
What you get with this template
You get a complete, ready-to-customize single-page layout with every section already sequenced for trust-building and event registration. The structure follows a Vision and Mission arc, starting with emotional impact and building toward action.
A cinematic hero section, a loneliness statistic card, modular companion portrait cards, a how-it-works bento section, a voicemail testimonial card, and two registration form placements
Theme
Family First
Creative direction
Vision & Mission
Color system
Cloud Canvas
Style
Card Grid (Modular)
Direction
Event Registration
Page Sections
Modular Companion Portrait Cards
Dual Registration Form Placement
Secondary Email Capture Path
Loneliness Statistic Card
Voicemail Testimonial Card
GSAP Scroll Animations and Card Interactions
Related questions
Can I update the companion profile cards with real team photos and names?
How does the registration form work?
Is there a way to capture visitors who are not ready to register yet?
What typography and colors come with this template?
Can this template support a social worker referral audience as well as families?
A secondary email capture path for visitors not yet ready to register, using a downloadable guide hook
A footer built on Pattern 7, with logo and tagline on the left and navigation links on the right
Feature list
This template includes the following built-in sections and design capabilities.
Modular Companion Portrait Cards
Each portrait card displays a companion's first name, personal background, and the specific activity they love sharing with their senior, puzzles, gardening, or old westerns. Cards are staggered on scroll using GSAP entrance animations, so each profile lands with weight rather than appearing all at once.
Dual Registration Form Placement
The Family Info Session registration form appears midpage and again at the bottom. Each form includes a first name field, a relationship dropdown (parent, spouse, client, other), three selectable session date cards, and an optional open field asking what the senior used to love doing.
Secondary Email Capture Path
A dedicated call-to-action section offers a downloadable guide titled "11 Signs Your Parent Needs Companionship." It captures email addresses from visitors still in the research and worry stage, giving the program a second conversion path without pressuring the visitor.
Loneliness Statistic Card
A single stark statistic card opens the crisis context section. It is designed to be unavoidable and specific, one number, generous whitespace, and brief supporting copy that reframes senior loneliness as a health issue rather than a lifestyle preference.
Voicemail Testimonial Card
A real-format voicemail transcription card carries the social proof section. The copy is written as an authentic message from a daughter in Denver, describing how her mother now talks about Tuesdays. This card does more trust work than any bullet point could.
GSAP Scroll Animations and Card Interactions
Scroll reveals, staggered card entrances, and parallax blob effects are built into the template using GSAP. The session date selector on the registration form uses interactive card selection. Static sections use Server Components while forms and animations use Client Components for performance balance.
Page sections overview
Section
Purpose
Hero with headline
Opens with golden-hour porch photo and lower-third headline fade-in
Loneliness statistic card
Delivers one stark number to frame senior isolation as a health crisis
Meet the companions
Modular portrait cards with names, backgrounds, and shared activities
How it works
Training methodology and background check transparency in a bento layout
Midpage registration form
Family Info Session signup with date selector and relationship dropdown
Voicemail testimonial
Real transcription card from a daughter describing her mother's change
Secondary guide capture
Email capture for the "11 Signs" guide targeting undecided visitors
Bottom registration form
Repeat of the Family Info Session form for visitors who scrolled through
Footer pattern
Logo and tagline left, navigation links right
Design & branding system
The visual identity follows a Family First theme using a Cloud Canvas color system. Every color choice is intentional, the palette evokes a Sunday morning kitchen rather than a clinical services brochure.
Soft linen white (#FAF7F2) backgrounds, warm heather gray (#9B95A0) body text, and faded denim blue (#6E85A3) on card borders and section dividers
Gentle amber (#D4A054) reserved for buttons, icons, and pull quotes, warming each card module the way lamplight pools on a table
DM Sans handles body text and interface elements; Fraunces serif is used for headlines, adding warmth and editorial weight without formality
Mobile & speed optimization
The template is built desktop-first with full mobile responsiveness. Card grid layouts reflow naturally for smaller screens, and the interactive form elements stay usable at every viewport size.
Server Components handle all static sections, reducing the client-side load for content that never changes
Client Components are scoped to forms and animations only, keeping interactivity focused where it matters
How this template helps you convert
Every scroll decision in this template is sequenced to reduce doubt and increase confidence before the visitor reaches a form.
The Vision and Mission arc builds trust card by card, the loneliness statistic creates urgency, the companion profiles create familiarity, and the voicemail transcription creates proof, so the registration form feels like a natural next step rather than a cold ask.
The dual form placement and separate email capture path mean the template works for two different visitor mindsets: the person ready to register today and the person who needs a few more weeks of reassurance before they pick up the phone.
Other information about this template
This template is categorized under Community and Nonprofit, specifically within the Senior and Elder Service subcategory. It is a strong fit for organizations operating senior companionship programs in a United States context, with copy and structure localized to English and an implied United States dollar service context.
The template style is Card Grid (Modular), making it straightforward to swap in real companion photos, update session dates, and adjust statistic cards without rebuilding the layout
The creative direction follows a Vision and Mission arc, meaning the scroll narrative is already sequenced, program coordinators can focus on filling in authentic details rather than restructuring the page
The header concept is a Team Photo caught mid-moment at golden hour, which sets a tone of genuine connection from the first second a visitor lands on the page
