Skip to content
UI Kit
Accent color

Local business

People who look up a local business want three things fast, what it offers, whether it is good and how to get there. This page answers them in that order and puts the way to contact it on every screen.

The order

Top to bottom, the way the sections sit on the finished page.

  1. Step 1 / 8 · Hero

    Hero

    A photo of the place, the opening hours and one clear action, call, book or plan the route.

    The first screen of a page in sixteen layouts, from a centered statement to video, app, tabs, form and terminal.

    17 variants · Hero
  2. Step 2 / 8 · Services

    Services

    What the business does, in plain words and with prices where they help.

    What a business offers, in seven layouts: cards with prices, a price list, an accordion, detail rows with pictures, a bento, steps to the result and an inquiry with estimate.

    7 variants · Services
  3. Step 3 / 8 · Menus

    Menu

    For a café or restaurant the menu is the main reason to visit the site, so it comes early.

    Menus in courses, with photos, a daily board, drinks with sizes, diet filters, a lunch week and a reservation bar.

    7 variants · Menu
  4. Step 4 / 8 · Trades

    Trades

    For a trade business the service area, the response time and the guarantee carry the decision.

    For plumbers, electricians, roofers, tilers and painters. Services by area of the house, before and after, a quote request with estimate, an emergency service and materials.

    5 variants · Trades
  5. Step 5 / 8 · Testimonials

    Testimonials

    Reviews from neighbors weigh more than any claim the business makes about itself.

    Quotes, reviews, ratings, videos and posts from the people who use it.

    11 variants · Testimonials
  6. Step 6 / 8 · Delivery and stores

    Store locator

    Address, map and hours of every location, so nobody stands in front of a closed door.

    Finding a store. A drawn map with a list that lights up together, the page of one store with the week and its services, store cards with region chips and a finder for the nearest store.

    4 variants · Store locator
  7. Step 7 / 8 · Contact

    Contact

    Phone, form and directions together, for people who are ready to come by.

    Forms with validation, channels, a map, booking, opening hours, a help center and a sales form.

    8 variants · Contact

Install all of it at once

One command puts every component of this collection into your project.

aiw add @ai-website/hero @ai-website/services @ai-website/menu @ai-website/trades @ai-website/testimonials @ai-website/store-locator @ai-website/contact @ai-website/footer

Prompt for your AI assistant

Hand Claude, Cursor, Copilot or Codex the order and it builds the page from exactly these parts.

Build a website for a local business with the UI Kit. Use Hero, Services, Menu, Trades, Testimonials, Store locator, Contact and Footer in this order. Write real copy for my offer and check the page in light and dark.

Often searched

Jump to

Copied to the clipboard