Britton/next-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

homepage/landing pages 'done', dashboard started

Browse Source
This commit is contained in:
Jason Jordan
2025-07-16 17:27:22 -04:00
parent f16a4fd49a
commit 2bd7ce94fe
22 changed files with 866 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Navbar.tsx
+22 -18
View File
@@ -5,7 +5,6 @@ import classnames from 'classnames';
import Link from 'next/link';
import Button from './Button';
import Image from 'next/image';
import Dropdown from "./Dropdown";
export interface MenuItem {
id: string;
@@ -97,16 +96,16 @@ const Navbar = () => {
}, []);
return (
<nav className="sticky top-0 left-0 z-10 hidden md:flex h-[85px] justify-center bg-transparent">
<nav className="fixed top-0 left-0 z-10 hidden md:flex w-full h-[85px] justify-center bg-transparent">
<div className={classnames(
"w-11/12 bg-britton-neutral px-1 text-britton-dark rounded-b-3xl", {
"w-11/12 bg-platinum px-1 text-deepcove rounded-b-3xl", {
"h-13 pb-1 border-b-2 border-x-2 border-black" : isScrolled,
"h-full pb-4" : !isScrolled
}
)}
>
<div className="w-full px-3 justify-between items-center flex">
<div className={classnames('rounded-b-2xl bg-britton-dark w-72', {"hidden" : isScrolled})}>
<div className={classnames('rounded-b-2xl bg-deepcove w-72', {"hidden" : isScrolled})}>
<Image
src="/images/bbstpa-forsite.png"
alt="Britton Logo"
@@ -114,34 +113,34 @@ const Navbar = () => {
height={60}
/>
</div>
<div className={classnames('rounded-b-2xl py-2 mb-1 bg-britton-dark font-semibold text-britton-neutral text-center text-lg uppercase w-72', {"hidden" : !isScrolled})}>
<div className={classnames('rounded-b-2xl py-2 mb-1 bg-deepcove font-semibold text-platinum text-center text-lg uppercase w-72', {"hidden" : !isScrolled})}>
<Link href="/">
Britton Benefit Services
</Link>
</div>
<ul className={classnames("flex space-x-4 font-semibold text-xl", {"pl-2" : isScrolled})}>
<li>
<Link href="/" className="hover:text-britton-light">
Employers
</Link>
</li>
<li>
<Link href="/" className="hover:text-britton-light">
<Link href="/members" className="hover:text-bluemana">
Members
</Link>
</li>
<li>
<Link href="/" className="hover:text-britton-light">
<Link href="/employers" className="hover:text-bluemana">
Employers
</Link>
</li>
<li>
<Link href="/" className="hover:text-bluemana">
Providers
</Link>
</li>
<li>
<Link href="/" className="hover:text-britton-light">
<Link href="/" className="hover:text-bluemana">
Brokers
</Link>
</li>
<li>
<Link href="/" className="hover:text-britton-light">
<Link href="/" className="hover:text-bluemana">
Services
</Link>
</li>
@@ -152,17 +151,22 @@ const Navbar = () => {
(
<Dropdown item={item} />
) : (
<Link className="hover:text-britton-light" href={item?.route || ""}>
<Link className="hover:text-bluemana" href={item?.route || ""}>
{item.title}
</Link>
);
})}
</div> */}
<div className={classnames("flex space-x-2 font-semibold", {"pt-1" : isScrolled})}>
<Button className="bg-britton-neutral text-britton-accent2 hover:text-britton-accent py-1 px-4 rounded border-1 border-britton-accent2 hover:border-britton-accent">
<Link href="/dashboard/broker" passHref>
<button className="bg-platinum text-copper hover:text-bronze py-1 px-4 rounded border-1 border-copper hover:border-bronze">
Sign In
</button>
</Link>
{/* <Button href="" className="bg-platinum text-copper hover:text-bronze py-1 px-4 rounded border-1 border-copper hover:border-bronze">
Sign In
</Button>
<Button className="bg-britton-dark hover:bg-britton-medium text-britton-light py-1 px-4 rounded">
</Button> */}
<Button className="bg-deepcove hover:bg-bluetang text-bluemana py-1 px-4 rounded">
Get a Quote
</Button>
</div>