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

feat: request consultation button

Browse Source
This commit is contained in:
Val 2025-03-10 18:51:11 +07:00
parent 25c8e4f125
commit f3d8e30046
3 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/css/style.css
View File

@ -173,7 +173,7 @@ Primary use: Multipurpose Template
--full-wrapper-margin-x: 30px; --full-wrapper-margin-x: 30px;
--container-width: 1350px; --container-width: 1350px;
--section-padding-y: 50px; --section-padding-y: 50px;
--menu-bar-height: 85px; --menu-bar-height: 130px;
--menu-bar-height-scrolled: 65px; --menu-bar-height-scrolled: 65px;
--color-dark-1: #010101; --color-dark-1: #010101;
--color-dark-2: #171717; --color-dark-2: #171717;

BIN
public/assets/icons/phone.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 334 B

18
src/components/Header.tsx
View File

@ -5,14 +5,14 @@ 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, FaPhone } from "react-icons/fa"; import { FaFacebook, FaLinkedin } from "react-icons/fa";
const shareIcons: Record<string, any> = { const shareIcons: Record<string, any> = {
phone: { phone: {
link: "tel:+15208036644", link: "tel:+15208036644",
dom: ( dom: (
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]"> <span className="social-nav flex gap-1 text-2xl lg:text-[#00898b]">
<FaPhone /> <Image src="/assets/icons/phone.png" alt="Image Description" width={25} height={25} />
<b className="text-sm">(520) 803-6644</b> <b className="text-sm">(520) 803-6644</b>
</span> </span>
), ),
@ -74,7 +74,15 @@ export default function Header({ links }: { links: typeof navMenuData }) {
<HeaderNav links={links} /> <HeaderNav links={links} />
{/* End Item With Sub */} {/* End Item With Sub */}
</ul> </ul>
<ul className="items-end clearlist"> <ul className="items-end clearlist flex flex-col justify-center h-full">
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
<a
href="/contact"
className="bg-[#00898b] px-3 py-2 rounded-full text-white font-bold hover:cursor-pointer hover:bg-[#00abad] scale-[1.02] mt-3 lg:mt-0"
>
REQUEST CONSULTATION
</a>
<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"> <li key={idx} className="!p-0 !m-0">
@ -84,6 +92,8 @@ export default function Header({ links }: { links: typeof navMenuData }) {
</li> </li>
); );
})} })}
</div>
</div>
</ul> </ul>
</div> </div>