Tutorial 5 of 6
5 min read

Understand your site preview

Your generated site is organized into clear sections. Here's what each part does and how you'll edit them in the next step.

After generation, you'll see a live preview of your website. It's organized into regions — distinct sections you can click, edit, or improve with Flexy AI. Let's walk through the main ones.

Hero
About
Services
Call to action
harvest-steam.flexsite.io

Harvest & Steam

MenuAboutVisit
Order

Downtown Portland

Portland's craft coffee, roasted with care

Single-origin pour-overs, fresh pastries, and a workspace you'll love — downtown Portland.

Order online
View menu
Our story
Our story

Small-batch roasting in the heart of Portland

Harvest & Steam is a neighborhood roastery passionate about quality beans and community connection.

2018

Est.

40+

Origins sourced

2 floors

Cafe & workspace

What we offer

Everything you need for your perfect coffee moment.

Single-origin roasts

Single-origin roasts

Freshly roasted beans from ethical farms worldwide.

Read more
House-made pastries

House-made pastries

Baked daily — croissants, scones, and seasonal treats.

Read more
Coworking space

Coworking space

Free WiFi, quiet corners, and plenty of outlets.

Read more

Visit us on Morrison Street

Walk-ins welcome — order ahead to skip the line.

Get directions

2847 Morrison St, Portland, OR 97214

Open daily · 7am – 6pm

© 2026 Harvest & Steam. All rights reserved.

1

Hero

The first thing visitors see — your headline, a short intro, and your main button (e.g. "Order online" or "Book now").

2

About

Your story — who you are, when you started, and what makes your business special.

3

Services

What you offer, usually shown as cards or a list — products, services, or amenities.

4

Call to action

A final nudge for visitors — visit your location, sign up, or get in touch.

Tip

Scroll through the full preview on desktop and mobile before refining. The next tutorial series covers editing each region and asking Flexy AI to improve your copy.

Previous: Generate your siteNext: Prompt recipes
In this series
1

Describe your business

2

Choose a design style

3

Choose site sections

4

Generate your site

5

Understand your preview

6

Prompt recipes

Try the interactive journey

Enterprise-Grade Infrastructure

Built on AWS infrastructure, aligned with globally recognized security frameworks.

AWS

ISO 27001 • ISO 27017 • ISO 27018 • SOC 2 • PCI DSS • GDPR

Certifications apply to AWS cloud infrastructure. FlexSite implements secure configurations and operational controls following AWS best practices under the shared responsibility model.

Security & Compliance

Learn how FlexSite leverages AWS, encryption, and best practices to protect your workloads.