move some pigs around and add a glowing neon friend

web/src/components/layout/Footer.tsx

@@ -1,15 +1,9 @@
-"use client";
 import Link from "next/link";
 import styles from "./footer.module.scss";
+import { NeonChillPig } from "../general/pigs/fun/NeonChillPig";
+import { ToTop } from "./ToTop";
 
 export const Footer = () => {
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth",
-    });
-  };
-
   return (
     <footer className={styles.footer}>
       <div className={styles.contact}>
@@ -79,7 +73,8 @@ export const Footer = () => {
           </li>
         </ul>
       </div>
-      <button onClick={scrollToTop}>Til toppen</button>
+      <NeonChillPig />
+      <ToTop />
     </footer>
   );
 };

web/src/components/layout/ToTop.tsx

@@ -0,0 +1,12 @@
+"use client";
+import { useInView } from "react-intersection-observer";
+
+export const ToTop = () => {
+  const scrollToTop = () => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth",
+    });
+  };
+  return <button onClick={scrollToTop}>Til toppen</button>;
+};