56 lines
2.5 KiB
TypeScript
56 lines
2.5 KiB
TypeScript
import { SVGProps } from 'react'
|
|
import { EnvelopeIcon } from '@heroicons/react/20/solid'
|
|
|
|
const navigation = {
|
|
social: [
|
|
{
|
|
name: 'LinkedIn',
|
|
href: 'https://www.linkedin.com/company/ourworld-ventures',
|
|
icon: (props: SVGProps<SVGSVGElement>) => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlSpace="preserve"
|
|
version="1.1"
|
|
viewBox="0 0 382 382"
|
|
className={props.className}
|
|
aria-hidden="true"
|
|
>
|
|
<path
|
|
fill="currentColor"
|
|
d="M347.445 0H34.555C15.471 0 0 15.471 0 34.555v312.889C0 366.529 15.471 382 34.555 382h312.889C366.529 382 382 366.529 382 347.444V34.555C382 15.471 366.529 0 347.445 0M118.207 329.844c0 5.554-4.502 10.056-10.056 10.056H65.345c-5.554 0-10.056-4.502-10.056-10.056V150.403c0-5.554 4.502-10.056 10.056-10.056h42.806c5.554 0 10.056 4.502 10.056 10.056zM86.748 123.432c-22.459 0-40.666-18.207-40.666-40.666S64.289 42.1 86.748 42.1s40.666 18.207 40.666 40.666-18.206 40.666-40.666 40.666M341.91 330.654a9.247 9.247 0 0 1-9.246 9.246H286.73a9.247 9.247 0 0 1-9.246-9.246v-84.168c0-12.556 3.683-55.021-32.813-55.021-28.309 0-34.051 29.066-35.204 42.11v97.079a9.246 9.246 0 0 1-9.246 9.246h-44.426a9.247 9.247 0 0 1-9.246-9.246V149.593a9.247 9.247 0 0 1 9.246-9.246h44.426a9.247 9.247 0 0 1 9.246 9.246v15.655c10.497-15.753 26.097-27.912 59.312-27.912 73.552 0 73.131 68.716 73.131 106.472z"
|
|
></path>
|
|
</svg>
|
|
),
|
|
},
|
|
{
|
|
name: 'Email',
|
|
href: 'mailto:info@ourworld.tf',
|
|
icon: (props: SVGProps<SVGSVGElement>) => (
|
|
<EnvelopeIcon className={props.className} aria-hidden="true" />
|
|
),
|
|
},
|
|
],
|
|
}
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="bg-black">
|
|
<div className="mx-auto max-w-7xl px-6 pb-8 lg:px-8">
|
|
<div className="mt-0 border-t border-white/10 pt-8 md:flex md:items-center md:justify-between">
|
|
<div className="flex gap-x-6 md:order-2">
|
|
{navigation.social.map((item) => (
|
|
<a key={item.name} href={item.href} className="text-gray-400 hover:text-white">
|
|
<span className="sr-only">{item.name}</span>
|
|
<item.icon aria-hidden="true" className="size-6" />
|
|
</a>
|
|
))}
|
|
</div>
|
|
<p className="mt-8 text-sm/6 text-gray-400 md:order-1 md:mt-0">
|
|
© 2025 OurWorld Holdings. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|