Griffin Renovation
LiveA web-design and local-SEO build for a Cache Valley client, moved off an AI builder into code
Built by Caden Sorenson · Launched March 2026
The project
This is a client project Vient built twice. The brief was a small business site that had to load fast, read well on a phone, and carry clean structured data so it could rank in local search. The first version shipped on the LandingSite AI builder for a quick launch. A few months later it got rebuilt from scratch in code, mostly to take back control of the SEO and drop a monthly hosting fee. The interesting part of this project is that migration, not the storefront it points to.
The build
The rebuild is plain HTML, Tailwind CSS v4, and vanilla JavaScript. No framework, no build step, no npm. Three pages, two JS files, one CSS file.
Key technical decisions:
- Tailwind v4 Browser CDN for styling without a build pipeline
- JavaScript component injection for a shared header and footer across pages without a static site generator, plus a
<noscript>nav fallback so crawlers still see the links - EmailJS for contact form submissions without a backend, with a phone-number fallback if a send fails
- Cloudflare Image Delivery for automatic image optimization and WebP conversion
- JSON-LD structured data with the
HomeAndConstructionBusinessschema type, area served, service catalog, and ratings, so local search has a machine-readable version of the business - Netlify for free static hosting with security headers and aggressive caching
Results
The migration dropped a monthly hosting fee and gave the site the SEO controls the AI builder didn’t expose. The structured data, canonical and Open Graph tags, and a hand-built sitemap give Google what it needs, and the whole thing runs on a free static deploy. The build itself was the interesting problem here.
Build logs: the original build on LandingSite and why I rebuilt it in code.
Frequently Asked Questions
- Yes. Griffin Renovation is one example of Vient's client work. Vient builds and rebuilds websites for local businesses across Cache Valley, and the contact page is the fastest way to start a project.
- LandingSite AI got the site online quickly, but SEO limits, vendor lock-in, and a recurring monthly fee made it worth rebuilding. The hand-coded version gives full control over structured data, meta tags, and performance, and it removed the ongoing cost.
- Plain HTML, Tailwind CSS v4 via the browser CDN, and vanilla JavaScript, with no framework or build step. It uses JavaScript component injection for a shared header and footer, EmailJS for the contact form, Cloudflare Image Delivery for optimized WebP images, and JSON-LD structured data for local SEO, hosted free on Netlify.
Does Vient build websites for businesses in Cache Valley and Logan, Utah?
Why was the site rebuilt off the LandingSite AI builder?
How was the website built?
More about Griffin Renovation
- Behind the buildMoving a Client Site Off an AI Builder, Rebuilt From ScratchLandingSite AI got Griffin Renovation online fast, but SEO limits and vendor lock-in pushed me to rebuild the whole thing in plain HTML, CSS, and JavaScript.
- Behind the buildI Shipped a Client Site in an Afternoon Using an AI BuilderA renovation company needed a website fast. I used LandingSite.ai to go from nothing to live in a few hours, and here's what actually worked.
- From the blogBuilding a Single-Page Client Site, Mostly by Prompting ClaudeA local client had an Instagram and no website. I gave Claude the right prompt, all the real details, and a styling direction, and it built the three files. The hard part was getting the content, not the code.
- From the blogBuilding a Local-SEO Site for an Age-Restricted Shop, in Code This TimeI tried an AI website builder on one client site and ended up rebuilding it in code. So this one I built in Astro with Claude from the first commit. Here's what it takes to build a clean local-SEO site for an age-restricted retailer.
- From the blogBuilding a Client Site in Three Files, No FrameworkA long-running local business had gone four decades without a website. Here's how I built one from scratch in three files of vanilla HTML, CSS, and JS, then redesigned it around how the business actually works.
Related projects
- Related projectCub River KratomA web design case study: how Vient built a fast, custom Astro 5 website for a Cache Valley retail client, with a single source of truth for business data, local and FAQ schema, programmatic nearby-city landing pages, and a static deploy.
- Related projectDiamond Pest ProA web design case study: how Vient built a fast, custom Astro 5 static site for a multi-location home-service client, with a dedicated page for every branch and every service, LocalBusiness and FAQPage schema, and an ongoing local-SEO engagement.
- Related projectDill the MenaceA web design case study: how Vient built a fast, custom Astro 5 site for a Cache Valley client, with a single source of truth for business data, local and FAQ schema, a lazy-loaded audio embed, and a static deploy.