46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import Link from 'next/link';
|
|
|
|
export default function Header() {
|
|
return (
|
|
<header className='body-font text-gray-600'>
|
|
<div className='container mx-auto flex flex-col flex-wrap items-center p-5 md:flex-row'>
|
|
<Link href='/'>
|
|
<a className='title-font mb-4 flex items-center font-medium text-gray-900 md:mb-0'>
|
|
<svg
|
|
xmlns='http://www.w3.org/2000/svg'
|
|
fill='none'
|
|
stroke='currentColor'
|
|
strokeLinecap='round'
|
|
strokeLinejoin='round'
|
|
strokeWidth={2}
|
|
className='h-10 w-10 rounded-full bg-indigo-500 p-2 text-white'
|
|
viewBox='0 0 24 24'>
|
|
<path d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' />
|
|
</svg>
|
|
<span className='ml-3 text-xl'>Mock SAML</span>
|
|
</a>
|
|
</Link>
|
|
<span className='ml-2 text-sm text-gray-500'>
|
|
Powered by
|
|
<a
|
|
href='https://boxyhq.com/'
|
|
className='ml-1 text-gray-600'
|
|
rel='noopener noreferrer'
|
|
target='_blank'>
|
|
<strong>BoxyHQ</strong>
|
|
</a>
|
|
</span>
|
|
<nav className='flex flex-wrap items-center justify-center text-base md:ml-auto'>
|
|
<a
|
|
className='mr-5 underline hover:text-gray-900'
|
|
href='https://github.com/boxyhq/jackson'
|
|
rel='noopener noreferrer'
|
|
target='_blank'>
|
|
Integrate SAML with a few lines of code
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|