/patterns

UI Patterns & Sections

A directory of reusable blocks and sections that compose the SparkSales website.

1. Hero Sections (TypicalHero)

Typical Hero Section

This is a typical hero section used across various landing pages. It includes a title, a brief description paragraph, a primary Call-To-Action button, and a feature image next to it.
FREE consultation
Hero Placeholder

2. Sub-Hero Titles (SubHeroTitle)

Sub-Hero Title Block

Used immediately after a hero section or at the start of a major page section to introduce content.

3. Text & Image Split (TextImageColumn)

Text & Image Column

A versatile 50/50 split layout. It can alternate image position left/right using the reverse prop. Ideal for feature highlights.

Text & Image Column

Text & Image Column

A versatile 50/50 split layout. It can alternate image position left/right using the reverse prop. Ideal for feature highlights.

Text & Image Column

4. Expandable Text (AccordionText)

Accordion / Expandable Text

This component is used for long chunks of text that should be initially hidden to save space. Clicking the read more button expands the view to show the full content.

It uses a CSS mask to fade out the text when collapsed.

5. Process Steps (Process)

Our Process (4 Steps)

  • 1

    Discovery

  • 2

    Strategy

  • 3

    Execution

  • 4

    Optimization

6. Column Lists (ColumnListSec)

Column List Section

7. Social Proof (Clutch Widget)

Clutch Reviews Component

A standardized block to feature our Clutch widget and rating, leveraging dynamic script loading.

8. Global Call To Actions (BoostSales & SubscribeSec)

Note: These blocks pull data globally via the useOptionsPages hook. Below is their actual rendered output based on the current WordPress configuration.

Boost Sales Banner

Discover how to boost your online sales with our team.

Three easy steps to grow your business:

  • Step 1: Discuss your requirements and gather the initial scope.
  • Step 2: Get back to you with a proposal.
  • Step 3: Implementation and ongoing managed services.
Get Started

Subscribe & Quiz Section

Get a Free Consultation on Improving Your eCommerce Business.

Take our short quiz and we'll be in touch to help you solve your current challenges.

Get Started

Stay in Touch

Enter your email below to subscribe to our newsletter and get updates on the latest company developments.