Documentation

Landing page by hand

Install UI Blocks, set up a layout and build a complete landing page block by block, no AI and no code.

Not every page needs an AI assistant. With the UI Blocks plugin you build a complete landing page yourself: pick a block, fill in the fields, save. Every headline, picture and button stays something you can change later from the same panel.

Prefer to watch first? Here is the whole walkthrough in under five minutes:

Prerequisites

You need a Neleto site with a finished initial setup. If you don't have one yet, the Setup guide gets you there in a few minutes. Your user needs the role developer or admin to install plugins and manage components.

Install UI Blocks

In the admin ui, open Plugins and click on Store. Find ui-blocks and install it. After a moment it shows up in your list of plugins with the status running. You only do this once per site. More about plugins: Plugins.

Add the components

UI Blocks brings its blocks as component templates. Navigate to Developer-tools → Components, click on + New from template and add the ones this page uses:

Navigation and Footer for the layout
Hero, Stats and Feature Grid for the page
Section and Text element for longer text

More about components: Components.

Create the layout

A layout holds what every page shares. Navigate to Layouts, create a new layout and give it a name. A new layout already contains the page content slot. Add the Navigation above it (your brand name, a few links and one button) and the Footer below it with your copyright line. Save.

You don't have to use a layout: you could put navigation and footer straight onto the page. But as soon as you add a second page, the layout saves you from doing everything twice, and when you change the menu in the layout, it changes on every page. More about layouts: Layouts.

Create the page

Navigate to Pages and click on + New. In the page settings, set the route to / to make it your start page, give it a title, set the status to Public and select the layout you just created. Save. More about pages: Pages.

Build the page

From here it is the same move for every section: click on + Add section, pick a block and fill in its fields in the panel on the right.

Hero: a small line above, the headline, one sentence, one or two buttons and a picture from your files. In the same panel you choose the arrangement and the colours.
Stats: a heading and four figures, each one a value and a label.
Feature Grid: what you offer. Every item has an icon, a title and a short text. Icons come from Tabler: type a name like table or tool.
Section with a Text element: the longer story, written in a normal text editor.
Feature Grid again, this time with the quote icon: your customers' names as titles and what they said as text.
Section with a Text element: how to reach you, with address, email and opening hours.

Save the page and open your site. Everything on it is one of these blocks, and you edit it the same way: open the page in the page builder, select the block, change the field, save.

The texts from the video

Copy these to build the exact page from the video. The business is made up.

Layout

Navigation: brand Harbor & Pine · links Work, Process · button Contact
Footer: © 2026 Harbor & Pine · Hafenstraße 12 · 24937 Flensburg

1 · Hero

Eyebrow: Workshop in Flensburg · since 2012
Heading: Furniture built to be kept.
Sub text: We design and build solid-wood tables, shelves and kitchens by hand — one piece at a time, made to fit your room and to last for decades.
Primary button: Plan your piece → #contact
Secondary button: See our work → #work
Image: any photo of a table or a workshop

2 · Stats

Heading: A small workshop with a long memory

Value	Label
`14`	`years in the workshop`
`380+`	`pieces delivered`
`100%`	`solid wood, no veneer`
`3`	`people who build everything`

3 · Feature Grid — what we build

Heading: What we build
Intro: Three things, done properly. Every piece starts with a visit to your home and a sketch on paper.

Icon	Title	Text
`table`	`Tables & desks`	`Dining tables, desks and benches in oak, ash or walnut — sized to your room, finished with oil, not lacquer.`
`tool`	`Kitchens & built-ins`	`Fitted kitchens, wardrobes and wall units that use every centimetre — planned with you, built here, installed by us.`
`refresh`	`Repair & restoration`	`Your grandmother's chest of drawers deserves a second life. We repair, refinish and re-join old pieces instead of replacing them.`

4 · Section with a text element — how a piece gets made

How a piece gets made

It starts with a visit. We measure the room, look at the light and the floor, and talk about how you actually live — who sits where, what gets spilled, what has to survive a move. From that we draw a sketch and quote a fixed price. No surprises later.

Then the wood. We buy whole boards from two sawmills in Schleswig-Holstein, let them rest in the workshop for a few months, and pick each one for its grain before a single cut. Joints are cut by hand where it matters and by machine where it doesn't — we're craftsmen, not romantics.

Six to ten weeks later we bring it to you, set it up, and leave a small tin of the same oil we used. Once a year, one evening with a cloth, and the piece will outlive us both.

5 · Feature Grid with the quote icon — what customers say

Heading: What our customers say
Intro: Three of the 380. We'd rather you heard it from them.

Icon	Title	Text
`quote`	`Maren K., Flensburg`	`“The table is the one thing in our flat that every guest touches first. Four years, two kids, zero regrets.”`
`quote`	`Jonas & Lea, Kiel`	`“They planned the kitchen around how we cook, not around a catalogue. The quote was the price we paid.”`
`quote`	`Dr. H. Petersen, Husum`	`“My grandfather's desk came back looking like it had simply aged well. I didn't think that was possible.”`

6 · Section with a text element — contact

Plan your piece

Tell us what you need and roughly where it should go. We'll come by, measure, and send you a sketch with a fixed price within a week — free, no obligation.

Harbor & Pine · Hafenstraße 12, 24937 Flensburg hello@harborandpine.example · +49 461 000 00 00

Workshop hours: Tuesday to Friday, 9–17. Saturdays by appointment.