Matt Laur — Athlete & Coaching Website
An athlete and coaching website that brings together career history, game film, a résumé, and recruiting and coaching contact options.
Production case study
ARK Landscaping serves homeowners in the lakes region around Detroit Lakes, Minnesota. I built its public website so someone planning a patio, a retaining wall, or work along a shoreline can see what ARK does and describe their own property to the crew.
At a glance
Status
Live client website
Client
ARK Landscaping
My role
Website development
Built with
Astro, TypeScript, and Tailwind CSS
A homeowner with an eroding lake edge has a different starting point from someone comparing patio materials. The services menu groups shoreline and drainage work together and gives hardscaping its own section. Each service has a page of its own. For retaining walls, for example, a visitor can look at material options and read answers to questions about sloped sites.
I used a shared catalog to generate the individual pages as static HTML with Astro. The catalog also supplies the service names for the navigation and the estimate form. Someone who reads about drainage installation can find it under the same name when they ask about work on their property.

A visitor who has an idea in mind but doesn’t know what to call it can start with the project photos. The homepage and individual service pages both link to the gallery. Seeing materials in place gives a homeowner a reference for a conversation about the scale of a wall, the edge of a patio, or how planting fits around the stonework.
The gallery opens with a selection of photos. Visitors can reveal more as they browse, or open one in a larger view to inspect the details. The previous and next controls let them compare neighboring images, then close the preview and continue in the grid.

The service-area page identifies Detroit Lakes as ARK’s base and lists nearby communities, including Park Rapids and Perham. A homeowner can look up a location before writing out a request. If their town is missing, the page offers a phone link and a way to ask about it directly.
The contact page brings phone, email, and the estimate form together. The form asks for a name, email address, and a description of the work. A visitor can also specify a service, a phone number, and the city or location, details that matter when discussing a site visit. The form uses a separate server endpoint to check the required fields before preparing the request for email.
The finished site gives a prospective customer a public place to look at ARK’s work and choose how to start a conversation about their own project.
More portfolio context.
An athlete and coaching website that brings together career history, game film, a résumé, and recruiting and coaching contact options.
Production platform and delivery stack supporting a nonprofit serving the visually impaired community.