Nastty Works Auto

Nastty Works Auto is a Next.js and Tailwind CSS landing page template for a mobile mechanic business, built to showcase services and capture appointment requests through a contact form.

What is Nastty Works Auto?

Nastty Works Auto is a front-end website template created by Ron Jean-Francois (@ronjtech) for a mobile mechanic company. It runs on Next.js with TypeScript and uses Tailwind CSS along with Headless UI and Tailwind UI components. The template takes visitor submissions from a contact form and produces lead notifications so the business can call back with an estimate or schedule an appointment. The live demo is hosted on Vercel at NasttyWorks.vercel.app.

Key Features

• Next.js framework — Built with Next.js and TypeScript, giving server-side rendering and static site generation out of the box.
• Tailwind CSS styling — Uses Tailwind CSS for utility-first styling, plus Tailwind UI and Headless UI for accessible interactive components.
• Service showcase page — Includes a dedicated service page where clients can browse the services the mobile mechanic provides.
• Contact form with lead capture — The form collects visitor information and requests for an estimate or appointment, triggering a callback from the business.
• Instagram integration — A link to the company's Instagram profile (nastty.ent) is included for social media visibility.
• Vercel deployment — The demo is deployed on Vercel, indicating straightforward hosting compatibility.

Who is it for?

• Mobile mechanics — Use the template to present services and capture leads from potential customers needing roadside or on-site repairs.
• Small auto repair businesses — Replace a static web presence with a conversion-focused landing page that routes inquiries to a callback.
• Web developers — Use it as a starting point for client projects, customizing the Next.js and Tailwind setup to fit other service-based businesses.

What can you do with Nastty Works Auto?

• Mobile mechanic owners: Publish a professional landing page that lists services and encourages visitors to submit a contact form for a free estimate.
• Marketing teams: Collect appointment requests and contact details from the form to follow up with potential customers.
• Developers: Modify the page components and Tailwind styles to rebrand the template for other local service businesses like plumbing or landscaping.