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

fix: header

Browse Source
This commit is contained in:
Val 2025-03-04 18:59:25 +07:00
parent 01436f46b6
commit 6e231f5485
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Header.tsx
View File

@ -5,16 +5,21 @@ import { navMenuData } from "@/data/menu";
import { toggleMobileMenu } from "@/utils/toggleMobileMenu"; import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa"; import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
const shareIcons: Record<string, any> = { const shareIcons: Record<string, any> = {
phone: (
<span className="social-nav flex gap-3 text-2xl lg:text-gray-300">
<FaPhone />
<b className="text-sm">(520) 803-6644</b>
</span>
),
facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />, facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />,
linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />, linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />,
twitter: <FaTwitter className="social-nav text-2xl lg:text-gray-300" />,
}; };
export default function Header({ links }: { links: typeof navMenuData }) { export default function Header({ links }: { links: typeof navMenuData }) {
return ( return (
<nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset"> <nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset relative">
<div className="main-nav-sub full-wrapper"> <div className="main-nav-sub full-wrapper">
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format. {/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
@ -50,21 +55,18 @@ export default function Header({ links }: { links: typeof navMenuData }) {
{/* End Item With Sub */} {/* End Item With Sub */}
</ul> </ul>
<ul className="items-end clearlist"> <ul className="items-end clearlist">
{/* Languages */}
{/* <LanguageSelect /> */}
{/* End Languages */}
<li></li>
</ul>
</div>
<div className="flex mt-4 gap-3">
{Object.keys(shareIcons).map((k, idx) => { {Object.keys(shareIcons).map((k, idx) => {
return ( return (
<a key={idx} className="cursor-pointer" href={"/"} target="_blank"> <li key={idx} className="!p-0 !m-0">
<a className="cursor-pointer" href={"/"} target="_blank">
{shareIcons[k]} {shareIcons[k]}
</a> </a>
</li>
); );
})} })}
</ul>
</div> </div>
{/* End Main Menu */} {/* End Main Menu */}
</div> </div>
</nav> </nav>