LogoA Template
icon of agency-landing-page-Astrojs

agency-landing-page-Astrojs

Astrojs and TailwindCSS based agency landing page template, designed for digital agencies to showcase their services and portfolio.

Introduction

AgenceX Landing page

A simple landing page for a digital agency

Tools
  • TailwindCSS v3
  • AstroJs v5
šŸš€ Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
ā”œā”€ā”€ public/
│   ā”œā”€ā”€ images/
│   ā”œā”€ā”€ logos/*
│   └── favicon.svg
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ components/
│   │   ā”œā”€ā”€ blocks/*
│   │   ā”œā”€ā”€ cards/*
│   │   ā”œā”€ā”€ elements/*
│   │   ā”œā”€ā”€ sections/*
│   │   ā”œā”€ā”€ shared/*
│   ā”œā”€ā”€ layouts/
│   │   └── Layout.astro
│   └── pages/
│       └── index.astro
ā”œā”€ā”€ package.json
└── tailwind.config.cjs
šŸ§ž Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run astro ...Run CLI commands like astro add, astro check
npm run astro --helpGet help using the Astro CLI
A template
Copy badages awards

Newsletter For A Template

Join the Community For A Template

Subscribe to A Template newsletter for the latest news and updates