Skip to content

Update Navbar #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Jerryzjx wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update Navbar #7

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 25 additions & 16 deletions components/shop/Navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,30 +8,39 @@ export default function Navbar() {
<div className="flex items-center">
<Image src="/img/logo-light-mode.png" alt="Electrium Mobility" width={165} height={50}/>
</div>
<div className="space-x-4">
<div className="space-x-10">
<Link href="https://electriummobility.com/about"
className="text-gray-600 hover:text-gray-900">About</Link>
className="font-extralight text-lg text-gray-900 hover:text-green-600 hover: transition ease-in-out duration-300">About</Link>
<Link href="https://electriummobility.com/team"
className="text-gray-600 hover:text-gray-900">Team</Link>
className="font-extralight text-lg text-gray-900 hover:text-green-600 hover: transition ease-in-out duration-300">Team</Link>
<Link href="https://electriummobility.com/docs/W2024-projects/project1_2023"
className="text-gray-600 hover:text-gray-900">Projects</Link>
className="font-extralight text-lg text-gray-900 hover:text-green-600 hover: transition ease-in-out duration-300">Projects</Link>
<Link href="https://electriummobility.com/sponsors"
className="text-gray-600 hover:text-gray-900">Sponsors</Link>
<Link href="" className="text-gray-600 hover:text-gray-900">Shop</Link>
className="font-extralight text-lg text-gray-900 hover:text-green-600 hover: transition ease-in-out duration-300">Sponsors</Link>
<Link href="" className="font-extralight text-lg text-green-600 hover:text-green-600">Shop</Link>
<Link href="https://electriummobility.com/contact"
className="text-gray-600 hover:text-gray-900">Contact</Link>
className="font-extralight text-lg text-gray-900 hover:text-green-600 hover: transition ease-in-out duration-300">Contact</Link>
</div>
<div className="flex items-center space-x-4">
<button className="bg-blue-500 text-white px-4 py-2 rounded">Join Our Team</button>
<button className="text-blue-500 border border-blue-500 px-4 py-2 rounded">Donate</button>
<Link href="/cart" className="text-gray-600 hover:text-gray-900">
<i className="fas fa-shopping-cart"></i>
</Link>
<button className="text-gray-600 hover:text-gray-900">
<i className="fas fa-sun"></i>
</button>
<a href="https://electriummobility.com/join-our-team">
<button
className="bg-green-600 text-white px-4 py-2 rounded hover:bg-white hover:text-green-600 hover: border border-green-600 hover: transition ease-in-out duration-300">Join
Our Team
</button>
</a>
<a href="https://imodules.uwaterloo.ca/s/1802/21/form.aspx?sid=1802&gid=2&pgid=1266&cid=3030&bledit=1&dids=296">
<button
className="text-green-600 border border-green-600 px-4 py-2 rounded hover:bg-green-600 hover:text-white hover: transition ease-in-out duration-300">Donate
</button>
</a>
<Link href="/cart" className="text-gray-600 hover:text-gray-900">
<i className="fas fa-shopping-cart"></i>
</Link>
<button className="text-gray-600 hover:text-gray-900">
<i className="fas fa-sun"></i>
</button>
</div>
</nav>
</header>
);
);
}