From eecd5433c1c8c9477f809d039018211052e4f442 Mon Sep 17 00:00:00 2001
From: KaroGil <karolinkagil@gmail.com>
Date: Sun, 30 Mar 2025 00:03:50 +0100
Subject: [PATCH 1/2] color wrong ops

---
 app/careers/[slug]/page.tsx | 2 +-
 app/careers/page.tsx        | 6 ++++--
 components/footer.tsx       | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/careers/[slug]/page.tsx b/app/careers/[slug]/page.tsx
index 4b4c0a0..ee929bc 100644
--- a/app/careers/[slug]/page.tsx
+++ b/app/careers/[slug]/page.tsx
@@ -46,7 +46,7 @@ export default async function JobPage({ params }: PageProps) {
         <LinkButton
           text="Søk nå"
           url="mailto:jobs@yourcompany.com"
-          className="px-6 py-3 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition"
+          className="mt-4 inline-block px-4 py-2 border border-background rounded-md text-background hover:bg-background hover:foreground transition w-fit"
         />
       </main>
     </div>
diff --git a/app/careers/page.tsx b/app/careers/page.tsx
index 49ae1c5..29f69ff 100644
--- a/app/careers/page.tsx
+++ b/app/careers/page.tsx
@@ -25,7 +25,9 @@ export default function CareersPage() {
     <div className="min-h-screen bg-background text-background">
       <main className="max-w-4xl mx-auto px-6 py-12">
         <section>
-          <h2 className="text-2xl font-semibold mb-6">Ledige stillinger</h2>
+          <h2 className="text-foreground text-2xl font-semibold mb-6">
+            Ledige stillinger
+          </h2>
           {jobOpenings.map((job, index) => (
             <div
               key={index}
@@ -39,7 +41,7 @@ export default function CareersPage() {
               <LinkButton
                 text="Se stilling"
                 url={job.link}
-                className="mt-4 inline-block px-4 py-2 border border-white rounded-md text-white hover:bg-white hover:text-black transition w-fit"
+                className="mt-4 inline-block px-4 py-2 border border-background rounded-md text-background hover:bg-background hover:text-foreground transition w-fit"
               />
             </div>
           ))}
diff --git a/components/footer.tsx b/components/footer.tsx
index d6e67ff..195e704 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -24,7 +24,7 @@ export function Footer() {
             </Link>
             <p>Laget av Ninja Turtles 🐢 Mille, Karolina, Johanne og Henrik</p>
           </div>
-          © {new Date().getFullYear()} Your Company. All rights reserved.
+          © {new Date().getFullYear()} ...Kompis. All rights reserved.
         </div>
       </footer>
     </AnimatedIcons>

From 52eb78ee22135060a779e267feedc184da6f9b30 Mon Sep 17 00:00:00 2001
From: KaroGil <karolinkagil@gmail.com>
Date: Sun, 30 Mar 2025 00:18:28 +0100
Subject: [PATCH 2/2] suprise

---
 app/turtle/page.tsx   | 19 +++++++++++++++++++
 components/header.tsx |  3 +++
 2 files changed, 22 insertions(+)
 create mode 100644 app/turtle/page.tsx

diff --git a/app/turtle/page.tsx b/app/turtle/page.tsx
new file mode 100644
index 0000000..6b5f809
--- /dev/null
+++ b/app/turtle/page.tsx
@@ -0,0 +1,19 @@
+import Image from "next/image";
+import turtle from "@/public/turtle.png"; // adjust path if needed
+
+export default function Page() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen mb-6">
+      {["Mille", "Karo", "Jane", "Lømo"].map((name, index) => {
+        return (
+          <div key={index}>
+            <Image src={turtle} alt="Turtle" width={400} />
+            <p className=" text-center text-foreground font-7xl font-bold">
+              {name}
+            </p>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/components/header.tsx b/components/header.tsx
index 0b7ae43..b194378 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -42,6 +42,9 @@ export function Header() {
     } else if (pathname.startsWith("/careers")) {
       setTitle(`BLI JOBB${ending}`);
       setBade(false);
+    } else if (pathname.startsWith("/turtle")) {
+      setTitle(`NINJA TURTLE`);
+      setBade(false);
     } else {
       setTitle(`...${ending.toUpperCase()}`);
       setBade(false);