initial commit
This commit is contained in:
parent
60ed5888fa
commit
77990f0708
23 changed files with 483 additions and 121 deletions
18
app/components/Header.tsx
Normal file
18
app/components/Header.tsx
Normal file
|
@ -0,0 +1,18 @@
|
|||
import Link from 'next/link'
|
||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||||
import { faLink, faHouse, faUser, faPhone } from '@fortawesome/free-solid-svg-icons'
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
<header className="bg-gray-800">
|
||||
<nav className="container mx-auto px-4 py-6">
|
||||
<ul className="flex space-x-6">
|
||||
<li><Link href="/" className="text-gray-300 hover:text-white transition-colors"><FontAwesomeIcon icon={faHouse} className="text-md mr-1" /> Home</Link></li>
|
||||
<li><Link href="/about" className="text-gray-300 hover:text-white transition-colors"><FontAwesomeIcon icon={faUser} className="text-md mr-1" /> About</Link></li>
|
||||
<li><Link href="/contact" className="text-gray-300 hover:text-white transition-colors"><FontAwesomeIcon icon={faPhone} className="text-md mr-1" /> Contact</Link></li>
|
||||
<li><Link href="/domains" className="text-gray-300 hover:text-white transition-colors"><FontAwesomeIcon icon={faLink} className="text-md mr-1" /> Domains</Link></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
)
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue