Overview
tarunSoft (tarunsoft.com) is a design and development team for early-stage startup founders. Its site has to do what the team sells: look sharp, load fast and turn visitors into booked calls.
I built it from a Figma redesign, and wrote most of the code: 61 of its 71 commits.
The challenge
- A motion-heavy design. The Figma redesign is dark and full of movement: glows, an aurora, pinned sliders and animated counters.
- It still has to be fast, including on mid-range phones, where blur and large animated layers get expensive.
- One page has to sell. The whole pitch, from services and process to pricing, proof and booking, lives on a single landing page.
The solution
The page tells the pitch in order:
- client logos
- an about section
- stats
- services
- the working process
- benefits
- a comparison with agencies and freelancers
- recent work and project stories
- pricing and reviews
- objections and FAQs
- a final call to action
A Cal.com booking embed, WhatsApp and email make it easy to start a project.
The working process is a pinned, scroll-driven walkthrough of five steps, each with its own animated card.
Under the hood
- Astro 7, rendered to static HTML, with Tailwind CSS v4 and optimised images through
astro:assets. - GSAP and ScrollTrigger: pinned sliders with a magnetic snap, a typewriter build console, orbiting tool chips, an aurora background and a hero text wipe.
- 21 performance and motion passes, each written up as a plan and finished. Examples:
- pausing decoration that’s off-screen
- cutting the aurora and blur cost on phones
- keeping pulses on the compositor
- locking counter widths so numbers don’t shift the layout as they count
- Hosted on Vercel.
Key features
- A single landing page covering the whole sales pitch
- Pinned, scroll-driven sections and animated counters
- Comparison, pricing, objections and FAQ sections
- Portfolio and project stories
- Cal.com booking, WhatsApp and email
- Tuned for smooth motion on phones