1
0
Fork 0
freesewing/sites/shared/components/wordmark.js
2022-10-15 14:26:59 +02:00

27 lines
806 B
JavaScript

import Link from 'next/link'
export const InnerWordMark = () => (
<span style={{ letterSpacing: '-0.14rem' }}>
<span className="text-red-400">F</span>
<span className="text-orange-400">r</span>
<span className="text-yellow-400">e</span>
<span className="text-lime-400">e</span>
<span className="text-green-400">S</span>
<span className="text-cyan-400">e</span>
<span className="text-blue-400">w</span>
<span className="text-indigo-400">i</span>
<span className="text-violet-400">n</span>
<span className="text-purple-400">g</span>
</span>
)
export const WordMark = () => (
<Link href="/">
<a
role="button"
className="btn btn-ghost btn-sm normal-case text-2xl hover:bg-transparent font-bold"
>
<InnerWordMark />
</a>
</Link>
)