Component Guide
A living library of modular building blocks designed for the Flow in Faith platform. All components are fully responsive and integrated with Sanity CMS.
Hero Block Example
The hero block is the primary entry point for any page. It supports a badge, title, subtitle, and two CTA buttons with optional background images.
"This is where a featured brand quote or mission statement goes. It spans the full width and creates a powerful visual pause."
Supporting text can provide additional context beneath the main quote. This block is perfect for brand messaging moments.
This is the Intro Text Block.
Each line appears on its own row.
Perfect for taglines or poetic statements.
Prose Section Block
Pillars Block
Four Column Grid
This block displays up to four items in a responsive grid. Each item has a title, description, and emoji icon.
First Pillar
Description for the first pillar item goes here.
Second Pillar
Description for the second pillar item goes here.
Third Pillar
Description for the third pillar item goes here.
Fourth Pillar
Description for the fourth pillar item goes here.
MEMBERSHIP
Benefits Block
This layout combines a left sidebar with title and description, plus a right-side grid of benefit cards.
Benefit One
A short description of this membership benefit.
Benefit Two
Another benefit that members receive.
Benefit Three
Yet another valuable membership perk.
Benefit Four
The fourth benefit in this grid layout.
IMAGE LEFT
Media + Text Block
This block displays an image alongside text content. When set to "left", the image appears on the left side. The text supports rich formatting through Portable Text.
Use this for storytelling, feature highlights, or any content that benefits from visual pairing.
IMAGE RIGHT
Media + Text (Flipped)
The same component with imagePosition set to "right". Alternating between left and right creates visual rhythm as users scroll.
Two Column Compare Block
Problems or pain points:
- First problem statement
- Second challenge users face
- Third issue to address
- Fourth pain point
Our Solution
What we offer instead:
- First solution benefit
- Second advantage
- Third positive outcome
- Fourth value proposition
This closing text summarizes the transformation.
It can span multiple lines.
Space Cards Block
A two-column card layout for comparing offerings or paths.
Each card can have a title, badge, description, bullet points, closing text, and a CTA button.
First Option
For Group A
Description of the first option or path. This card layout is great for membership tiers or community spaces.
- • Feature one
- • Feature two
- • Feature three
A compelling closing statement.
Choose This PathSecond Option
For Group B
Description of the second option. Use different button styles to create visual hierarchy.
Another compelling statement.
Explore This OptionFeature Grid Block
A flexible grid for showcasing features or offerings
Feature One
Description of this feature and its benefits to users.
Feature Two
Another feature with its own description text.
Feature Three
Third feature in the responsive grid layout.
Feature Four
Fourth feature completing the grid pattern.
Premium Features Block
Premium Feature One
Detailed description of this premium offering and what it includes for members.
Premium Feature Two
Another premium benefit with leaf icon styling.
Premium Feature Three
Third premium feature in the list format.
Testimonial Block
This is a testimonial quote from a satisfied member. It should be authentic and specific.
Jane Doe
Community Member
Another powerful testimonial that speaks to the transformation experienced.
John Smith
Teacher
Team Block
This block displays team members with a sticky sidebar layout. The heading stays fixed while content scrolls.
Team Member One
Founder & Director
Team Member Two
Community Lead
Our Journey...
In July 2025, Queen hosted the inaugural Flow in Faith Virtual Summit and put out a call for Christ-Centered Yoga Teachers of Color to teach and speak. More than 50 teachers registered, showing just how many of us were out here doing this work.
Throughout the summit, it became clear that we needed a community where our voices, faith, and practice could belong together.
De and Queen began imagining what that could look like, a space made for us and by us. Soon after, Eboni and Morenike joined the vision, bringing their gifts and leadership to help shape what is now the Flow in Faith Teachers Collective.
MEET THE FOUNDER
Founder Name
Founder & Vision Holder
This is the founder bio section. It includes a large image, name, title, and rich text biography.
The layout is designed for a personal introduction with a prominent visual element.
Are you ready to join the journey?
Video Block
Rich Text Block
The Rich Text Block is designed for long-form content. It uses a narrow container for optimal reading width and supports full Portable Text formatting.
Use this for articles, detailed explanations, policies, or any content that requires extended prose.
Text + CTA Block
A simple centered section with a heading, optional body text, and a call-to-action button. Available in light, dark, and cream styles.
FAQs
FAQ Block
This is the Closing Statement Block.
Each line can have different styles.
This line is bold.
This line is highlighted.
This is a large highlight.
Full Width CTA Block
This block spans the full width with a colored background. It is designed to be the final call-to-action at the end of a page.