Mariq - Astro 7 Theme for Creative & Marketing Agencies

A bold, fast, conversion-ready website for your agency — live in an afternoon.

Mariq is a complete marketing-agency and portfolio 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://mariq-astro.vercel.app

WHAT'S INSIDE

• 19 page templates — 38 static pages per build: home, about, projects, blog, pricing, career, FAQ, contact, style guide, license, changelog, 401, 404

• Project showcase — 8 case studies with a detail template: banner, client/year meta, stat blocks, pull quotes and a related-projects strip

• Blog — 12 MDX posts with author, role and read-time meta, four filterable categories, and a related-posts section

• Commerce pages — plan detail pages, a working cart with mini-cart drawer, checkout, PayPal checkout and order confirmation (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)

• Motion that earns its keep — scroll reveals, animated stat counters, a pinned horizontal quote section, 3D project-card flip, hero pointer parallax and a testimonial slider — all in one vanilla script, all respecting prefers-reduced-motion

• Edit content, not code — blog posts are Markdown files with frontmatter; case studies and plans are JSON. Add an entry and the listings, detail pages and related-item strips update automatically

• Design-token system — 10 brand colors plus the full type scale (sizes, letter-spacing) are CSS custom properties; re-theme the whole site from one :root block, no utility framework to learn

• Self-hosted fonts — Anton, Exo, Geist, Varela Round and Droid Sans as woff2 subsets, no CDN requests

• TypeScript throughout, zod-validated content schema

TECH STACK

Astro 7 · MDX · TypeScript · hand-crafted CSS · one vanilla interaction script — no React, no Tailwind, no framework runtime

REQUIREMENTS

Node.js 22.12+ and npm. Deploys to Vercel, Netlify, Cloudflare Pages, GitHub Pages, or any static host — no server needed.

LICENSE

One license = one end product (your site or a client's). Building multiple sites? Buy one license per project. You may not resell or redistribute the source.

SUPPORT

Questions or stuck on setup? Email contact@kaziehsan.com — we answer every buyer.