Mend - Restorative Traumacenter Landing Page Template

Quick summary

Mend is a single-page template designed for trauma and PTSD treatment centers. It uses a 50/50 split-screen layout to walk visitors through exactly what treatment looks like, week by week. Every section builds trust through process transparency, and all paths lead to one destination: a confidential intake self-assessment.

Who this template is for

This template is built for clinical mental health practices that treat trauma and post-traumatic stress. It suits providers who want to earn a prospective client's trust before the first phone call is ever made.

• Trauma and PTSD treatment centers serving adults, veterans, and first responders
• Individual therapists or group practices offering EMDR, somatic experiencing, or prolonged exposure therapy
• Family members researching treatment options for someone they care about

What problem this template solves

People living with post-traumatic stress often avoid seeking help because they do not know what treatment actually involves. Fear of re-traumatization, uncertainty about timelines, and dread of the unknown keep them from making the first call.

• Visitors leave before inquiring because no page answers their real unspoken questions
• Clinical language creates distance rather than confidence for a frightened first-time visitor
• Competing contact options and cluttered pages dilute trust at the moment it matters most

What you get with this template

You get a fully structured, single-page layout that covers every stage of the visitor's decision journey. The template includes six purpose-built sections, each designed to reduce fear and move the visitor one step closer to the intake page.

• An animated SVG hero section, five content sections, and a minimal footer
• A focused click-through flow with one repeated call-to-action button in sage green
• A Forest Trust color system and editorial typography pairing ready to apply to your brand

Feature list

This section covers the core built-in capabilities of the Mend template as described in the source brief.

Animated SVG Line-Art Hero

The hero opens with a continuous line-art illustration that draws itself over four seconds. A human figure seated beneath a tree takes shape, roots mirroring branches underground. The stroke is thin, imperfect, and intentional. The headline appears only after the drawing settles, giving the visitor a moment to arrive before reading.

50/50 Split-Screen Scroll Sections

Every content section uses a split-screen layout, with the left panel holding the clinical explanation and the right panel delivering the human translation. GSAP ScrollTrigger drives each reveal as the visitor scrolls, so information arrives in sequence rather than all at once. This pacing mirrors the unhurried tone of the overall design.

Twelve-Week Treatment Arc Timeline

A dedicated section maps the twelve-week treatment structure across the split layout. The left panel shows the clinical timeline. The right panel uses honest milestone language, for example noting that most clients notice the chest tightness beginning to loosen around session three. This specificity removes the fear of open-ended commitment.

Single-Focus Click-Through Flow

There is no form on this page and no phone number competing for attention. Every call-to-action button, labeled "See If We're the Right Fit," points to the same confidential intake self-assessment. The assessment asks about trauma type, previous therapy experience, and preferred session format.

Four Client Vignette Section

A dedicated section presents four distinct client portraits: a combat veteran, a car-accident survivor, a first responder, and an adult who recently identified childhood trauma. Each vignette is written to help the visitor recognize themselves without clinical jargon.

Honest Questions Section

A full split-screen section is reserved for the unspoken fears that keep people from calling. Each fear on one panel is met with a direct, plain-language answer on the other. Questions addressed include: Will I have to talk about it right away? How long before I feel different? What actually happens inside a session?

Page sections overview

Design & branding system

The template uses an Educational Guide theme built on the Forest Trust color system. The palette was chosen to feel unhurried and alive, like moss reclaiming a fallen log, rather than sterile or institutional.

• Deep evergreen (#1B4332) anchors backgrounds and headers; weathered bark brown (#5C4033) carries body text; soft lichen gray (#D6CFC7) creates breathing room between sections
• New-growth sage (#7BA687) is reserved for buttons and progress indicators only, drawing the eye forward without urgency
• Typography pairs Cormorant Garamond serif headlines with DM Sans body text for an editorial, clinical-meets-forest reading experience

Mobile & speed optimization

The template is designed desktop-first to honor the split-screen layout, and it stacks into a fully responsive single-column flow on mobile devices.

• Scroll-linked split panel reveals and staggered text entrances are powered by GSAP ScrollTrigger for smooth progressive disclosure
• Server Components handle static content while Client Components are scoped to animation logic, keeping the interactive layer lean
• The custom cursor and call-to-action hover states are present on desktop and degrade gracefully on touch devices

How this template helps you convert

The entire page is structured as a trust-building sequence. By the time a visitor reaches the final call to action, every major objection has been answered and the next step feels natural.

1. The animated hero creates an emotional pause before presenting any clinical information, lowering the visitor's guard before the first word is read.
2. The split-screen treatment and timeline sections answer the three most common fears (What will happen to me? Will I have to talk about it right away? How long will this take?) before the visitor has to ask.
3. The single repeated call-to-action button removes decision fatigue. There is only one next step, and it leads to a low-stakes confidential self-assessment rather than an immediate commitment.

Other information about this template

This template sits at the intersection of clinical credibility and editorial warmth. It is particularly well suited for practices that offer evidence-based trauma therapies and want their online presence to reflect the same care they bring to a session.

• The page is built in English (United States) with a healthcare tone and no currency references
• The footer follows a horizontal flow pattern with minimal links, keeping the closing section uncluttered
• Custom cursor behavior and call-to-action hover states are included as part of the interactivity layer
• The template style is Split Screen (50/50), and the landing page direction is Click-Through, meaning all visitor energy is directed toward a single intake destination

Show more