feat: add team page

Author: renanfranca

.vitepress/config.mts

@@ -11,6 +11,7 @@ export default defineConfig({
       { text: 'Home', link: '/' },
       { text: 'Guide', link: '/docs/guide/getting-started' },
       { text: 'Use Cases', link: '/docs/use-cases/list' },
+      { text: 'Team', link: '/docs/team'}
     ],
     sidebar: [
       {

.vitepress/data/team.ts

@@ -0,0 +1,60 @@
+import type { DefaultTheme } from 'vitepress';
+
+export const coreTeam: DefaultTheme.TeamMember[] = [
+  {
+    avatar: '/team/aurelienmino.png',
+    name: 'Aurélien Mino',
+    title: 'Core Team',
+    links: [
+      { icon: 'github', link: 'https://github.com/murdos' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/amino/' },
+      { icon: 'mastodon', link: 'https://mastodon.social/@AurelienMino' },
+      { icon: 'x', link: 'https://x.com/AurelienMino' },
+    ],
+  },
+  {
+    avatar: '/team/colindamon.png',
+    name: 'Colin Damon',
+    title: 'Core Team',
+    links: [
+      { icon: 'github', link: 'https://github.com/damnclin' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/colin-damon/' },
+    ],
+  },
+  {
+    avatar: '/team/qmonmert.png',
+    name: 'Quentin Monmert',
+    title: 'Core Team',
+    links: [
+      { icon: 'github', link: 'https://github.com/qmonmert' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/quentin-monmert-65038438/' },
+      { icon: 'x', link: 'https://x.com/quentinmonmert' },
+    ],
+  },
+  {
+    avatar: '/team/pascalgrimaud.png',
+    name: 'Pascal Grimaud',
+    title: 'Core Team',
+    links: [
+      { icon: 'github', link: 'https://github.com/pascalgrimaud' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/pascalgrimaud/' },
+      { icon: 'x', link: 'https://x.com/pascalgrimaud' },
+    ],
+  },
+  {
+    avatar: '/team/renanfranca.png',
+    name: 'Renan Franca',
+    title: 'Core Team',
+    links: [
+      { icon: 'github', link: 'https://github.com/renanfranca' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/renan-af/' },
+      {
+        icon: {
+          svg: '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" class="StyledIconBase-sc-ea9ulj-0 devAbe"><circle cx="12" cy="12" r="10"></circle><line x1="2" x2="22" y1="12" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>',
+        },
+        link: 'https://renanfranca.github.io/about.html',
+        ariaLabel: 'My Blog'
+      }
+    ],
+  },
+];

.vitepress/theme/components/TeamPage.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import {
+  VPTeamMembers,
+  VPTeamPage,
+  VPTeamPageTitle,
+} from 'vitepress/theme';
+import { coreTeam } from '../../data/team';
+</script>
+
+<template>
+  <VPTeamPage>
+    <VPTeamPageTitle>
+      <template #title>Meet the Team</template>
+      <template #lead>
+        The development of Seed4J is guided by Software Craftsmanship principles.
+      </template>
+    </VPTeamPageTitle>
+
+    <VPTeamMembers :members="coreTeam" />
+  </VPTeamPage>
+</template>

.vitepress/theme/index.ts

@@ -3,6 +3,7 @@ import type { Theme } from 'vitepress';
 import DefaultTheme from 'vitepress/theme';
 import { h } from 'vue';
 import HomePage from './components/HomePage.vue';
+import TeamPage from './components/TeamPage.vue';
 import './style.css';
 
 export default {
@@ -13,4 +14,7 @@ export default {
       'home-features-after': () => h(HomePage),
     });
   },
+  enhanceApp({ app, router, siteData }) {
+    app.component('TeamPage', TeamPage);
+  },
 } satisfies Theme;

docs/team.md

@@ -0,0 +1,7 @@
+---
+layout: page
+title: Team
+description: The Core Team.
+---
+
+<TeamPage />