About this template

What Bothsides is

Bothsides is a complete website for an independent estate agent or a small agency led by one person. An agent has two audiences, so the site has one switch: Selling or Buying. Choosing a side changes the headline, the figures, the process, the fee, the questions and every call to action, and the choice is remembered on every page.

The proof is the record. Every closed sale is one row drawn to the same scale: a tick for the asking price and a bar that ends where it closed, with the street, the month and the days it took, including the sales that went under. It has 14 page types: home, homes with status and area filters, a page for each home with the agent's own note and the sales it was priced against, the full sold record with live medians, long pages for selling and for buying with a step-by-step plan, the fee and a form, area guides with advice for both sides, about, a journal, contact, legal pages and a 404.

Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone. The agent, the homes, the prices and the figures are invented, and the photographs are for demonstration only, so replace them with your own before you publish.

Last updated

What's included

8 pages, ready to fill in

  1. 01HomeThe switch, a portrait hero with the latest sale, the record with its figures, the process, the fee, homes, areas, clients, questions and journal
  2. 02Homes and homeSix homes with status and area filters; a page each with photographs, the agent's note, facts, open house, a viewing form and the sales it was priced against
  3. 03SoldThe full record for sellers and for buyers, an area filter and medians that recalculate
  4. 04Selling and BuyingOne long page per side: steps with dates, the fee, recent results, a form and questions
  5. 05Areas and area guideThree neighbourhoods with median price, train, typical homes and one line of advice for each side
  6. 06AboutThe agent's story, four working rules, a short timeline and the human detail
  7. 07Journal and noteFour short notes marked for sellers, buyers or both, with a filter
  8. 08Contact, legal, 404Phone first, a contact form, privacy, terms and a 404 that uses the record bar

Features

  • Selling / Buying choice stored in the browser
  • All copy for each side in one typed file
  • Record bars drawn in code from asked and sold prices
  • Light and dark mode with a toggle
  • Responsive on desktop, tablet and phone
  • Homes, sales, areas and notes on the Framer CMS
  • Text, colours, figures and photographs are yours to change

Code version

  • React 19
  • Vite
  • Tailwind CSS 4
  • TypeScript
  • Motion
  • React Router
  • Content in typed files

Screens

A closer look

Taken from the live demo, in light and in dark, on desktop and on a phone.

Bothsides template. Home on the Selling side: the agent and her latest sale on a marigold field.
LightHome on the Selling side: the agent and her latest sale on a marigold field.
Bothsides template. The same page on the Buying side, in dark mode.
DarkThe same page on the Buying side, in dark mode.
Bothsides template. The record: three figures, then a tick for the asking price and a bar to the sold price.
LightThe record: three figures, then a tick for the asking price and a bar to the sold price.
Bothsides template. Sold: both sides, an area filter and medians that recalculate.
DarkSold: both sides, an area filter and medians that recalculate.
Bothsides template. A home with photographs, the open house and a viewing form.
LightA home with photographs, the open house and a viewing form.
Bothsides template. Selling: the promise on a full marigold field.
LightSelling: the promise on a full marigold field.
Bothsides template. Buying, step by step, with what the buyer gets at each point.
DarkBuying, step by step, with what the buyer gets at each point.
Bothsides template. An area guide with median price, train and typical homes.
LightAn area guide with median price, train and typical homes.
Bothsides template. About the agent, in dark mode.
DarkAbout the agent, in dark mode.
Bothsides template. Homes with status and area filters.
LightHomes with status and area filters.
Bothsides template. Home on a phone.
Bothsides template. The buyers' record on a phone, dark mode.
PhoneHome on a phone. The buyers' record on a phone, dark mode.

Where to get it

Three versions, one design

Pick the one that matches how you build. The pages and the design are the same in each.

  • Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.

    Free on FramerFramer Marketplace

  • Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.

    $5one payment

    Buy theme · $5
  • XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.

    Includedfor Pro and Business+ members

    Get it with Pro plan on XOXI

Want to see it first? View demo

Want one made for you?

Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us