STAGING PAGE - All Available Sections for Reference

This page shows every widget type. See also: SaaS | Startup | Mobile App | Personal | Pricing | Services | Contact

HERO - Standard (image on right)

Hero Title with Accent Text

Hero subtitle text goes here. This is the standard hero with image on the right side.

Hero Image
HERO2 - Alternative Layout

Tagline here

Hero2 Title Style

Hero2 has a different layout arrangement. Good for SaaS pages.

Hero2 Image
HEROTEXT - Text Only (no image)

Tagline

HeroText - Text Only Hero

This hero variant has no image, just centered text. Good for simple pages like pricing or contact.

NOTE - Simple Callout
Note Title Note description text. This is a simple callout/highlight widget.
FEATURES - 6-item 3-column grid

Tagline

Features - Standard Grid

6 items in a 3-column grid layout

Feature 1

Description for feature 1

Feature 2

Description for feature 2

Feature 3

Description for feature 3

Feature 4

Description for feature 4

Feature 5

Description for feature 5

Feature 6

Description for feature 6

FEATURES - 2-column layout

Features - 2 Column

4 items in a 2-column grid

Feature 1

Description text here

Feature 2

Description text here

Feature 3

Description text here

Feature 4

Description text here

FEATURES2 - Icon Grid with colored icons

Components

Features2 - Icon Grid

Great for showcasing features with colorful icons

Item 1

Description here

Item 2

Description here

Item 3

Description here

Item 4

Description here

Item 5

Description here

Item 6

Description here

FEATURES3 - With individual CTAs

Features3 - With Call-to-Actions

Each feature has its own action button

CONTENT - Image Right (isReversed)

How it works

Content Section Title

Content slot heading

Additional content text here.

Step 1

Description for step 1

Step 2

Description for step 2

Step 3

Description for step 3

CONTENT - Image Left (isAfterContent)
Continuation content text.

Item A

Description A

Item B

Description B

Item C

Description C

STEPS - Timeline with image

Steps - Process Timeline

Step 1: First step

Description here

Step 2: Second step

Description here

Step 3: Third step

Description here

Done!

Steps image
STEPS2 - Simple contact style

Steps2 - Contact Style

Simpler layout, good for contact info

  • Email us

    hello@example.com

  • Call us

    +1 (555) 123-4567

  • Follow us

    @handle

STATS - Key metrics

Stats - By the Numbers

Showcase impressive metrics

10K+
Users
50K+
Projects
$2B+
Revenue
4.9
Rating
TESTIMONIALS - Customer quotes

Testimonials - Customer Quotes

" Quote text from customer 1. This is what they said about the product. "


Customer

Customer Name

Job Title, Company

" Quote text from customer 2. Another testimonial here. "


Customer

Another Customer

Their Role

" Quote text from customer 3. "


Customer

Third Customer

Position

PRICING - Pricing table

Pricing - Plans

Choose your plan

Free

For individuals

$ 0
/ month
  • Feature 1
  • Feature 2
Popular

Pro

For teams

$ 29
/ month
  • Everything in Free
  • Pro feature 1
  • Pro feature 2
FAQs - Accordion

FAQs

FAQs - Frequently Asked Questions

Common questions answered

Question 1?

Answer to question 1.

Question 2?

Answer to question 2.

Question 3?

Answer to question 3.

CONTACT - Form

Contact Form

Send us a message

Response time note.

BRANDS - Logo grid

Brands - Logo Grid

Trusted by these companies

Paypal
Visa
Microsoft
Google
CALLTOACTION - Single button

CTA Title Here

CTA subtitle text. Encourage action.

CALLTOACTION - Two buttons

Alternative CTA Style

With two buttons.