PenTool UIالعربيةBrowse the library

Page blocks · Page blocks

Page blocks in Page blocks: 12 designs — Contact Section · Call-to-Action Section · FAQ Section · Three-up Features

All Page blocks designs

Designs

RTL VerifiedLTR Verified Page blocks

Contact Section

A multi-field form validating on blur, with an error summary

Advanced
Code Prompt
RTL VerifiedLTR Verified Page blocks

Call-to-Action Section

One field, one button, and validation only after the field is left

Intermediate
Code Prompt
RTL VerifiedLTR Verified Page blocks

FAQ Section

An accordion built on native details — works with JavaScript off

Intermediate
Code Prompt
RTL VerifiedLTR Verified Page blocks

Three-up Features

Three cards of equal height regardless of copy length

Beginner
Code Prompt
RTL VerifiedLTR Verified Page blocks

Full Footer

Link columns, a newsletter, and a copyright year computed rather than typed

Intermediate
Code Prompt
RTL VerifiedLTR Verified Page blocks

Hero Section

Headline, promise, two actions and one trust signal in a single visual order

Intermediate
Code Prompt
RTL VerifiedLTR Verified Page blocks

Client Logo Marquee

An endless strip that stops completely when motion is reduced

Intermediate
Code Prompt
RTL VerifiedLTR Verified Page blocks

Pricing with Billing Toggle

The annual saving is computed from both prices, never hand-written

Advanced
Code Prompt
RTL VerifiedLTR Verified Page blocks

Animated Stats Band

Numbers count up on entry — and appear complete when motion is reduced

Advanced
Code Prompt
RTL VerifiedLTR Verified Page blocks

Numbered Steps

A horizontal path whose connector stops at the last step instead of overshooting

Intermediate
Code Prompt
RTL VerifiedLTR Verified Page blocks

Team Section

People cards with roles and links, on an equal-height grid

Beginner
Code Prompt
RTL VerifiedLTR Verified Page blocks

Testimonials Carousel

Auto-advances, and pauses on hover and on focus

Advanced
Code Prompt