From 947c876536a6c6838f8bafa6bdbc1514372c039e Mon Sep 17 00:00:00 2001
From: Aditya Khatri <adityakhatri47@gmail.com>
Date: Wed, 27 Dec 2023 10:21:44 +0545
Subject: [PATCH] Open blogs in external links

---
 src/components/general/Footer/index.tsx |  7 +++++--
 src/components/general/Navbar/index.tsx | 16 ++++++++++++----
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/general/Footer/index.tsx b/src/components/general/Footer/index.tsx
index 423948e..b4ad85c 100644
--- a/src/components/general/Footer/index.tsx
+++ b/src/components/general/Footer/index.tsx
@@ -83,9 +83,12 @@ function Footer(props: Props) {
                     <Link href="/careers" passHref>
                         <span className={styles.linkHover}>Career</span>
                     </Link>
-                    <Link href="https://blog.togglecorp.com" passHref>
+                    <a
+                        href="https://blog.togglecorp.com"
+                        target="_blank"
+                    >
                         <span className={styles.linkHover}>Blogs and Resources</span>
-                    </Link>
+                    </a>
                     <Link href="/contact-us" passHref>
                         <span className={styles.linkHover}>Contact</span>
                     </Link>
diff --git a/src/components/general/Navbar/index.tsx b/src/components/general/Navbar/index.tsx
index bfd7ba6..87a45fc 100644
--- a/src/components/general/Navbar/index.tsx
+++ b/src/components/general/Navbar/index.tsx
@@ -99,9 +99,13 @@ function Navbar(props: NavProps) {
                     <NavLink href="/careers">
                         Career
                     </NavLink>
-                    <NavLink href="https://blog.togglecorp.com">
+                    <a
+                        className={styles.navLink}
+                        href="https://blog.togglecorp.com"
+                        target="_blank"
+                    >
                         Blogs
-                    </NavLink>
+                    </a>
                     <NavLink href="/about-us">
                         About
                     </NavLink>
@@ -129,9 +133,13 @@ function Navbar(props: NavProps) {
                 <NavLink href="/careers">
                     Career
                 </NavLink>
-                <NavLink href="https://blog.togglecorp.com">
+                <a
+                    className={styles.navLink}
+                    href="https://blog.togglecorp.com"
+                    target="_blank"
+                >
                     Blogs
-                </NavLink>
+                </a>
                 <NavLink href="/about-us">
                     About
                 </NavLink>