A landing page for a commercial tower in north Tehran: one long scroll through its offices, amenities and interiors, paced by motion that pins, counts and slides as you go.
Ronika Palace is a commercial tower in north Tehran, built by Ghorbani Abniyesazan Moghavem, with office and retail space to lease or buy. I built its website — a single English landing page that runs from the hero through the building's figures, its spaces and a tour of the interiors to tenant quotes, a contact form and a map. It is written in Nuxt 4 with Tailwind 4, and the motion runs on GSAP's ScrollTrigger and SplitText over Lenis smooth scrolling.
A building like this is sold on how it feels to walk into, and a landing page has only the scroll to give that feeling. The motion had to set an unhurried pace, in keeping with the marble and brass in the photos, without ever holding content back. And every section needed a phone layout worked out on its own terms, not simply shrunk.
On desktop, the about section shown here pins to the screen while the scroll plays through it: the four figures arrive one card at a time, each counting up from zero as it lands, so the reader's own scrolling sets the pace. The phone version in this shot drops the pin — the cards stack in a single column and each counts up as it comes into view, because a pinned section fights a thumb.
This close-up holds the spaces section: lease an office, buy a unit or use the amenities, each with its own photo, a line of copy and a call to action, and the amenities card lists concierge, valet, lounge, café and security over its photo. The heading shows the type pattern the whole page repeats — a Fraunces title with an italic second line in the same face.
The curated tour shown here is a row of the building's interiors — the grand lobby, the office floors, the water feature, the corridors — that slides sideways as the page scrolls down, without pinning the page; the arrow buttons nudge that same scroll rather than running a separate slider. Behind it, the testimonials alternate portrait and quote across two rows.
The screens shown here are the phone build: the menu that opens from the hamburger as a frosted panel, the contact form stacked into one column, and the Leaflet map with its own pin and a property card carrying a directions link, above the footer. The menu grows open with a GSAP height tween, keeps focus inside itself while it is open and closes on Escape.
Got questions or want to collaborate? Feel free to reach out — I’m open to new projects or just a casual chat.
