add links for header

This commit is contained in:
NCanggoro 2023-09-17 16:26:20 +07:00
parent bd6baa69a5
commit 976cdd1fc3
3 changed files with 10 additions and 6 deletions

View File

@ -30,7 +30,9 @@ function Header() {
return (
<header>
<div className="flex flex-row content">
<a href={"/"}>
<h1 className={`title ${dropdown ? 'title-dropdown' : ""}`}>Hilingin</h1>
</a>
<form onSubmit={onSearchSubmit} className={`search-input ${dropdown ? "search-input-dropdown" : ""}`}>
<label>
<input
@ -50,11 +52,11 @@ function Header() {
{dropdown &&
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Home</a>
}
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Best places</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a>
<a href="/best-places" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Top Places</a>
<a href="/discover" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Trending Places</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a>
<a href="/stories" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a>
<a href="/news-events" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Forum</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Sign in</a>
</div>

View File

@ -99,7 +99,7 @@ label:before {
.navLink {
padding: 0px 30px;
font-size: 14px;
font-size: 0.8em;
}

View File

@ -1,9 +1,11 @@
import Header from "./Header";
import SeparatorWithAnchor from "./Separator/WithAnchor";
import DefaultSeparator from "./Separator/Default";
import Footer from './Footer/';
export {
Header,
SeparatorWithAnchor,
DefaultSeparator,
Footer
}