Marketing Site · Consulting
A professional services website for a software-consulting firm: a dark, credible marketing site that converts visitors into booked consultations through an embedded Calendly scheduler and a serverless contact form.
TechConsult Pro is a marketing site for a technical software-consulting firm, with one job: present services credibly, build trust, and turn a visitor into a booked consultation.
It spans the full set of pages a real firm needs — Home, Services with six data-driven sub-pages, About, Case Studies, Pricing, and Contact — in a dark, professional theme.
A lead-gen site is only as good as its conversion path. Booking and contact had to be frictionless and reliable, but a portfolio build can't assume API keys are configured — so the site needed to degrade gracefully rather than break when nothing is wired up.
It also had to stay clean of third-party logos, stock photography, and trademarks while still looking polished and trustworthy.
Conversion runs on two paths: an embedded Calendly scheduler — inline on Contact and as popup 'Book a Consultation' buttons sitewide — and a serverless contact form that validates input, blocks spam with a honeypot, and forwards submissions by email through Resend.
Crucially, the site runs fine with no environment variables: the contact form returns a clear 'not configured' message and the booking widgets show a friendly 'coming soon' fallback, so it's always demonstrable. All imagery is CSS gradients and custom SVG patterns plus MIT-licensed icons.
The result is a responsive, accessible, Vercel-ready consulting site whose entire structure is built to move a visitor toward a booked call — with SEO handled through per-page metadata, a sitemap, robots, and semantic HTML.
Because every visual is original and every integration falls back cleanly, it deploys and demos without any setup, then turns on real booking and email the moment keys are added.
Next.js 15 (App Router) + React 19 and Tailwind CSS v4, with `react-calendly` for scheduling and Resend for transactional email, deployed on Vercel. The six service sub-pages are data-driven from a single source.
The recipient address and Calendly URLs live in environment variables, and every integration is written to no-op gracefully when those vars are absent.
// Gallery
// Next step
The next case study could be yours. Tell us what you're building and we'll tell you honestly how we'd ship it.