Section Types Explained
Sections are the building blocks of your website pages. Each type serves a different purpose. Here's what's available and when to use each one.
Hero Sections
The big, bold banner at the top of pages.
Use for:
- Main homepage statement
- Page headers with impact
- Showcasing your space or signature dish
Includes:
- Large background image or video
- Headline and subtext
- Call-to-action button(s)
[SCREENSHOT: Hero section example]
Text Sections
Blocks of written content.
Use for:
- About your restaurant
- Describing your philosophy
- Telling your story
Includes:
- Heading
- Body text (with formatting)
- Optional images
Image Galleries
Display multiple photos in a grid or slideshow.
Use for:
- Food photography
- Interior/exterior shots
- Events and behind-the-scenes
Layouts:
- Grid (2, 3, or 4 columns)
- Masonry
- Carousel/slideshow
Feature Sections
Highlight key points with icons or images.
Use for:
- What makes you different
- Services offered
- Key menu highlights
Layout:
- 2-4 features in a row
- Icon + title + description
Menu Display
Show your menu items directly on the page.
Use for:
- Embedded menu on homepage
- Featured items section
- Daily specials
Options:
- Full menu
- Selected categories
- Featured items only
Contact & Location
Display your location info and contact form.
Use for:
- Contact pages
- Footer sections
- Location-focused pages
Includes:
- Map embed
- Address and phone
- Hours of operation
- Contact form
Testimonials
Show customer reviews and quotes.
Use for:
- Social proof
- Building trust
- Highlighting press coverage
Layouts:
- Single quote
- Carousel of quotes
- Grid of reviews
Call to Action (CTA)
Prompt visitors to take action.
Use for:
- Encourage reservations
- Drive newsletter signups
- Promote specials
Includes:
- Strong headline
- Supporting text
- Prominent button
Team/About
Introduce your people.
Use for:
- Meet the chef
- Team introductions
- Owner's story
Layout:
- Photo + bio format
- Grid of team members
Events
Display upcoming events.
Use for:
- Event listings
- Live music schedule
- Special occasions
Pulls from:
- Your events in Welcome
Jobs
Show open positions.
Use for:
- Careers page
- Hiring callout on homepage
Pulls from:
- Your job postings in Welcome
Spacers & Dividers
Add visual breathing room.
Use for:
- Separating content
- Creating visual rhythm
- Adding white space
Choosing the Right Section
| Goal | Section Type | |------|--------------| | Make a statement | Hero | | Tell your story | Text + Images | | Show your food | Gallery | | List what you offer | Features | | Display your menu | Menu Display | | Help people reach you | Contact | | Build trust | Testimonials | | Drive action | CTA |
Mix and match to build engaging pages!
Need help? Contact support.