Hearth - Compassionate Senior Landing Page Template

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
• 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

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.

1. 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.
2. 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

Show more