Homepage

The homepage composes eight major sections into a single scrolling experience. Each section uses consistent spacing (80px vertical padding) and the 1200px container.

Section Composition

1

Hero

Full-screen with photo, animated stats, hero badge, two CTAs, dot grid background

2

Credentials Strip

Infinite horizontal scroll with certification badges and credentials

3

Promo Band

Full-width green gradient announcement banner

4

Specializations

3-column grid of spec cards with numbered badges (01, 02, 03)

5

Products

3-column grid of product cards with images and pricing

6

Courses

Course cards with module count, duration, and enrollment CTAs

7

Membership

Pricing grid with 3 tiers, popular badge, feature comparison

8

Newsletter

Centered section with heading, subtitle, and email + subscribe form

Visual Wireframe

Accepting Clients

Transform Your Practice

Licensed Professional Counselor

Schedule

Learn More

LPCDBT CertifiedEMDRNCCHypnotherapy

New Spring Course: 20% Off

DBT

Hypnotherapy

Trauma

Workbook

$47

Audio

Pack

Assessment

$89

Stay Updated

CSS

css

/* Homepage Layout Composition */
.homepage {
  /* Section order */
  /* 1. Hero — photo + stats + CTAs */
  /* 2. Credentials strip — infinite scroll */
  /* 3. Promo band — full-width announcement */
  /* 4. Specializations — grid-3 spec cards */
  /* 5. Products — grid-3 product cards */
  /* 6. Courses — grid with course cards */
  /* 7. Membership — pricing grid */
  /* 8. Newsletter — centered form */
}

.section { padding: 80px 0; }
.section-alt { background: var(--bg-alt); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }

/* Promo Band */
.promo-band {
  background: linear-gradient(135deg, #2e7d32, #4caf50);
  padding: 20px 32px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}