Sections

Team Grid Section

Leadership & team showcase section with profile cards, social links, and open positions hiring banner.

teampeopleleadershiphiringsocial
Live Preview
Our Team

Built by Engineers, Designers & Open Source Believers

Meet the passionate team behind the Astro Components Kit, crafting tools to elevate modern web interfaces.

AM

Alexandre Moreau

Lead Architect & Founder

Passionate about zero-runtime systems and developer experience.

ER

Elena Rostova

Head of Design & UI/UX

Design systems veteran specializing in dark-mode glassmorphism and WCAG compliance.

LC

Liam Chen

Senior 3D & Graphics Engineer

Creator of the WebGL and Three.js shader particle background engines.

SM

Sophia Martinez

Core Maintainer & DX Lead

Obsessed with strict TypeScript typings, automated testing, and bundling performance.

WE ARE HIRING

Want to help shape the future of Astro components?

We are looking for frontend wizards, designers, and open-source contributors.

View Open Roles →

Usage

Copy and paste this code into your Astro page:

astro 
---
import { TeamGridSection } from 'astro-component-kit';
---

<TeamGridSection />
--- import { TeamGridSection } from 'astro-component-kit'; --- <TeamGridSection />

Manual Installation

If you are not using the npm package, create a new file src/components/sections/TeamGridSection.astro and paste the following code:

astro 
---
import { TeamGridSection } from 'astro-component-kit';
---

<TeamGridSection 
  badge="Our Team"
  title="Built by Engineers, Designers & Open Source Believers"
/>
--- import { TeamGridSection } from 'astro-component-kit'; --- <TeamGridSection badge="Our Team" title="Built by Engineers, Designers & Open Source Believers" />