Mariq is a premium, production-ready template for creative marketing agencies, design studios, startups, and portfolio-driven businesses. Built on Astro 7 and TypeScript, it ships with 38 pre-built static pages, an MDX-powered blog, JSON-driven case studies and plans with a working cart, and a fully editable content layer — no CMS or backend required.
Mariq is a creative marketing agency, portfolio, and studio template built on Astro 7 and TypeScript, generating 38 fully static pages per build from 19 route files.
Pages: home, about, projects with 8 JSON-driven case-study pages, blog with 12 MDX posts and category filtering, pricing with 2 JSON-driven plan pages, career, FAQ, contact, cart-aware checkout, PayPal checkout demo, order confirmation, style guide, license, changelog, 401 password, and 404.
Near-zero JavaScript — all pages are prerendered to static HTML; a single vanilla TypeScript module powers navigation, the mega-menu, tabs, FAQ accordions, the testimonial slider, scroll animations, and cart functionality. No React, no hydration, and no client framework runtime.
Motion that earns its keep — scroll reveals, animated stat counters, a pinned horizontal quote section, a project-card 3D flip on scroll, hero pointer parallax, and an intro-call modal — all from that same one script, and all skipped automatically for visitors who prefer reduced motion.
Content collections — blog posts are an MDX content collection with zod-validated frontmatter and automatic category tabs; case studies and plans are managed through JSON; shared content and navigation live in reusable Astro components. No CMS required.
Working cart — JSON-driven plans with localStorage persistence, shared across plan pages, the mini-cart drawer, checkout, and order confirmation flows.
Design system — token-driven CSS with custom properties for 10 brand colors plus the full type scale, all editable from a single :root block with no framework lock-in. The included style-guide page renders the whole scale as a live preview while you re-theme.
Self-hosted fonts — Anton, Geist, Exo, Varela Round, and Droid Sans served locally with no third-party font requests.
Performance-focused — static rendering, WebP imagery with lazy loading on every image and responsive srcset variants on the large photography, semantic HTML, canonical/OpenGraph/Twitter-card metadata on every page, and clean crawlable URLs.
Deploy anywhere — pure static output with no adapter required. Vercel, Netlify, Cloudflare Pages, GitHub Pages, AWS Amplify, and standard web hosts support it out of the box; an included vercel.json pins the build settings so Vercel can't misdetect the framework.
Includes full Astro 7 + TypeScript source code, 38 production-ready pages, an MDX content collection, JSON case-study and plan data, HTML documentation, comprehensive setup guides, and buyer support.
