ad
This commit is contained in:
parent
41954caa38
commit
cf7b7984c2
@ -35,28 +35,22 @@ export function PeopleHero() {
|
||||
<h3 className="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900 hover:text-indigo-600 cursor-pointer">{person.name}</h3>
|
||||
</Link>
|
||||
<p className="text-base/7 text-gray-600">{person.role}</p>
|
||||
<ul role="list" className="mt-6 flex gap-x-6">
|
||||
<li>
|
||||
<a href={person.xUrl} className="text-gray-400 hover:text-gray-500">
|
||||
<span className="sr-only">X</span>
|
||||
<svg fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" className="size-5">
|
||||
<path d="M11.4678 8.77491L17.2961 2H15.915L10.8543 7.88256L6.81232 2H2.15039L8.26263 10.8955L2.15039 18H3.53159L8.87581 11.7878L13.1444 18H17.8063L11.4675 8.77491H11.4678ZM9.57608 10.9738L8.95678 10.0881L4.02925 3.03974H6.15068L10.1273 8.72795L10.7466 9.61374L15.9156 17.0075H13.7942L9.57608 10.9742V10.9738Z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={person.linkedinUrl} className="text-gray-400 hover:text-gray-500">
|
||||
<span className="sr-only">LinkedIn</span>
|
||||
<svg fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" className="size-5">
|
||||
<path
|
||||
d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z"
|
||||
clipRule="evenodd"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{person.linkedinUrl && person.linkedinUrl !== '#' && (
|
||||
<ul role="list" className="mt-6 flex gap-x-6">
|
||||
<li>
|
||||
<a href={person.linkedinUrl} className="text-gray-400 hover:text-gray-500">
|
||||
<span className="sr-only">LinkedIn</span>
|
||||
<svg fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" className="size-5">
|
||||
<path
|
||||
d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z"
|
||||
clipRule="evenodd"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
|
@ -1,4 +1,3 @@
|
||||
import { CameraIcon } from '@heroicons/react/20/solid'
|
||||
import { PersonData } from '@/lib/peopleData'
|
||||
|
||||
interface PersonTemplateProps {
|
||||
@ -50,10 +49,6 @@ export function PersonTemplate({ personData, biography }: PersonTemplateProps) {
|
||||
height={1376}
|
||||
className="aspect-12/7 w-full rounded-lg object-cover shadow-lg lg:aspect-auto"
|
||||
/>
|
||||
<figcaption className="mt-3 flex text-sm text-gray-500">
|
||||
<CameraIcon aria-hidden="true" className="size-5 flex-none text-gray-400" />
|
||||
<span className="ml-2">Professional Photo</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -6,7 +6,7 @@ export const data = [
|
||||
role: 'Finance Manager',
|
||||
imageUrl: '/images/people/alexandre_hannelas/alexandre_hannelas.jpeg',
|
||||
xUrl: '#',
|
||||
linkedinUrl: '#',
|
||||
linkedinUrl: 'https://www.linkedin.com/in/alexandre-hannelas-741681112/',
|
||||
},
|
||||
]
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user