veda/www_veda_2025
12
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-25 15:14:48 +02:00
parent 7763052dc9
commit 9db9402d64
11 changed files with 46 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Team.jsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import { H2 } from '@/components/text'
import { H2, PS, PXS, H3, H4 } from '@/components/text'
const people = [
{
@@ -32,10 +32,10 @@ const people = [
<div className="bg-bg-sand py-12 md:py-32 lg:py-12">
<div className="mx-auto grid max-w-7xl grid-cols-1 gap-x-8 gap-y-20 px-6 lg:px-8 xl:grid-cols-3">
<div className="mx-auto max-w-2xl lg:mx-0">
<H2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">OUR PEOPLE</H2>
<p className="mt-6 text-lg leading-8 text-gray-200">
<H2 className="">Our People</H2>
<PS className="">
We are a dynamic family of individuals from diverse cultural backgrounds and varied expertise, united by our passion in spirituality and dedication delivering heartfelt and authentic Nile experiences for our guests.
</p>
</PS>
</div>
<ul
role="list"
@@ -44,27 +44,25 @@ const people = [
{people.map((person) => (
<li key={person.name}>
<img alt="" src={person.imageUrl} className="aspect-[4/4] w-full rounded-2xl object-cover" />
<h3 className="mt-6 text-lg font-semibold leading-8 text-gray-900">{person.name}</h3>
<p className="text-base leading-7 text-gray-200">{person.role}</p>
<p className="mt-4 text-base leading-7 text-gray-200">{person.bio}</p>
<p className="mt-2 text-base leading-7 text-gray-200">{person.bio2}</p>
<p className="mt-2 text-base leading-7 text-gray-200">{person.bio3}</p>
<ul role="list" className="mt-6 flex gap-x-6">
<li>
<a href={person.Url} className="text-gray-400 hover:text-gray-500" target='_blank' rel="noopener noreferrer">
<span className="sr-only">Website</span>
<svg fill="none" stroke='gray' strokeWidth="3" viewBox="0 0 64 64" width="25" height="25">
<path d="M39.93 55.72a24.86 24.86 0 1116.93-23.57 37.24 37.24 0 01-.73 6M37.86 51.1A47 47 0 0132 56.7"></path>
<path d="M32 7a34.14 34.14 0 0111.57 23 34.07 34.07 0 01.09 4.85M32 7a34.09 34.09 0 00-11.69 25.46c0 16.2 7.28 21 11.66 24.24"></path>
<path d="M10.37 19.9L53.75 19.9"></path>
<path d="M32 6.99L32 56.7"></path>
<path d="M11.05 45.48L37.04 45.48"></path>
<path d="M7.14 32.46L56.86 31.85"></path>
<path d="M53.57 57L58 52.56l-8-8 4.55-2.91a.38.38 0 00-.12-.7l-15.29-3.58a.39.39 0 00-.46.46L42 53.41a.39.39 0 00.71.13L45.57 49z"></path>
</svg>
</a>
</li>
</ul>
<div className="flex items-center gap-x-3 mt-6">
<H3 className="flex-1">{person.name}</H3>
<a href={person.Url} className="text-gray-400 hover:text-gray-500" target='_blank' rel="noopener noreferrer">
<span className="sr-only">Website</span>
<svg fill="none" stroke='gray' strokeWidth="3" viewBox="0 0 64 64" width="25" height="25">
<path d="M39.93 55.72a24.86 24.86 0 1116.93-23.57 37.24 37.24 0 01-.73 6M37.86 51.1A47 47 0 0732 56.7"></path>
<path d="M32 7a34.14 34.14 0 0111.57 23 34.07 34.07 0 01.09 4.85M32 7a34.09 34.09 0 00-11.69 25.46c0 16.2 7.28 21 11.66 24.24"></path>
<path d="M10.37 19.9L53.75 19.9"></path>
<path d="M32 6.99L32 56.7"></path>
<path d="M11.05 45.48L37.04 45.48"></path>
<path d="M7.14 32.46L56.86 31.85"></path>
<path d="M53.57 57L58 52.56l-8-8 4.55-2.91a.38.38 0 00-.12-.7l-15.29-3.58a.39.39 0 00-.46.46L42 53.41a.39.39 0 00.71.13L45.57 49z"></path>
</svg>
</a>
</div>
<PS className="font-medium">{person.role}</PS>
<PXS className="mt-4">{person.bio}</PXS>
<PXS className="mt-2">{person.bio2}</PXS>
<PXS className="mt-2">{person.bio3}</PXS>
</li>
))}
</ul>
@@ -72,4 +70,3 @@ const people = [
</div>
)
}