Case study

Lights Out Tinting

A website for a window tinting shop in Freeport, built around hand-cut work, prices you can see up front, and booking from a phone.

WebsitePricing by vehicleOnline bookingBuilt in 2026

At a glance

Platform: A website, built mobile-first
Languages: TypeScript
Front end: Next.js 16 (App Router) and React 19, styled with Tailwind CSS 4
Pages: Prebuilt ahead of time and refreshed in the background, so a visitor gets a ready page instead of waiting for one to be made
Hosting: Vercel
Booking: Square Appointments
Built in: 2026

Transparent pricing by vehicleA customer should know the price before they call.
Hand-cut craftThe site tells the story of film cut by hand on every car.
Mobile-firstEvery page is designed for a phone first, then grows for bigger screens.
BookingBook a drop-off without a phone call.

Placeholder. The shop's own words for the ask come from its source pack.

What we built: A price tool that gives an exact price before anyone picks up the phone.
How it works: Pick the vehicle, say whether there is old tint to remove, and add a sunroof or the windshield. The price updates as you go, with a plain note about Florida's windshield rule.
Built with: A React component on a Next.js page. The page is prebuilt, so the tool is ready the moment the page opens.

What we built: Pages for auto, residential and commercial tinting, plus pricing and questions.
How it works: Each service has its own page, with the price tool and the booking button one tap away on a phone.
Built with: Next.js with the App Router. Pages are built ahead of time and refreshed in the background, so they load fast and stay current.

Placeholder. A screen of the booking step comes from the shop's source pack.

What we built: Booking a drop-off without a phone call.
How it works: The Book Drop-Off button takes you straight to the shop's booking calendar to pick a time.
Built with: Square Appointments, the shop's own booking calendar. The site hands you to it, so the shop manages every booking in one place.

What we built: A vintage-signage look with the shop's own colors and type, carried through every page.
How it works: Bold slab headings, gold buttons and the teal badge make every page feel like the same shop, from the homepage to the price tool.
Built with: Tailwind CSS, with the brand's colors and type set once and used everywhere.

Next.js with prebuilt pages. The pages are ready before anyone asks for them, so the site loads quickly on a phone, even on a weak signal.
Vercel. Fast everywhere, and every change gets its own preview link to check before it goes live.
Square Appointments. A proven booking calendar the shop runs itself, so the website never has to reinvent scheduling.
Tailwind CSS. The brand's colors and type are set once and used everywhere, so every page stays on brand.

Tell us about it in a few lines. We'll come back with questions, then a plan and a price.