Rana Jahanzaib
Senior Full-Stack Engineer | React, Node, Rust & Go
New to Contra
Rana is ready for their next project!
Perch - Link-in-Bio Tool Landing Page
A marketing site for a link-in-bio product built for creators, with pricing, platform integrations, and a Pro upsell all pulling their weight.
Live Preview (https://perch-landing-page.preview.withrana.com/)
100/100 PageSpeed Insight Score: Mobile (https://pagespeed.web.dev/analysis/https-perch-landing-page-preview-withrana-com/ayniuhn2oq?form_factor=mobile) | Desktop (https://pagespeed.web.dev/analysis/https-perch-landing-page-preview-withrana-com/ayniuhn2oq?form_factor=desktop)
Perch is a concept marketing site for a link-in-bio tool, the kind of product creators use to turn one link into a hub for everything they make. The hero sells the core promise fast... "one link for every story you share"... backed by real customer-logo social proof.
From there the page builds out the actual reasons a creator would pick this over the dozen other link-in-bio tools out there: a "start from a theme, then make it entirely yours" customization pitch, direct integrations with the platforms creators already live on (Spotify, YouTube, TikTok, Twitch), and a dedicated Pro section covering unlimited pages, custom domains, and real subscriber growth tools. A trusted-by section with named creators closes the credibility loop before the pricing pitch even lands.
This build also went through a deliberate image weight fix worth calling out specifically... the testimonial and mockup imagery dropped from 9.6 MB to 264 KB, alongside fixes for seven contrast failures and a full set of security headers (CSP, HSTS, COOP, XFO). SEO and image-weight fixes are complete and shipped; a fresh PageSpeed scan against the redeployed site is the one remaining step before final numbers are locked in.
It runs as a single Cloudflare Worker with static assets, with a working signup form backed by D1, spam protection, and rate limiting, so a client could connect the repo and deploy without wiring anything by hand.
2
62
Solace Collective - Therapy Practice Landing Page
A landing page for a therapy and mental wellbeing practice, built to feel calm and human instead of clinical, with workshops and a clear "how it works" path front and center.
Solace Collective is a concept landing page for a therapy practice, built around evidence-based care that still feels warm and human. The hero avoids the usual therapy-site vagueness ("you're not alone") and leads instead with something concrete: a free monthly newsletter, a free first consult, and a clear call to action.
The page structure does a lot of the trust-building work. A three-step "getting started" section (talk to us, get matched, start your sessions) removes the biggest friction point in seeking therapy, not knowing what actually happens after you reach out. A services section breaks down individual therapy, assessment and evaluation, and workplace coaching as genuinely distinct offerings rather than one blurred pitch. And an upcoming workshops section, with real dates and specific topics like burnout and supporting an anxious teen, gives the practice a reason for someone to come back to the site even before they're ready to book.
The tone throughout avoids clinical distance without swinging into empty affirmation... lines like "no generic intake forms, no starting over with someone new every few months" speak directly to real frustrations people have with mental healthcare, not just template reassurance.
It's built on the same reusable Cloudflare deployment system as the rest of this series... a single Worker with static assets, a working consult-request form backed by D1 with spam protection and rate limiting, and a schema that brings itself up to date automatically on first submission.
0
121
Ember Studio: Brand & Design Agency Landing Page
A landing page for a creative brand agency, built to showcase work and services without the portfolio-site clichés... case studies, team, and process all pulling their weight.
Ember Studio is a concept landing page for a brand and design agency, built around the pitch "ideas that ignite brands." Rather than one long scroll of service descriptions, the page is structured the way an actual agency pitch deck would be... a confident hero with real client logos, a clear breakdown of services (brand identity, experiential design, strategy and positioning), a recent work grid with real project types and years, and a team section that puts faces to the studio instead of hiding behind a logo.
The copy throughout leans into specificity over the usual agency vagueness. Stats like 320+ brands launched and 96% client retention sit right in the page instead of being buried in an about page, and the "strategy and craft turn attention into loyalty" section explains what the studio actually does rather than just how it feels to work with them.
This project also is the base template itself, since the underlying reusable Cloudflare landing page system was built and proven out using this project as the reference implementation. The optimization pass reflects that:
- SEO went from 69 to 100 on both mobile and desktop
- Performance and Best Practices were already perfect and held at 100 throughout
- Accessibility went from 96 to 100 on both form factors
It runs as a single Cloudflare Worker with static assets, with a working contact form backed by D1, spam protection, and IP rate limiting, built so a client could connect the repo and deploy without wiring anything by hand.
0
173
Dental Clinic Landing Page
A landing page for a dental practice, built to feel calm and personal instead of clinical, with a booking flow front and center.
Live Preview (https://meridian-dental-landing-page.preview.withrana.com/)
Meridian Dental Co. is a concept landing page for a dental practice built around a simple idea... most people don't dread the dentist because of the work itself, they dread the waiting rooms, the paperwork, and the cold, clinical tone. Every section here works against that. The hero leads with a real, warm photo instead of a stock smile. The booking section puts the form front and center with a clean location map, not buried three clicks deep. And the "why us" section speaks directly to the actual hesitations people have... nervous patients, first-timers, insurance questions... rather than listing generic services.
The content structure also does something a lot of local business templates skip: it includes a journal/blog section for practice updates, which matters for a real dental practice's local SEO and gives the site somewhere to grow after launch instead of staying static.
This one had the steepest starting gap of the series and the clearest before/after:
- Mobile Performance went from 75 to 98, Desktop from 81 to 100
- SEO went from 69 to 100 on both mobile and desktop
- Accessibility went from 96 to 100 on both
- Best Practices held steady at 100 throughout
It's deployed as a single Cloudflare Worker with static assets, with a working appointment-request form backed by D1, spam protection, and rate limiting, all designed so a client could connect the repo and deploy without wiring anything by hand.
0
207