Updated the 'about us' page

Signed-off-by: Alex Stan <alex.stan.2010@proton.me>
This commit is contained in:
Alex Stan 2024-06-02 12:00:57 +03:00
parent 1e767da34c
commit 089d1c8f14

View file

@ -1,25 +1,29 @@
import { ClipboardDocumentListIcon, DocumentTextIcon } from '@heroicons/react/24/outline'; import { ClipboardDocumentListIcon, DocumentTextIcon } from '@heroicons/react/24/outline';
import Logo from '../components/logo'; import Logo from '../components/logo';
import TopicCard from '../components/topic_card'; import TopicCard from '../components/topic_card';
{/*Index of peopel and their respective image and title*/} import LinkButton from '../components/link-button';
{/*Index of people and their respective image and title*/}
const people = [ const people = [
{ {
name: 'Andrei Banu', name: 'Andrei Banu',
role: 'UI/UX designer', role: 'UI/UX designer',
imageUrl: imageUrl:
'arch.png', 'arch.png',
email: 'mailto:child1.andy@gmail.com'
}, },
{ {
name: 'Ioan Cristian Chelaru', name: 'Ioan Cristian Chelaru',
role: 'UI/UX designer', role: 'UI/UX designer',
imageUrl: imageUrl:
'blahaj.avif', 'blahaj.avif',
email: 'mailto:iccjoc@proton.me'
}, },
{ {
name: 'Alexandru Gabriel Stan', name: 'Alexandru Gabriel Stan',
role: 'Back end developer', role: 'Backend & UI developer',
imageUrl: imageUrl:
'alex.png', 'alex.png',
email: 'mailto:alex.stan.2010@proton.me'
}, },
// More people... // More people...
] ]
@ -53,7 +57,7 @@ const people = [
<div className="max-w-2xl"> <div className="max-w-2xl">
<h2 className="text-3xl font-bold tracking-tight text-gray-200 sm:text-4xl">Meet our developers</h2> <h2 className="text-3xl font-bold tracking-tight text-gray-200 sm:text-4xl">Meet our developers</h2>
<p className="mt-6 text-lg leading-8 text-gray-200"> <p className="mt-6 text-lg leading-8 text-gray-200">
We are a group of passionate middle schoolers that got togather to hopefully make a difference in the world We are a group of passionate middle schoolers that got together to hopefully make a difference in the world
</p> </p>
</div> </div>
{/*Display people*/} {/*Display people*/}
@ -65,6 +69,7 @@ const people = [
<div> <div>
<h3 className="text-base font-semibold leading-7 tracking-tight text-gray-200">{person.name}</h3> <h3 className="text-base font-semibold leading-7 tracking-tight text-gray-200">{person.name}</h3>
<p className="text-sm font-semibold leading-6 text-indigo-200">{person.role}</p> <p className="text-sm font-semibold leading-6 text-indigo-200">{person.role}</p>
<LinkButton text="Send mail" href={person.email}/>
</div> </div>
</div> </div>
</li> </li>
@ -102,4 +107,4 @@ const people = [
</div> </div>
) )
} }