Home Solutions & Construction
Home Solutions & Construction · 2026
Site for a licensed Idaho general contractor — renovations, remodels, repairs, and pre-sale improvements for Treasure Valley homeowners.
- Problem
- A licensed Idaho general contractor serving the Treasure Valley — including its large Spanish-speaking community — needed a marketing site that captures leads and lets the owner manage content without touching code.
- Solution
- I built a bilingual, Spanish-default Next.js 16 site with a Supabase-backed lead pipeline and an auth-gated admin portal for managing leads, testimonials, and the project gallery.
- Result
- The site is live in production on Vercel, deploying from main, sharing a Supabase backend and design language with its sister realty site.
The brief
Home Solutions & Construction is a licensed general contracting business serving Nampa, Caldwell, Boise, and Meridian — renovations, remodels, repairs, and pre-sale improvements. It's the construction side of the same team behind Hernandez Realty Group, so the site had to share a design language with the realty site while standing on its own: dark theme, Playfair Display and Inter typography, and an amber/gold accent pulled from the Home Solutions logo where the realty site uses red. It also had to work in Spanish first, not as an afterthought.
What was built
A bilingual marketing site with a language toggle in the navbar that flips every main surface between Spanish and English, plus a bilingual lead-capture banner at the top of the landing page for a fast "leave your info, we'll call you back." Pages cover the full service catalog, an admin-managed project gallery where each project shows its scope of work, the two-company story, and a free-estimate contact form.
Behind it sits an admin portal at /admin, gated by Supabase auth — only accounts flagged as admins get through, enforced in middleware. From there the owner manages leads, testimonials, and gallery projects without touching code, signing in with the same accounts as the realty site.
Under the hood
Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, and framer-motion for animation. Supabase is shared with the realty site: the contact form and lead banner write into a common contacts table tagged with a construction-* source so leads stay easy to filter, while testimonials and gallery projects live in their own construction tables with versioned SQL migrations. The site degrades gracefully — without backend credentials it still builds and runs, falling back to Google review links, a static gallery set, and call/text prompts. JSON-LD, sitemap, and robots handling are wired into the root layout.
Where it stands
Live in production on Vercel, deploying from main. The two sites cross-link — navbar, footer, homepage, and about page all connect the construction and realty companies so a visitor can move between them seamlessly.