Help Centerchevron_rightWebsiteschevron_rightBuild and editchevron_rightWhat sections a website can have
auto_awesome

What sections a website can have

Websites / Build and editschedule5 min readmenu_bookArticle 5 of 10 in Build and edit
open_in_newOpen Websites in Genayaarrow_outward

Genaya renders every site from one block library, so a page never breaks and every section is laid out for a phone and a desktop alike: a real type scale, light and tinted bands that alternate on their own, icons drawn into the page, banners in your palette. Below is every section a page can carry, what it shows and where its content comes from. Genaya AI picks them when it writes a page; with Edit on you add one with Add section, and every field of a section is in its floating window.

SectionWhat it showsWhere the content comes from
HeroThe opening banner: an eyebrow, the headline, one line and up to two buttons - over your photo behind a dark or colored veil, or a gradient in your palette when there is no photo.Your words; a photo from Files or the free library
Why usTwo to six reasons to choose you, each with an icon, a short title and one sentence.Your words; an icon from the set of 40
ServicesYour public items as cards with the price, a photo, or the fallback icon you pick for items without one.Items and Services marked public
How it worksTwo to six numbered steps (01, 02, 03) with an icon each and an optional button; the last step names the action.Your words
TrustA proof band: the review average and count, service areas, team size and number of services, counted live - plus up to four badges such as "Licensed and insured".Counted from your records; badges only from what you told Genaya
ReviewsPublished reviews as designed cards with a quote mark, initials, stars and the month; the split layout features one review large.Engage reviews (shown from three published)
FAQReal questions and answers as an expandable list.Your words
Pricing tableA price list.Items and Services
Pricing calculatorA bounded quantity calculator that totals live.Items and Services
GalleryPhotos as tiles, three or four across.Files or the free library
AboutA paragraph beside a photo.Your words; a photo
TeamYour people as cards with a photo or initials and their role.Team members
Hours and contactOpening hours, the address, phone and email.The company record and Operations
Service areasThe areas you serve, listed and on a map.Service areas
Lead formA form on the page; every submission becomes a lead.An Engage form, or the site's own form
Book nowYour booking page rendered on the page with your real availability.An Engage booking page, or the site's own
Call or textA call button and a text button.Your tracked number
Live chatThe Live Chat widget.Live Chat
Pay a depositA deposit button.A GenayaPay payment link
Call to actionA closing banner with one button - over a photo behind a veil, or a gradient in your palette.Your words; a photo
EmbedA YouTube, Vimeo or Google Maps embed.A link you give
FooterYour brand and tagline, the pages, your contact details and links in columns, the legal row, the badge and the photo credits.Your pages and company record
Sign inVisitor sign-in for a site with its own database.The site's database
Add a recordA form that writes a row into one of the site's tables.The site's database
RecordsA table's rows as a list, a board, a table or cards.The site's database
StoreThe items and services marked to sell online, each with its live price and an Add to cart button.Items and Services
CartWhat the visitor added, priced again by Genaya on every change.The visitor's cart
CheckoutBuyer details, pickup or delivery, the card form through GenayaPay and the order number.GenayaPay

Icons come from one set of 40 glyphs, matched to the trade - a chimney sweep gets a fireplace, a plumber a pipe, a dentist a tooth, a clinic a shield with a plus. They are drawn into the page itself, so a site never downloads an icon font and never shows a broken symbol. Genaya AI picks the literal glyph for each reason or step; you change any of them in the section's window, and a glyph that is not in the set is simply not an option.

The header
Your logo or name, the menu, one button (Book now to the booking page, or a quote or appointment request to the page with the lead form) and a phone number with the call glyph when the site shows it and the company on the site has one. On a phone the menu opens as a full-width sheet with the button last.
Banners
A hero or a closing banner with a photo shows it behind a veil in your primary color or in dark, so the words stay readable; without a photo it becomes a gradient in your palette. Every text color on a site is checked at 4.5:1 against its background.
Rhythm
Sections alternate a light band and a tinted band on their own; the hero with a photo or the closing banner is the one colored band on a page, and two colored bands never touch. You can still set a section's tone by hand with Fill in its element toolbar, and a tone you set that way stays exactly as you set it; on a site built with an art direction the toolbar's Layout button also lets you pick that section type's own layout by hand (see How to click to edit a page), while a site on the standard look keeps the arrangement the builder chose.
The footer
Four columns when there is enough to show: your brand, logo and tagline; the pages and the header button; your address, phone and email with a See hours link; the links you add (a link to another site opens in a new tab). Under them the legal row, the badge, Report this site and the photo credits.
infoNumbers are never invented. The trust band counts your reviews, service areas, team and services from your records at the moment the page is served, and a badge only repeats a phrase from the brief you gave Genaya ("licensed and insured", "20 years in Dallas"). A section that would be empty - reviews under three, a trust band with nothing to count and no badge, a why-us with fewer than two reasons - is left off the page rather than shown half full.

Frequently asked

Was this article helpful?