AgenceX is a single-page landing template for digital agencies, built with AstroJS v5 and TailwindCSS v4, that produces a static marketing site with light and dark themes.
What is AgenceX?
AgenceX is a minimal landing page template for digital agencies and service businesses. It runs on AstroJS v5 and styles everything with TailwindCSS v4, outputting a fully static site. The template includes a single index page organized into reusable components, blocks, cards, sections, and shared elements under src/components. It ships with two themes—light and dark—shown in the included screenshots.
Key Features
- Tech stack — Built with AstroJS v5 as the static site framework and TailwindCSS v4 for utility-first styling.
- Theme support — Includes both light and dark theme demos (demoLight.webp and demoDark.webp), suggesting built-in dark mode styling.
- Component organization — Source is split into blocks/, cards/, elements/, sections/, and shared/ directories under src/components, plus a single layout and a global.css stylesheet.
- Production build — npm run build outputs the static site to ./dist/, and npm run preview serves the build locally before deployment.
- Asset structure — public/ holds images, logos, and favicon.svg, with placeholder logo files under public/logos/.
- Custom styling entry — Global styles live in src/styles/global.css, separate from Tailwind's utility classes.
Who should use AgenceX?
- Digital agencies — use the landing page to showcase services, team, and client work as a company front page.
- Freelance designers and developers — set up a professional one-page site quickly without building from scratch.
- Businesses needing a static marketing page — deploy the Astro build to any static host since output is plain HTML/CSS/JS.
What can you do with AgenceX?
- Agency founders: publish a branded landing page that matches their agency identity using the reusable component blocks.
- Developers: customize the Tailwind theme and Astro components to add portfolio pieces, pricing sections, or testimonials.
- Teams: speed up project kickoff by forking the repo, editing index.astro, and running npm run build to get a deployable dist folder.
How does AgenceX work?
The template is a standard Astro project: install dependencies with npm install, run npm run dev for a local server at localhost:4321, and build with npm run build. The project structure places all page content in src/pages/index.astro and pulls in components from src/components, with global styles in src/styles/global.css. Astro compiles these into static files in ./dist/ ready for hosting.
