diff --git a/components/menu.tsx b/components/menu.tsx
index 0992811..5950212 100644
--- a/components/menu.tsx
+++ b/components/menu.tsx
@@ -3,6 +3,7 @@ import Image from 'next/image';
import styles from '../styles/components/Menu.module.css';
import Link from 'next/link';
import logo from "../public/img/logoblue.png";
+import ThemeToggle from './themetoggle';
export default function Menu() {
return (
@@ -21,6 +22,7 @@ export default function Menu() {
Showcase
Services
Contact
+
diff --git a/components/themetoggle.tsx b/components/themetoggle.tsx
new file mode 100644
index 0000000..fd83cda
--- /dev/null
+++ b/components/themetoggle.tsx
@@ -0,0 +1,24 @@
+import styles from '../styles/components/Buttons.module.css';
+import Link from 'next/link'
+import { useState, useEffect } from "react";
+
+export default function ThemeToggle() {
+ const [activeTheme, setActiveTheme] = useState("light");
+ const inactiveTheme = activeTheme === "light" ? "dark" : "light";
+
+ useEffect(() => {
+ const savedTheme = window.localStorage.getItem("theme");
+ savedTheme && setActiveTheme(savedTheme);
+ }, []);
+
+ useEffect(() => {
+ document.body.dataset.theme = activeTheme;
+ window.localStorage.setItem("theme", activeTheme);
+ }, [activeTheme]);
+
+ return (
+ setActiveTheme(inactiveTheme)} href="#">
+ 🌙
+
+ )
+}
\ No newline at end of file
diff --git a/pages/index.tsx b/pages/index.tsx
index ac4584c..0dea913 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -55,7 +55,7 @@ export default function Home() {
Service focused
{"We can always work something out, even if what you need is not technically in our range of offerings. "}
- {"Our mission is to help make you succeed and own the IT space, no matter what that might be."}
+ {"Our mission is to help make you succeed and own the IT space."}
@@ -96,8 +96,8 @@ export default function Home() {
Flexible and versatile
- {"We work with a large range of technologies so we can fit your needs. "}
- {"We're not afraid to try out new things if the situation calls for it either."}
+ {"We work with a large range of technologies, "}
+ {"but we're not afraid to try out new things if the situation calls for it either."}
@@ -114,12 +114,12 @@ export default function Home() {
-
+
{" The site is amazing, the work that went into this is incredible. "}
{" The look and small details make it so amazing. "}
{" I highly recommend getting yourself a sight made by DubbelNull, their talent is outstanding and the customer service was amazing. "}
{" They were always there to answer any questions I had and were happy to change the things I wanted. "}
-
+
-
- {" Wheter it is PHP Laravel, NodeJS Nextjs or even Wordpress, we can do it. Wheter it is PHP Laravel, NodeJS Nextjs or even Wordpress, we can do it. Wheter it is PHP Laravel, NodeJS Nextjs or even Wordpress, we can do it. "}
-
+
+ {" The site is amazing, the work that went into this is incredible. "}
+ {" The look and small details make it so amazing. "}
+ {" I highly recommend getting yourself a sight made by DubbelNull, their talent is outstanding and the customer service was amazing. "}
+ {" They were always there to answer any questions I had and were happy to change the things I wanted. "}
+