Making it yours — Findit AI Prompts
After the last prompt you have the Findit site with its demo text and grey placeholder photos. Everything a visitor
reads lives in src/content/, so most changes are edits to text files — or a sentence to your AI tool.
| What | Where |
|---|---|
| Agency name, browser title, description, site address | src/content/site.json → site |
| Menu, header buttons, contact details, social links, footer, newsletter | src/content/site.json |
| Copy shared by several pages: benefits, process, latest properties, testimonials title, facts, FAQ | src/content/sections.json |
| The copy of each page | src/content/pages/<page>.json (home.json, about.json, …) |
| Properties, locations, categories, agents, posts, testimonials, team, legal texts | src/content/collections/<name>.json |
Change the text between the quotes and keep the field names. Or ask your tool: “Change the agency name to Northgate
Homes and the contact email to hello@northgate.com in site.json.” Set site.url to your domain before you publish —
the sitemap and share links are built from it.
Properties
Section titled “Properties”Each property in collections/properties.json has:
slug— its address (/property/marble-house), unique;propertyId— the reference shown in the tour form;for—sellorrent;price— a number in US dollars;duration— “/Month” for rentals, empty for sales;category,locationandagent— theslugof an item incategories.json,locations.jsonandagents.json;featured—trueputs it in Home’s featured listings (the first five);imageandgallery— the main photo and four more;video— a YouTube link;description,features— text blocks;detailsandutility— the rows of the two lists on its page.
To add one, copy a property, give it a new slug and change the fields. It appears in the lists and on its location,
category and agent pages, gets its own page and joins the sitemap. Delete an item to remove it. Ask your tool if you
prefer: “Add a property called Harbour View Loft to properties.json, for rent in Brooklyn, with the same fields as the
others.”
Locations and categories work the same way: each gets a filter page (/filter/location/<slug>,
/filter/property-category/<slug>) and a chip on the Properties page once a property uses it. Agents, posts, team
members and testimonials are lists of the same kind.
Photos
Section titled “Photos”The pack uses placeholders; each shows the size its photo is designed for (for example 1920 × 1280). Put your
photos in public/images/ with the same file names — property-marble-house.jpg, city-brooklyn.jpg,
agent-steve-parker.jpg … — and they replace the placeholders. Keep the proportions close to the placeholder’s so the
crops look right. Good free sources: Unsplash, Pexels.
In a chat builder, upload the photos and tell the tool which file names to give them.
Videos
Section titled “Videos”- Home: the hero plays a clip from Pexels, loaded only when a visitor presses play. Replace
video.srcinpages/home.json→herowith your own clip (a file inpublic/or a link to an MP4) andvideo.posterwith its first frame. - Property pages: each property’s
videois a YouTube link; the page shows its thumbnail and loads the player on click.
Logo and icon
Section titled “Logo and icon”The logo is public/images/logo.svg (the header and footer use it). Replace it with your own SVG at the same
proportions (93 × 30), or ask your tool to use your file. The browser tab icon is public/icon.svg. The thank-you
pages use success-tour.svg and success-property.svg from public/images/.
Colours, fonts and sizes
Section titled “Colours, fonts and sizes”Prompt 1 set up the design tokens: colours (--color-ink, --color-body, --color-surface, --color-star …), the
font, text styles and spacing. Change a token and the whole site follows: “Change –color-ink to #0B2545 and the font
to Inter.” Keep the text styles’ sizes per breakpoint unless you want a different rhythm.
To remove a page, delete it and ask your tool to take it out of the menu, the footer and the sitemap. To add one, write a prompt in the style of the page prompts — list its sections and reuse the components (“a Section title, then Property cards in three columns”) — so it matches the rest.