Sober - Specialist Clinic Landing Page Template

Quick summary

Sober is a single-page landing page for an addiction and recovery specialist clinic. It presents a five-phase recovery pathway using a calm, alternating zigzag layout. Each section pairs a short narrative with a concrete deliverable. The primary call to action is a gated PDF download. A persistent click-to-call bar offers a direct intake path at all times.

Who this template is for

This template is built for addiction and recovery clinics that need to communicate a structured, dignified care process. It suits practices where discretion and clarity matter as much as clinical outcomes.

• Clinics serving functioning professionals who need process transparency and privacy
• Teams supporting family members who require clear, immediate next steps
• Practices working with court-referred individuals who need a zero-judgment entry point

What problem this template solves

Most addiction clinic pages either feel cold and institutional or lean on emotional manipulation to drive calls. Neither approach builds the steady confidence a person needs when considering treatment. This template closes that gap.

• It replaces vague reassurances with a visible, numbered recovery pathway
• It gives hesitant visitors enough information to feel ready before they reach out
• It presents a structured process that removes the fear of the unknown

What you get with this template

You get a fully structured, five-section landing page that maps one phase of the recovery pathway per zigzag block. Each block includes a narrative side and a deliverable card side, so visitors always leave a section knowing exactly what that phase produces.

• A hero section with an animated SVG line-art figure and a persistent click-to-call top bar
• Five alternating zigzag content sections, each numbered with oversized sage numerals
• A gated PDF download form for the Recovery Roadmap, requiring only a first name and email

Feature list

This section covers the core built-in capabilities delivered by the template as described in the source brief.

Animated SVG Hero with Persistent Call Bar

The hero features a continuous-stroke line-art figure that animates on load over three seconds using an SVG stroke-dashoffset pen-trace technique. Below it, a headline fades in. A persistent top bar keeps the click-to-call intake number visible throughout the entire page scroll.

Five-Phase Zigzag Recovery Pathway

Each of the five sections represents one recovery phase: assessment, medical stabilization, individualized therapy, family integration, and aftercare planning. The alternating left-right layout creates a steady, predictable reading rhythm that builds confidence through calm sequential disclosure.

Deliverable Cards per Section

Every zigzag block pairs its narrative paragraph with a concrete deliverable card. Cards include an intake checklist, a sample weekly schedule, therapy modality descriptions, a family communication template, and a discharge plan sample. Hover states are included on deliverable cards.

Gated Recovery Roadmap PDF Form

A modal form at the aftercare section gates the Recovery Roadmap PDF download behind a first-name and email field only. The page deliberately gives away the majority of its content openly, making the PDF a genuine value-add rather than a gatekeeping tactic.

Trust Markers and Stat Badges

Section-level stat badges display social proof such as accreditations, years operating, and clients served. These trust markers use the muted sage accent color and are placed inline within relevant sections rather than isolated on a single testimonial block.

Staggered Scroll Reveal Animations

Sections animate into view using staggered Intersection Observer reveals. Section number counters are scroll-linked, reinforcing the step-by-step guide narrative as visitors move down the page.

Page sections overview

Design & branding system

The visual identity follows a Corporate Precision theme using a Cloud Canvas color palette. The palette is deliberately composed to feel breathable and private rather than clinical, using soft neutrals with a single focused accent.

• Cloud white (#F7F8FA) for primary section backgrounds, warm greige (#C5BFAE) for alternating sections, and steady charcoal (#2E3239) for body text
• Muted sage (#7A9E7E) reserved for buttons, progress indicators, trust markers, and oversized section numerals
• Fraunces serif for headlines and DM Sans for body and interface text, creating a composed, readable typographic contrast

Mobile & speed optimization

The template is built desktop-first to serve functioning professionals researching discreetly from work environments. It is fully responsive so family members and individuals searching late at night on mobile devices experience the same calm, structured flow.

• Server Components handle static section rendering; a dedicated Client Component manages the SVG animation and the PDF download form modal
• The zigzag layout reflows gracefully on smaller screens, keeping deliverable cards stacked cleanly below their paired narrative text
• Localization is set to English (United States) with USD currency format and 12-hour time display

How this template helps you convert

This template is structured as a Content and Resource destination, which means it earns conversions by giving information generously rather than by withholding it. The conversion path is low-pressure and dual-track.

1. The primary path leads visitors to download the Recovery Roadmap PDF, a free guide with printable checklists, insurance navigation tips, and a personal readiness self-assessment, gated behind a minimal two-field form.
2. The secondary path keeps the click-to-call intake number visible in the persistent top bar so visitors who are ready to speak with someone can act immediately without scrolling back to find contact details.

Other information about this template

This template is part of a Health and Medical category under the Addiction and Recovery Care subcategory. It is purpose-built for the addiction and recovery specialist clinic niche.

• The template style is Zigzag and Alternating, matched to a Step-by-Step Guide creative direction
• The header concept uses Line Art rather than photography, protecting client dignity by avoiding faces or identifiable imagery
• The page is localized for a United States English audience and follows standard USA formatting conventions throughout

Show more