diff --git a/src/assets/images/Navicons/security.png b/src/assets/images/Navicons/security.png new file mode 100644 index 0000000..f238482 Binary files /dev/null and b/src/assets/images/Navicons/security.png differ diff --git a/src/assets/images/Navicons/telecom.png b/src/assets/images/Navicons/telecom.png new file mode 100644 index 0000000..dfb692a Binary files /dev/null and b/src/assets/images/Navicons/telecom.png differ diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx index f34284b..2bbec10 100644 --- a/src/components/NavBar/NavBar.jsx +++ b/src/components/NavBar/NavBar.jsx @@ -30,6 +30,8 @@ import fintechIcon from "../../assets/images/Navicons/fintechIcon.png"; import adTech from "../../assets/images/Navicons/adTech.png"; import marTech from "../../assets/images/Navicons/marTech.png"; import healthTech from "../../assets/images/Navicons/healthTech.png"; +import security from "../../assets/images/Navicons/security.png"; +import telecom from "../../assets/images/Navicons/telecom.png"; const NavBar = () => { const [isScrolled, setIsScrolled] = useState(false); @@ -491,7 +493,7 @@ const NavBar = () => { borderRadius={"10px"} border={"none"} padding={"1rem"} - width={"70%"} + width={"55%"} margin={"0 auto"} _focus={{ boxShadow: "none", @@ -610,7 +612,7 @@ const NavBar = () => { gap={"1rem"} marginBottom={"1rem"} > - + Identity and Security @@ -632,7 +634,7 @@ const NavBar = () => { gap={"1rem"} marginBottom={"1rem"} > - + Telecom