Turtle

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>

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>
           ))}

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>
+  );
+}

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>

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);