rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #16

Merged
RizqiSyahrendra merged 15 commits from dev into main 2025-03-12 09:09:23 +00:00
Conversation 0 Commits 15 Files Changed 28 +38 -33
2 changed files with 38 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6f1ce1b3b0 - Show all commits

69
src/components/Header.tsx
View File

@ -41,20 +41,13 @@ export default function Header({ links }: { links: typeof navMenuData }) {
return ( return (
<nav className="main-nav dark stick-fixed wow-menubar wch-unset relative"> <nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
<div className="main-nav-sub full-wrapper"> <div className="main-nav-sub full-wrapper">
<div className="nav-logo-wrap local-scroll"> <div className="nav-logo-wrap local-scroll lg:hidden">
<Link href={`/`} className="logo"> <Link href={`/`} className="logo">
<Image <Image
src="/assets/images/demo-slick/logo-dark.webp" src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo" alt="Company Logo"
width={500} width={250}
height={195} height={150}
className="light-mode-logo"
/>
<Image
src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo"
width={500}
height={195}
className="dark-mode-logo" className="dark-mode-logo"
/> />
</Link> </Link>
@ -67,29 +60,41 @@ export default function Header({ links }: { links: typeof navMenuData }) {
{/* Main Menu */} {/* Main Menu */}
<div className="inner-nav desktop-nav"> <div className="inner-nav desktop-nav">
<ul className="clearlist local-scroll"> <ul className="clearlist local-scroll">
<li className="!hidden lg:!block">
<Link href={`/`} className="logo">
<Image
src="/assets/images/demo-slick/logo-dark.webp"
alt="Company Logo"
width={165}
height={100}
className="dark-mode-logo"
/>
</Link>
</li>
<HeaderNav links={links} /> <HeaderNav links={links} />
</ul> <li>
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
<ul className="items-end flex flex-col justify-center h-full"> <div className="flex justify-center">
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2"> <a
<a href="/contact"
href="/contact" className="bg-extColorPrimary6 hover:bg-extColorPrimary8 px-4 py-2 rounded-full text-white font-semibold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-all duration-300"
className="bg-extColorPrimary6 hover:bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-semibold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-all duration-300" >
> REQUEST CONSULTATION
REQUEST CONSULTATION </a>
</a> </div>
<div className="flex justify-between w-full flex-col lg:flex-row"> <div className="flex justify-between w-full flex-col lg:flex-row">
{Object.keys(shareIcons).map((k, idx) => { {Object.keys(shareIcons).map((k, idx) => {
return ( return (
<li key={idx} className="!p-0 !m-0"> <div key={idx} className="!p-0 !m-0">
<a className="cursor-pointer text-white" href={shareIcons[k].link} target="_blank"> <a className="cursor-pointer text-white" href={shareIcons[k].link} target="_blank">
{shareIcons[k].dom} {shareIcons[k].dom}
</a> </a>
</li> </div>
); );
})} })}
</div>
</div> </div>
</div> </li>
</ul> </ul>
</div> </div>

2
src/components/HeaderNav.tsx
View File

@ -125,7 +125,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
</li> </li>
{index != links.length - 1 && ( {index != links.length - 1 && (
<div <div
className="text-white bg-white h-[1px] md:h-[25px] mx-2 opacity-[0.3]" className="text-white bg-white h-[1px] lg:h-[25px] mx-2 opacity-[0.3]"
style={{ border: "1px solid white" }} style={{ border: "1px solid white" }}
/> />
)} )}