diff --git a/assets/index.ts b/assets/index.ts index 827f11e..8b45778 100644 --- a/assets/index.ts +++ b/assets/index.ts @@ -66,6 +66,16 @@ import tealWorkers from "../public/images/teal-workers.svg"; import tealAwards from "../public/images/teal-awards.svg"; import tealWorkspace from "../public/images/teal-workspace.svg"; import okay from "../public/images/okay.svg"; +import duration from "../public/images/duration.svg"; +import linkedInTeal from "../public/images/linkedinTeal.svg"; +import githubTeal from "../public/images/githubTeal.svg"; +import twitterTeal from "../public/images/twitterTeal.svg"; +import discordTeal from "../public/images/discordTeal.svg"; +import crossTeal from "../public/images/crossTeal.svg"; +import locationTealCont from "../public/images/locationTealCont.svg"; +import tealMobileCont from "../public/images/tealMobileCont.svg"; +import mailTealCont from "../public/images/mailTealCont.svg"; +import mail from "../public/images/mail.svg"; // Assets for technologies components @@ -237,4 +247,14 @@ export { tealAwards, tealWorkspace, okay, + duration, + linkedInTeal, + githubTeal, + twitterTeal, + discordTeal, + crossTeal, + locationTealCont, + tealMobileCont, + mailTealCont, + mail, }; diff --git a/components/Footer.tsx b/components/Footer.tsx index 0f8dd7a..7470647 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -5,11 +5,16 @@ import { useRouter } from "next/router"; import { location, logo, phone } from "../assets"; import AnimatedBorder from "./AnimatedBorder"; -import { footerButtons, socialMediaHandles } from "../helper/constant"; +import { + footerButtons, + socialMediaHandles, + socialMediaTealIcons, +} from "../helper/constant"; const Footer = () => { const [onHover, setOnHover] = useState(false); const [hoverOnMob, setHoverOnMob] = useState(false); + const [hoverOnSocialMedia, setHoverOnSocialMedia] = useState(false); const router = useRouter(); const handleNavigate = (href: string) => { @@ -44,17 +49,21 @@ const Footer = () => {
{socialMediaHandles.map((item, i) => ( {item.src} { window.open(item.url, "_blank"); }} + onMouseEnter={() => setHoverOnSocialMedia(i)} + onMouseLeave={() => setHoverOnSocialMedia(false)} /> ))}
-
+
location { })}
-

+

Copyright ©2022 | Koders. All rights reserved.

diff --git a/components/InputBox.tsx b/components/InputBox.tsx index b4ed4e8..80dd15a 100644 --- a/components/InputBox.tsx +++ b/components/InputBox.tsx @@ -9,6 +9,7 @@ interface Props { styling?: string; errorText?: any; onBlur?: (props: any) => void; + id?: string; } const InputBox = ({ @@ -20,24 +21,26 @@ const InputBox = ({ type, errorText, onBlur, + id, }: Props) => { return (
{errorText}
); diff --git a/components/Navbar.tsx b/components/Navbar.tsx index 8605257..1b5223f 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -33,7 +33,7 @@ const Navbar = () => {