Services Page

The services page type introduces the practitioner with a 2-column profile card, then presents modalities, session types, locations, and a closing CTA.

Section Flow

1

Profile Card

2-column layout with photo (280px) and bio text, credentials list, CTA button

2

Modality Cards

Grid of 3+ cards, each with icon, title, description, and bullet point features

3

Session Cards

Session types: individual, couples, group — with duration, pricing, and book button

4

Location Cards

Office address card with map + telehealth availability card

5

CTA Band

Full-width green gradient background with heading and schedule button

Profile Card

Photo

Edward Flynn, LPC

Licensed Professional Counselor

With over 15 years of clinical experience, Edward specializes in evidence-based approaches to emotional wellness, including DBT, clinical hypnotherapy, and trauma-informed care.

LPCNCCDBT-CEMDRCHt

Schedule Consultation

Modality Cards

🧠

DBT

Emotional regulation

Distress tolerance

Mindfulness skills

🌀

Hypnotherapy

Behavioral change

Trauma resolution

Pain management

👁

EMDR

Trauma processing

Phobia treatment

Anxiety reduction

Session Cards

Individual

50 min

$150

Book Session

Couples

80 min

$200

Book Session

Group

90 min

$60/person

Book Session

CSS

css

/* Services Page Layout */
.services-page {
  /* 1. Profile Card — 2-col photo + bio */
  /* 2. Modality Cards — icon + bullet list */
  /* 3. Session Cards — types with duration/price */
  /* 4. Location Cards — office + telehealth */
  /* 5. CTA Section — schedule consultation */
}

/* Profile Card (2-column) */
.profile-card {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 48px;
  background: #111113;
  border: 1px solid #27272a;
  border-radius: 16px;
  padding: 48px;
}
.profile-photo {
  width: 280px;
  height: 340px;
  border-radius: 16px;
  object-fit: cover;
  background: #18181b;
}
.profile-bio h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
}

/* Modality Card */
.modality-card {
  background: #111113;
  border: 1px solid #27272a;
  border-radius: 16px;
  padding: 32px;
}
.modality-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(191,90,242,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}