Huebold - Agency & Creative Astro Template

responsive creative agency HTML template: Tailwind CSS, dark mode, 13 pages, working forms, HTML email, case studies, pricing and a fanned-card hero — as an Astro 7.3.3 static-site project: the same 11 pages, a Markdown blog and 1 HTML email, rebuilt as components and content files. No server, no database: npm run build gives you plain HTML/CSS/JS to host anywhere.

• 33 section components (src/components/sections/) — the template's markup as editable Astro files, one per section design
• Content as JSON — every page is src/content/pages/<page>.json: reorder sections, change copy, swap photos; brand, navigation and footer in site.json; Astro content collections with a schema
• Blog posts in Markdown (src/content/posts/) — one file per post, drafts, an RSS feed; the blog lists update themselves
• SEO built in: titles, descriptions, canonical URLs, Open Graph and Twitter cards, structured data, sitemap and robots.txt
• Optimised images: photos resized and served as WebP by astro:assets, with the right size for every screen
• Tailwind CSS v4 compiled by @tailwindcss/vite from the component classes; design tokens in one :root block — change a colour, font or radius once
• Vanilla JavaScript (no jQuery): sticky header that compacts on scroll, portfolio / product filter, lightbox gallery, animated stat counters, testimonials slider, working forms with validation + success state
• Working forms with validation and a success state — set your Formspree, Basin, Netlify Forms or own endpoint in .env
• Self-hosted fonts, inline Phosphor icons, the free-licence stock photos with credits, WCAG-minded markup, responsive 320–1440 px
• Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host; README with the exact steps, CONTENT.md listing every slot on every page, online documentation with screenshots
• Astro 7.3.3 pinned, Node.js 22.19+, strict TypeScript with npm run check, Prettier

Pages: /, /404/, /about/, /blog/, /contact/, /service-single/, /services/, /team/, /thank-you/, /work/, /work-single/, /blog/<post>/. Email: email-enquiry. The free HTML version of this design is on ThemeVault too — this Astro project has the same pages and look.