diff --git a/index.html b/index.html index d9079a1..71b1474 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,16 @@ - - - - - Nacto Care - - -
- - - + + + + + + Nacto Care + + + +
+ + + + \ No newline at end of file diff --git a/public/assets/Nacto-Care-Logo/Nacto-CARE-LOGO-BG.svg b/public/assets/Nacto-Care-Logo/Nacto-CARE-LOGO-BG.svg new file mode 100644 index 0000000..9226fb0 --- /dev/null +++ b/public/assets/Nacto-Care-Logo/Nacto-CARE-LOGO-BG.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/assets/Nacto-Care-Logo/Nacto-CARE LOGO.svg b/public/assets/Nacto-Care-Logo/Nacto-CARE-LOGO.svg similarity index 100% rename from public/assets/Nacto-Care-Logo/Nacto-CARE LOGO.svg rename to public/assets/Nacto-Care-Logo/Nacto-CARE-LOGO.svg diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx index a673824..6208126 100644 --- a/src/components/Header/Header.jsx +++ b/src/components/Header/Header.jsx @@ -4,7 +4,7 @@ import MenuOverlay from "./MenuOverlay"; import { FaXmark } from "react-icons/fa6"; import '../../index.css' import { ThemeContext } from "../../main"; -import {Switch} from "antd"; +import { Switch } from "antd"; const navLinks = [ { @@ -31,11 +31,11 @@ const navLinks = [ function Header() { const [isNavBarOpen, setIsNavBarOpen] = useState(false); - const { theme, toggleTheme } = useContext(ThemeContext); + const { theme, toggleTheme } = useContext(ThemeContext); const [themes, setThemes] = useState("light"); const handleThemeChange = () => { - toggleTheme(); + toggleTheme(); setThemes((prevTheme) => (prevTheme === "light" ? "dark" : "light")); }; @@ -44,7 +44,7 @@ function Header() {
- Logo + Logo
@@ -53,12 +53,10 @@ function Header() { - `cursor-pointer ${ - theme === "dark" ? "text-white" : "text-gray-800" - } ${ - isActive - ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" - : "text-gray-500" + `cursor-pointer ${theme === "dark" ? "text-white" : "text-gray-800" + } ${isActive + ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" + : "text-gray-500" } hover:text-green-500` } > @@ -67,32 +65,28 @@ function Header() {
  • - - `cursor-pointer transition-all ${ - theme === "dark" ? "text-white" : "text-gray-800" - } ${ - isActive - ? `${theme === "dark" ? "text-white" : "text-black"} nav-link-active` - : "text-gray-500" - } hover:text-green-500` - } - > - Careers - -
    • + + `cursor-pointer transition-all ${theme === "dark" ? "text-white" : "text-gray-800" + } ${isActive + ? `${theme === "dark" ? "text-white" : "text-black"} nav-link-active` + : "text-gray-500" + } hover:text-green-500` + } + > + Careers + +
  • - `cursor-pointer ${ - theme === "dark" ? "text-white" : "text-gray-800" - } ${ - isActive - ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" - : "text-gray-500" + `cursor-pointer ${theme === "dark" ? "text-white" : "text-gray-800" + } ${isActive + ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" + : "text-gray-500" } transition-all hover:text-green-500` } > @@ -104,12 +98,10 @@ function Header() { - `cursor-pointer ${ - theme === "dark" ? "text-white" : "text-gray-800" - } ${ - isActive - ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" - : "text-gray-500" + `cursor-pointer ${theme === "dark" ? "text-white" : "text-gray-800" + } ${isActive + ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" + : "text-gray-500" } transition-all hover:text-green-500` } > @@ -121,12 +113,10 @@ function Header() { - `cursor-pointer ${ - theme === "dark" ? "text-white" : "text-gray-800" - } ${ - isActive - ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" - : "text-gray-500" + `cursor-pointer ${theme === "dark" ? "text-white" : "text-gray-800" + } ${isActive + ? "text-black underline decoration-green-500 underline-offset-[0.5rem] decoration-2" + : "text-gray-500" } transition-all hover:text-green-500` } > @@ -166,7 +156,7 @@ function Header() { Signup
    • - +
    {isNavBarOpen && (