Samarth Properties

Samarth Properties needed a marketing site that carries a 13-project portfolio and a flagship launch, Shreya Valley, without feeling like a template. We built a Vite/React site with a rotating hero, an animated stats section, a cross-project gallery with load-more, a completed-projects grid, a testimonials marquee, and an interactive location map.

The flagship project gets its own page — hero, 16 amenities, a hover facility showcase, plot categories, gallery, FAQ and news teasers — and every other project renders through one reusable detail/gallery template.

Samarth Properties is a plotting developer in Pune with a real body of work — thirteen projects, ten of them completed, and a flagship launch, Shreya Valley, a farmhouse and resort plotting project in the Sahyadri hills of Bhor.

The brief was a marketing site that carries all of that without feeling like a template. Real-estate sites tend to collapse into the same grid of cards and the same stock hero. This one had to feel like a place, and load fast enough that a buyer on a phone in a low-signal area actually sees it.

It's brand, web and content in one engagement: a Vite and React front end, no backend, built in 44 days and measured at just over ten thousand lines.

React 19 on Vite, React Router for the project pages, Framer Motion for the section reveals, and Embla for the hero carousel — which rotates on a six-second timer and takes manual controls. Type is Fraunces for the headings and Manrope for everything else, both variable fonts loaded locally so there's no font-swap flash. Tailwind v4, tokenised light and dark palettes.

The 191 project photographs are served from S3 rather than bundled, so the site itself stays small. The homepage runs an animated stats band, an about section, a new-launches section, a cross-project gallery that loads nine images at a time, a completed-projects grid, a testimonials marquee built from eight real committed reviews, and an interactive location map whose pins switch as you select an ongoing project.

On the flagship page, the project gallery runs horizontally. As you scroll down, the gallery pins in place and the images translate sideways — a single continuous move through the project's photography, not a carousel you have to click.

It measures its own width with a ResizeObserver, computes exactly how far it needs to translate, and drives the pin off scroll position. And it checks for reduced-motion first: a visitor who has asked their system to calm animations down gets a normal, plain scroll instead. The effect is optional; the content never is.

Thirteen project folders, 191 images, and a client who will keep adding photos. So the gallery doesn't reference files by exact name. It maps each project to a named image group, and when a named file isn't there it falls back to the next indexed image in the folder.

Someone on the Samarth side can drop new photos into a project's S3 folder and the site picks them up — no rebuild, no broken image, no call to us.

Shreya Valley gets a page of its own: the hero, sixteen amenities, a hover facility showcase, three plot categories, the pinned gallery, an FAQ, and news teasers — the full launch treatment for the project that's actually selling.

Every other project renders through a single reusable route — a lightweight detail, gallery and contact page keyed on the project id. Add a project to the data file and its page exists. It's the right amount of build: bespoke where it earns attention, templated where it doesn't.