fix: header
This commit is contained in:
parent
01436f46b6
commit
6e231f5485
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user