Screens & Your Home Page

Components that look like your shop, screens assembled per question, and a landing that opens instantly

Components that could only be yours

When the Builder has seen your site, it builds components that mirror it, the same card shapes and corner radii, the same way you lay out a product with its price and badge, your exact colors and type. The goal is recognition: you should see your own shop in the first component, not a generic template wearing your logo. Each one is interactive, rows click, filters filter, and every interaction feeds the next question to the agent.

Components live in the Elements tab, where you can refine any of them in a Lovable-style studio, describe a change, watch it re-render live, publish when you're happy.

Screens are answers, assembled

A screen composes your components into a full view, a storefront, a category page, a detail view. At runtime the agent picks the screen that fits the customer's question and fills it with data it just queried; the same screen serves a thousand different questions with a thousand different contents. The Screen Builder tab shows every screen and lets you edit them by hand when you want direct control.

The designed home page

The one page every visitor sees is treated differently. Your home page is designed once, during the build, its layout, headings, and copy are fixed by you and the Builder, so it opens instantly, with no AI involved in the landing at all. The data inside it stays live: the “on sale now” row queries your store on every single visit, so the layout never drifts and the products never go stale.