A dark cosmic agency theme with glassmorphism
Foundra is a premium Astro theme for agencies and consultancies that want a sci-fi editorial aesthetic — nebula violet glows, cosmic teal accents, glassmorphism cards, and starlight-gray typography on deep dark backgrounds. It reads modern and corporate without feeling like a generic SaaS landing page.
A typewriter hero with rotating words, a before/after slider for transformation stories, and a feature card grid give the homepage multiple proof formats on one route.
What is included
Foundra includes home, about, services, blog index and detail, and a custom 404 page. Team sections, feature grids, and service blocks live on the homepage and dedicated routes.
Blog posts are MDX files in src/content/blog/ with title, description, pubDate, and optional tag frontmatter.
Cursor effects and cosmic atmosphere
CustomCursor and ClickParticles add interactive polish. BackgroundSpace components create nebula glow accents. Parallax glow effects on the hero reinforce depth. Reveal-on-scroll animations run through utils/animate.ts powered by Motion — no React runtime required.
Check reduced-motion preferences when customizing cursor and particle effects for production.
Built on a static-first Astro stack
Foundra is built with Astro 6.4, TypeScript, Tailwind CSS v4, MDX, Motion, and sitemap generation. There is no required CMS or backend.
There is no pricing page in the default route set — services and CTAs on the homepage and /services cover the conversion flow.
Customization workflow
Replace demo blog posts in src/content/blog/. Update homepage copy, team members, and service descriptions. Adjust cosmic color tokens in the Tailwind theme to match your brand palette before publishing.
