Waida Studio
Solutions, case studies and a blog for an AI agency, with not one byte of framework JavaScript. Avande is a complete AI automation agency theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script. Live demo: https://avande-astro.netlify.app
What's Inside
16 page templates — 26 static pages per build: home, about, solutions, solution detail, case studies, case study, blog, blog article, pricing, contact, style guide, licenses, instructions, changelog, 401 password protected and 404
Four solutions as Markdown — two tags and a tagline, two strategy figures, a key-benefits statement that darkens as you scroll, four benefits, a glyph and a card picture, with the one-paragraph summary as the body; each is a card on the solutions page, a row on the home page and a page of its own
Three case studies as Markdown — every word on the page is a labelled field: two tags, the headline over four steps, four headline results, the large numeral on its card, a card picture and a banner; add one and it appears on the case studies page and at its own URL
Six blog articles as Markdown — a headline, a category, a card picture and a banner, and a body written in a four-block grammar of headings, sub-headings, paragraphs and full-width pictures; the same article is drawn on the blog page, on the home page and under every other article
Motion that earns its keep — 403 fade-up, 103 scale-up and 16 grow-from-the-bottom scroll reveals, 45 section titles that rise one letter at a time, a neon highlight that opens behind the hero word, an about statement that darkens character by character as it scrolls, rolling hovers on 77 buttons and 338 footer links, two animated dashboard gauges, feature and testimonial sliders with Webflow's own algorithm transcribed, process and pricing tabs, an FAQ accordion, a back-to-top glide and a smoothed wheel scroll — all in one 11 KB vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every solution, case study and article is one Markdown file with zod-validated frontmatter; which posts and solutions the home page features is one JSON file
Design-token system — 210 custom properties hold the whole colour system, type scale and spacing steps, and /style-guide previews the palette and the type scale on one page
Self-hosted fonts — Inter Tight and Stack Sans Notch as woff2, no CDN requests
TypeScript throughout, zod-validated content schema
Tech Stack
Astro 7 · Markdown content collections · TypeScript · the template's own CSS — no utility framework, no build-time CSS pipeline
Requirements
Node 22.12 or newer. npm ships with it. Nothing else to install.
Support
contact@kaziehsan.com