flashylawns.com

Flashy Lawns

A lead-generation site for an owner-operated Oklahoma City lawn care and Christmas light installation company, with a two-step quote and booking flow.

flashylawns.comOpen Project
flashylawns.comView live site →
Project Overview

Flashy Lawns is an owner-operated lawn care and Christmas light installation company in Oklahoma City, and this one-page site is built to turn visitors into booked jobs. It covers three services (weed control as the lead offer, lawn care and mowing, and Christmas light installation with takedown and storage), then walks through why to hire them, where they work, real install photos, contact options and an FAQ. Christmas light leads run through a two-step funnel: an embedded GoHighLevel survey collects the quote details, then hands off to a booking calendar that arrives pre-filled with the visitor's contact info. Lawn care and weed control leads go straight to a call or text. The dark Christmas Lights band doubles as the landing target for seasonal Facebook ads, and older ad links that point at a hash anchor still land in the right place. The design borrows from painted truck lettering and yard signs: Barlow Condensed headings, a heavy italic wordmark, white and near-black with a single brand red held back for buttons, rules and hover states, and faint diagonal pinstripes behind the hero set at the same slant as the italic logo. The service area is an animated SVG map of the OKC metro with pulsing rings and no map API, the floating pill header tracks the section in view with a sliding red underline, and every scroll reveal waits for JavaScript and respects reduced motion.

Tech Stack
Next.js 16 (App Router)React 19TypeScriptTailwind CSS v4shadcn/ui (Base UI)Embla CarouselGoHighLevel
Key Features
  • Two-step Christmas light funnel — an embedded GoHighLevel quote survey hands off to a pre-filled booking calendar
  • Call-or-text paths for lawn care and weed control leads
  • Animated SVG service-area map of the OKC metro, with pulsing rings and no map API
  • Photo gallery with swipeable preview tiles and a full-screen carousel with keyboard navigation
  • Floating pill header with a red underline that follows the section in view, and a scroll-locked mobile menu
  • Dark Christmas Lights section built as the landing target for seasonal Facebook ads, with legacy anchor links redirected
  • LocalBusiness structured data, Open Graph metadata, and a vector-traced logo and icon set
  • Scroll reveals that never hide content without JavaScript, and reduced-motion support throughout

© 2025 Werner's Works. All rights reserved.