Dill the Menace

The project

Dill the Menace is a client site Vient built for an event DJ based in Smithfield, Utah. The brief was the core job of a local business website: make it obvious who the business is, let a visitor hear a sample of the work, and rank for nearby searches, all fast and mobile-first with clean structured data. The design also had to carry a specific look, a dark, stage-lit feel pulled from the client’s own photos.

The build

This is a custom Astro 5 static site styled with Tailwind CSS v4, built in code with Claude. No headless CMS, no server. A single site.json file holds all business and content data, and every component reads from it. The whole thing renders to static files.

Key technical decisions:

• Single source of truth. One site.json file feeds every section and the structured data, so the business name, phone, service area, and FAQs can never drift between the visible page and the JSON-LD, and there is exactly one place to update.
• Lazy-loaded SoundCloud embed. The Listen section uses IntersectionObserver to defer loading the SoundCloud iframe until the visitor scrolls to it, keeping the initial page load fast.
• Structured data for local search. LocalBusiness, Person, WebSite, and FAQPage JSON-LD give search engines the client’s location, service area, and FAQs in machine-readable form.
• Dark violet theme. The palette is a near-black base with violet (#a855f7) accents pulled from the blue and purple stage lighting in the client’s photos. Syne for display headings, Space Grotesk for body text.
• Full-bleed hero. A photo behind the decks with blue stage lighting fills the hero, with the headline, tagline, and primary call-to-action overlaid on top.
• Eight-image gallery. A responsive grid of photos from live sets and sessions, laid out to stay sharp from phone widths up to desktop.

Visit Dill the Menace