template-all :: PROFilmare

template-all

LP Block Catalog

Select a block → expand SRC → copy HTML

The demo is ready for the new lp-ui + lp-page system. On regular pages, use only lp-ui. For a full landing page, add lp-page as well.

Kicker Buttons Media List Classic Split Story Compare Stepper Featured Boxes CTA bar Trust bar FAQ Product picks Picks without images Done preset

Kicker

Badge + dot. Colors are controlled via the theme class on the body.

Calibration without compromise
Use above a hero, section, or box.
SRC – Kicker

Buttons / Actions

Primary + secondary CTA for hero, cards, and CTA bar.

Action bar Usable across all blocks.
Main CTA Secondary Ghost
SRC – Actions

Media

Universal container for an image, video, or iframe.

Preview media
Tip : Use in the hero section, next to feature boxes, or as proof/testimonials.
  • A unified container for all content types
  • No inline styles in most cases
  • Safe for both the grid and the hero
SRC – Media

Sheet

A robust list for benefits, parameters, and arguments.

lp__list--check Benefits with checkbox
  • Contrast and readability
  • Great for scanning content
  • Consistent typography
lp__list--brand Body with brand bullet
  • One sentence without a separate icon
  • Second sentence without a separate icon
  • Third sentence without a separate icon
SRC – List

Classic

Text on the left, visuals on the right.

Classic layout

Main headline for Classic

Brief explanation of the product’s value or solution. 1–2 sentences.

Main CTA Secondary
  • Benefit 1
  • Benefit 2
  • Benefit 3
SRC – Classic

Split

Image on the left, text on the right.

Split layout

Heading for Split

Use this when you want to place an image or video in the first position.

Order Learn more

Story

Centered hero + follow-up story boxes.

Story layout

Story headline

Great for “problem → solution → proof”.

Start View
Problem

What the customer is trying to solve. 1–2 sentences, no fluff.

Solution

How the outcome will change and why it works.

Compare

Centered block, equal height, featured in the middle.

Basic Product A For basic needs.
  • Feature 1
  • Feature 2
Select
Most Popular Product B Best value for money.
  • Everything from A
  • Bonus features
  • Priority support
Select
For Product C: Full package.
  • Everything from B
  • Advanced options
Select

Stepper

The active step is highlighted in a secondary color.

  • 1
    Select
    Choose a variant based on your application.
  • 2
    Set
    Quick setup and clear instructions.
  • 3
    Use
    Consistent results with no surprises.

Featured card

Use .lp__productCard.is-featured as the winner card.

Standard Normal card No highlighting.
Promotion
Recommended Highlighted card Dominant box for best choice.
Main promotion

Boxes

For feature grids, arguments, and use cases.

Accuracy

One specific sentence on the benefit.

Workflow

One specific sentence about the benefit.

Certainty

One specific sentence about the benefits.

CTA bar

A strong conclusion to the section or the entire page.

Not sure which option to choose? Contact us and we’ll recommend the best option for your use case.
Request advice View all

Trust bar

Partner logos, client logos, or “as seen in” logos.

FAQ

No JS: <details> + <summary>.

How quickly can I get it up and running? +
Typically within a few minutes. The process is simple and repeatable.
Does it work with my device? +
Yes, in most common configurations. If you want to be sure, send us your setup and we’ll advise you.
What if I’m not sure which option to choose? +
Write to us—we’ll recommend an option based on your specific needs.

Product picks

One card = one product. Click the entire card via the stretched link.

Start Product A A brief explanation of who this is for.
Produkt A
Buy
Most Popular Product B Best value for money.
Produkt B
Buy
For Product C: Top-of-the-line features for demanding users.
Produkt C
Buy

Product picks – no images

Clean landing page version. Text + CTA, maximum focus on decision-making.

Start Product A Basic version for general use and smaller projects.
  • Key feature 1
  • Key Feature 2
Select
Most Popular Product B Best value for money for most users.
  • Everything from Option A
  • Advanced features
  • Priority support
Select
For Product C Full features for demanding workflows.
  • Everything from Option B
  • Premium options
Select

Done preset

Hero + stepper + product picks + CTA. One copy.

Done preset

A headline that promises results

One short sentence: what the customer gets. Second sentence: why from you specifically.

Buy Contact
  • Benefit 1
  • Benefit 2
  • Benefit 3
  • 1
    Select
    Select the option based on your use.
  • 2
    Set
    Quick setup without the hassle.
  • 3
    Use
    Consistent results.

Recommended options

Choose based on your needs.

Start Product A For basic needs.
Buy
Most Popular Product B Best value for money.
Buy
For Product C For demanding use.
Buy
Not sure which one to choose? Contact us and we’ll recommend the best option for your use case.
Request advice View all
There are no matching items. To view more products, use the menu or a search.
%s ...
%s
%image %title %code %s
%s