Expanded Consciousness

File: sections/homepage-expanded-consciousness.liquid

Templates: index.json

Description

Homepage Expanded Consciousness

Full-viewport homepage section with a dark teal background showcasing a gradient headline, statistics counters, and partner/payment logos. Part of the scroll-snapping homepage layout.

Features:

• Subheadline, gradient headline, and description with staggered entrance animations
• Statistics grid (4-column on desktop, stacks on mobile) with gradient number styling
• Partner/payment logo row split into left and right blocks with slide-in animations
• Logos rendered as white (CSS filter) with optional links
• Intersection Observer triggers animations once on viewport entry

Settings:

• subheadline (text) — Small text above the headline
• headline (text) — Main gradient headline text
• description (textarea) — Paragraph below the headline

Blocks:

• statistic: A stat counter with the following settings:
  • number (text) — Numeric value (e.g., “50,000+”)
  • label_line_1 (text) — First line of label
  • label_line_2 (text) — Second line of label
• logo: A partner/payment logo with the following settings:
  • logo_image (image_picker) — Logo image
  • logo_alt (text) — Alt text for accessibility
  • logo_link (url) — Optional link URL
  • logo_position (select) — Left or right block placement

Snippets Used: None

Dependencies:

• Inline CSS for BEM-style component classes, gradient effects, and animations
• Inline JavaScript for Intersection Observer entrance animations

Tailwind Status: Partial Container uses Tailwind (max-w-container-xl, mx-auto, px-10). All other styling uses custom BEM CSS in an inline style block.

Settings

ID	Type	Label	Default	Info
subheadline	text	Subheadline (Small Text Above)	TRANSFORMING MILLIONS OF LIVES THROUGH
headline	text	Main Headline	EXPANDED CONSCIOUSNESS
description	textarea	Description Paragraph	Through our neural entrainment technology and programming, we empower people to awaken higher states of consciousness and realize their highest potential.

Blocks

Statistic

• Type: statistic

ID	Type	Label	Default
number	text	Number/Value	50,000+
label_line_1	text	Label Line 1	Monroe Program
label_line_2	text	Label Line 2	Attendees

Payment/Partner Logo

• Type: logo

ID	Type	Label	Default
logo_image	image_picker	Logo Image
logo_alt	text	Logo Alt Text
logo_link	url	Logo Link (Optional)
logo_position	select	Logo Position	left

Presets

• Expanded Consciousness

Usage

This section can be added via the Shopify theme editor.

{% section 'homepage-expanded-consciousness' %}