diff --git a/app/actions/add-event.ts b/app/actions/add-event.ts
new file mode 100644
index 0000000..858cdf5
--- /dev/null
+++ b/app/actions/add-event.ts
@@ -0,0 +1,34 @@
+"use server";
+import { getInterestById } from "@/types/interest";
+import { createClient } from "@/utils/supabase/server";
+import { redirect } from "next/navigation";
+
+export async function addEvent(formData: FormData) {
+  const supabase = await createClient();
+  const data = await supabase.auth.getUser();
+
+  const date = formData.get("date") as string;
+  const place = formData.get("place") as string;
+  const mapsLink = formData.get("mapsLink") as string;
+  const interest = formData.get("interest") as string;
+  const description = formData.get("description") as string;
+  const user = data.data.user?.id;
+
+  if (!user) {
+    console.error("User not authenticated");
+    redirect("/error");
+  }
+
+  const interestFull = await getInterestById(interest as unknown as number);
+
+  const { error } = await supabase
+    .from("events")
+    .insert([{ date, place, mapsLink, interest, description, user }]);
+
+  if (error) {
+    console.error("Feil ved innsending:", error.message);
+    redirect("/error");
+  }
+
+  redirect(`/interests/${interestFull.slug}`); // Redirect to the interest page
+}
diff --git a/app/actions/add-interest.ts b/app/actions/add-interest.ts
new file mode 100644
index 0000000..2eeceeb
--- /dev/null
+++ b/app/actions/add-interest.ts
@@ -0,0 +1,32 @@
+"use server";
+import { createClient } from "@/utils/supabase/server";
+import { redirect } from "next/navigation";
+
+export async function addInterest(formData: FormData) {
+  const supabase = await createClient();
+
+  const name = formData.get("name") as string;
+  const infinitiv = formData.get("infinitiv") as string;
+  const slug = generateSlug(name);
+
+  const { error } = await supabase
+    .from("interests")
+    .insert([{ name, infinitiv, slug }]);
+
+  if (error) {
+    console.error("Feil ved innsending:", error.message);
+    redirect("/error");
+  }
+
+  redirect("/interests");
+}
+
+function generateSlug(text: string) {
+  return text
+    .toLowerCase()
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .replace(/[^a-z0-9 ]/g, "")
+    .trim()
+    .replace(/\s+/g, "-");
+}
diff --git a/app/actions/comment.ts b/app/actions/comment.ts
new file mode 100644
index 0000000..7bfd459
--- /dev/null
+++ b/app/actions/comment.ts
@@ -0,0 +1,39 @@
+"use server";
+
+import { createClient } from "@/utils/supabase/server";
+import { redirect } from "next/navigation";
+
+export async function addComment(formData: FormData) {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  const content = formData.get("content") as string;
+  const event_id = Number(formData.get("event_id"));
+
+  if (!user) {
+    console.error("User not authenticated");
+    redirect("/error");
+  }
+
+  if (!content || !event_id) {
+    console.error("Missing content or event_id");
+    redirect("/error");
+  }
+
+  const { error } = await supabase.from("comments").insert([
+    {
+      content,
+      event_id,
+      user_id: user.id,
+    },
+  ]);
+
+  if (error) {
+    console.error("Feil ved innsending av kommentar:", error.message);
+    redirect("/error");
+  }
+
+  redirect(`/events/${event_id}`);
+}
diff --git a/app/actions/event-attendance.ts b/app/actions/event-attendance.ts
new file mode 100644
index 0000000..c17b2d3
--- /dev/null
+++ b/app/actions/event-attendance.ts
@@ -0,0 +1,48 @@
+// actions/handleAttendance.ts
+"use server";
+
+import { createClient } from "@/utils/supabase/server";
+import { redirect } from "next/navigation";
+
+export async function handleAttendance(formData: FormData) {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  const event_id = Number(formData.get("event_id"));
+  const status = formData.get("status") as "skal" | "interessert";
+
+  if (!user) redirect("/auth/login");
+
+  const { data: existing } = await supabase
+    .from("event_attendance")
+    .select("id")
+    .eq("event_id", event_id)
+    .eq("user_id", user.id)
+    .single();
+
+  let error;
+
+  if (existing) {
+    ({ error } = await supabase
+      .from("event_attendance")
+      .update({ status })
+      .eq("id", existing.id));
+  } else {
+    ({ error } = await supabase.from("event_attendance").insert([
+      {
+        user_id: user.id,
+        event_id,
+        status,
+      },
+    ]));
+  }
+
+  if (error) {
+    console.error("Feil ved lagring:", error.message);
+    redirect("/error");
+  }
+
+  redirect(`/events/${event_id}`);
+}
diff --git a/app/actions/from-bergen.ts b/app/actions/from-bergen.ts
new file mode 100644
index 0000000..cb08cd4
--- /dev/null
+++ b/app/actions/from-bergen.ts
@@ -0,0 +1,26 @@
+"use server";
+
+import { createClient } from "@/utils/supabase/server";
+import { redirect } from "next/navigation";
+import { revalidatePath } from "next/cache";
+
+export async function handleFromBergen(formData: FormData) {
+  const supabase = await createClient();
+
+  const user_id = formData.get("user_id") as string;
+  const is_from_bergen = formData.get("is_from_bergen") === "on"; // checkbox
+
+  const { error } = await supabase
+    .from("profiles")
+    .update({ is_from_bergen })
+    .eq("id", user_id);
+
+  if (error) {
+    console.error("Feil ved oppdatering:", error.message);
+    redirect("/error");
+  }
+
+  // 💡 Refresh profilside
+  revalidatePath("/profile");
+  redirect("/profile");
+}
diff --git a/app/actions/interest-client.ts b/app/actions/interest-client.ts
new file mode 100644
index 0000000..68ca086
--- /dev/null
+++ b/app/actions/interest-client.ts
@@ -0,0 +1,31 @@
+import { Interest } from "@/types/interest";
+import { createClient } from "@/utils/supabase/client";
+
+export async function getInterestBySlugClient(slug: string): Promise<Interest> {
+  const supabase = createClient();
+
+  const { data: interest, error } = await supabase
+    .from("interests")
+    .select("id, created_at, name, infinitiv, slug")
+    .eq("slug", slug)
+    .single();
+
+  if (!interest || error)
+    throw new Error(`Interest with slug "${slug}" not found`);
+
+  return interest;
+}
+
+export async function getInterestByIdClient(id: string): Promise<Interest> {
+  const supabase = createClient();
+
+  const { data: interest, error } = await supabase
+    .from("interests")
+    .select("id, created_at, name, infinitiv, slug")
+    .eq("id", id)
+    .single();
+
+  if (!interest || error) throw new Error(`Interest with id "${id}" not found`);
+
+  return interest;
+}
diff --git a/app/actions/login.ts b/app/actions/login.ts
new file mode 100644
index 0000000..7b9f7fc
--- /dev/null
+++ b/app/actions/login.ts
@@ -0,0 +1,32 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+
+import { createClient } from "@/utils/supabase/server";
+
+export async function login(formData: FormData) {
+  const supabase = await createClient();
+
+  // type-casting here for convenience
+  // in practice, you should validate your inputs
+  const data = {
+    email: formData.get("email") as string,
+    password: formData.get("password") as string,
+  };
+
+  const { error } = await supabase.auth.signInWithPassword(data);
+
+  if (error) {
+    redirect("/error");
+  }
+
+  if (data.email) {
+    console.log("Login successful, redirecting...");
+    revalidatePath("/", "layout");
+    redirect("/");
+  } else {
+    console.warn("No user returned after login.");
+    redirect("/error");
+  }
+}
diff --git a/app/actions/register.ts b/app/actions/register.ts
new file mode 100644
index 0000000..466185e
--- /dev/null
+++ b/app/actions/register.ts
@@ -0,0 +1,28 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+
+import { createClient } from "@/utils/supabase/server";
+
+export async function register(formData: FormData) {
+  const supabase = await createClient();
+  // type-casting here for convenience
+  // in practice, you should validate your inputs
+  const data = {
+    email: formData.get("email") as string,
+    password: formData.get("password") as string,
+    options: {
+      data: {
+        full_name: formData.get("fullName") as string,
+        username: formData.get("username") as string,
+      },
+    },
+  };
+  const { error } = await supabase.auth.signUp(data);
+  if (error) {
+    redirect("/error");
+  }
+  revalidatePath("/", "layout");
+  redirect("/");
+}
diff --git a/app/actions/signout.ts b/app/actions/signout.ts
new file mode 100644
index 0000000..7fbf11a
--- /dev/null
+++ b/app/actions/signout.ts
@@ -0,0 +1,21 @@
+"use server";
+
+import { redirect } from "next/navigation";
+
+import { createClient } from "@/utils/supabase/server";
+
+export async function logout() {
+  try {
+    const supabase = await createClient();
+    const { error } = await supabase.auth.signOut();
+    if (error) {
+      console.error("Logout error:", error.message);
+      redirect("/error");
+      return;
+    }
+    // Ingen direkte omdirigering her, vi lar klienten håndtere det
+  } catch (err) {
+    console.error("Unexpected error during logout:", err);
+    redirect("/error");
+  }
+}
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
deleted file mode 100644
index b362ee8..0000000
--- a/app/api/auth/[...nextauth]/route.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import NextAuth from "next-auth";
-import { authOptions } from "@lib/authOptions";
-
-const handler = NextAuth(authOptions);
-
-export { handler as GET, handler as POST };
\ No newline at end of file
diff --git a/app/api/interests/utils.ts b/app/api/interests/utils.ts
deleted file mode 100644
index 0654816..0000000
--- a/app/api/interests/utils.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { promises as fs } from "fs";
-import path from "path";
-import type { Interest } from "./../../../components/types/interests";
-
-export async function getInterestBySlug(
-  slug: string
-): Promise<Interest | undefined> {
-  const filePath = path.join(process.cwd(), "public", "interests.json");
-  const file = await fs.readFile(filePath, "utf-8");
-  const interests: Interest[] = JSON.parse(file);
-
-  return interests.find((interest) => interest.slug === slug);
-}
diff --git a/app/auth/confirm/route.ts b/app/auth/confirm/route.ts
new file mode 100644
index 0000000..197ed06
--- /dev/null
+++ b/app/auth/confirm/route.ts
@@ -0,0 +1,35 @@
+import { type EmailOtpType } from "@supabase/supabase-js";
+import { type NextRequest, NextResponse } from "next/server";
+
+import { createClient } from "@/utils/supabase/server";
+
+// Creating a handler to a GET request to route /auth/confirm
+export async function GET(request: NextRequest) {
+  const { searchParams } = new URL(request.url);
+  const token_hash = searchParams.get("token_hash");
+  const type = searchParams.get("type") as EmailOtpType | null;
+  const next = "/account";
+
+  // Create redirect link without the secret token
+  const redirectTo = request.nextUrl.clone();
+  redirectTo.pathname = next;
+  redirectTo.searchParams.delete("token_hash");
+  redirectTo.searchParams.delete("type");
+
+  if (token_hash && type) {
+    const supabase = await createClient();
+
+    const { error } = await supabase.auth.verifyOtp({
+      type,
+      token_hash,
+    });
+    if (!error) {
+      redirectTo.searchParams.delete("next");
+      return NextResponse.redirect(redirectTo);
+    }
+  }
+
+  // return the user to an error page with some instructions
+  redirectTo.pathname = "/error";
+  return NextResponse.redirect(redirectTo);
+}
diff --git a/app/auth/login/page.tsx b/app/auth/login/page.tsx
new file mode 100644
index 0000000..860cfee
--- /dev/null
+++ b/app/auth/login/page.tsx
@@ -0,0 +1,41 @@
+import { login } from "@/app/actions/login";
+import Link from "next/link";
+
+export default function LoginPage() {
+  return (
+    <div className="flex items-center justify-center mt-12 flex-col">
+      <form className="flex flex-col gap-4 items-center w-72">
+        <h1 className="text-2xl font-bold mb-8">Logg inn</h1>
+        <input
+          className="border p-2 rounded w-full"
+          id="email"
+          name="email"
+          type="email"
+          placeholder="E-post"
+          required
+        />
+        <input
+          className="border p-2 rounded w-full"
+          id="password"
+          name="password"
+          type="password"
+          placeholder="Passord"
+          required
+        />
+        <button
+          formAction={login}
+          className="bg-black text-white px-4 py-2 rounded w-full"
+          type="submit"
+        >
+          Logg inn
+        </button>
+      </form>
+      <p className="mt-4">
+        Er du ikke kompis enda?¿ {""}
+        <Link href="/auth/register" className="hover:underline">
+          Registrer deg
+        </Link>
+      </p>
+    </div>
+  );
+}
diff --git a/app/auth/register/page.tsx b/app/auth/register/page.tsx
new file mode 100644
index 0000000..a438521
--- /dev/null
+++ b/app/auth/register/page.tsx
@@ -0,0 +1,61 @@
+import { register } from "@/app/actions/register";
+import Link from "next/link";
+
+export default function RegisterPage() {
+  return (
+    <div className="flex items-center justify-center my-12 flex-col">
+      <form className="flex flex-col gap-4 items-center w-72">
+        <h1 className="text-2xl font-bold mb-8">Registrer deg</h1>
+        <input
+          className="border p-2 rounded w-full"
+          id="fullName"
+          name="fullName"
+          type="text"
+          placeholder="Fullt navn"
+          required
+        />
+        <input
+          className="border p-2 rounded w-full"
+          id="username"
+          name="username"
+          type="text"
+          placeholder="Brukernavn"
+          required
+        ></input>
+        <input
+          className="border p-2 rounded w-full"
+          id="email"
+          name="email"
+          type="email"
+          placeholder="E-post"
+          required
+        />
+        <input
+          className="border p-2 rounded w-full"
+          id="password"
+          name="password"
+          type="password"
+          placeholder="Passord"
+          required
+        />
+        <div className="flex items-center gap-2 flex-row">
+          <input type="checkbox" id="notCreep" name="notCreep" />
+          <label htmlFor="notCreep">Jeg er ikke creep</label>
+        </div>
+        <button
+          className="bg-black text-white px-4 py-2 rounded w-full"
+          type="submit"
+          formAction={register}
+        >
+          Registrer deg
+        </button>
+      </form>
+      <p className="mt-4">
+        Er du allerede kompis? {""}
+        <Link href="/auth/login" className="hover:underline">
+          Logg inn
+        </Link>
+      </p>
+    </div>
+  );
+}
diff --git a/app/auth/signout/route.ts b/app/auth/signout/route.ts
new file mode 100644
index 0000000..99ee3bf
--- /dev/null
+++ b/app/auth/signout/route.ts
@@ -0,0 +1,21 @@
+import { createClient } from "@/utils/supabase/server";
+import { revalidatePath } from "next/cache";
+import { type NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const supabase = await createClient();
+
+  // Check if a user's logged in
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (user) {
+    await supabase.auth.signOut();
+  }
+
+  revalidatePath("/", "layout");
+  return NextResponse.redirect(new URL("/login", req.url), {
+    status: 302,
+  });
+}
diff --git a/app/careers/[slug]/page.tsx b/app/careers/[slug]/page.tsx
index ee929bc..5fc8f21 100644
--- a/app/careers/[slug]/page.tsx
+++ b/app/careers/[slug]/page.tsx
@@ -1,5 +1,5 @@
 import { notFound } from "next/navigation";
-import LinkButton from "@/components/linkButton";
+import LinkButton from "@/components/link-button";
 
 const jobOpenings = [
   {
diff --git a/app/careers/page.tsx b/app/careers/page.tsx
index 29f69ff..2e50c65 100644
--- a/app/careers/page.tsx
+++ b/app/careers/page.tsx
@@ -1,4 +1,4 @@
-import LinkButton from "@/components/linkButton";
+import LinkButton from "@/components/link-button";
 import React from "react";
 
 const jobOpenings = [
diff --git a/app/error/page.tsx b/app/error/page.tsx
new file mode 100644
index 0000000..f984f84
--- /dev/null
+++ b/app/error/page.tsx
@@ -0,0 +1,3 @@
+export default function ErrorPage() {
+  return <p>Sorry, something went wrong</p>;
+}
diff --git a/app/event/[slug]/page.tsx b/app/event/[slug]/page.tsx
deleted file mode 100644
index 2100d72..0000000
--- a/app/event/[slug]/page.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-"use client";
-import { formatDateWithDay, formatTime } from "@/components/lib/date-utils";
-import { Event, getEventById } from "@/components/types/post";
-import { Button } from "@/components/ui/button";
-import { Calendar, Clock, User } from "lucide-react";
-import { useSession } from "next-auth/react";
-import { usePathname } from "next/navigation";
-import { useState } from "react";
-
-export default function EventPage() {
-  const pathname = usePathname();
-  const id = pathname.split("/")[2];
-  const event = getEventById(parseInt(id));
-
-  if (!event) return <p>Event not found</p>;
-
-  return (
-    <div className="flex justify-center flex-col w-full items-center md:w-2/3 md:mx-auto p-4 space-y-5">
-      <p className="font-bold text-xl">{event.place}</p>
-      <div className="bg-primary rounded-xl p-4 space-y-4 w-full">
-        <EventInfo event={event} />
-        <p>{event.description}</p>
-      </div>
-      <EventButtons />
-      <CommentSection />
-    </div>
-  );
-}
-
-function EventInfo({ event }: { event: Event }) {
-  return (
-    <div>
-      <div className="flex space-x-2 w-full">
-        <Calendar className="size-4" />
-        <p>{formatDateWithDay(event.date)}</p>
-      </div>
-      <div className="flex space-x-2">
-        <Clock className="size-4" />
-        <p>{formatTime(event.date)}</p>
-      </div>
-      <div className="flex space-x-2">
-        <User className="size-4" />
-        <p>{event.user.name}</p>
-      </div>
-    </div>
-  );
-}
-
-function EventButtons() {
-  const [isGoing, setIsGoing] = useState(false);
-  const [isInterested, setIsInterested] = useState(false);
-
-  const handleGoing = () => {
-    setIsGoing(!isGoing);
-    if (!isGoing) setIsInterested(false);
-  };
-
-  const handleInterested = () => {
-    setIsInterested(!isInterested);
-    if (!isInterested) setIsGoing(false);
-  };
-
-  return (
-    <div className="flex space-x-2">
-      <Button onClick={handleGoing} variant={isGoing ? `secondary` : `default`}>
-        Skal
-      </Button>
-      <Button
-        onClick={handleInterested}
-        variant={isInterested ? `secondary` : `default`}
-      >
-        Interessert
-      </Button>
-    </div>
-  );
-}
-
-type Comment = {
-  user: string;
-  text: string;
-  time: string;
-};
-
-function CommentSection() {
-  const [comments, setComments] = useState<Comment[]>([]);
-  const [newComment, setNewComment] = useState("");
-  const { data: session } = useSession();
-  const user = session?.user;
-
-  const handleAddComment = () => {
-    if (newComment.trim() === "" || !user) return;
-
-    const newCommentObj: Comment = {
-      user: user.name || "Anonym",
-      text: newComment.trim(),
-      time: new Date().toLocaleString("no-NO", {
-        dateStyle: "short",
-        timeStyle: "short",
-      }),
-    };
-
-    setComments((prev) => [...prev, newCommentObj]);
-    setNewComment("");
-  };
-
-  return (
-    <div className="w-full mt-4">
-      <h3 className="font-semibold mb-2">Kommentarer</h3>
-      <div className="space-y-2">
-        {comments.map((comment, index) => (
-          <div
-            key={index}
-            className="bg-primary p-2 rounded-md shadow-md text-sm"
-          >
-            <div className="flex">
-              <div className="w-8 h-8 inline-block mr-2 bg-background rounded-full relative">
-                <User className="absolute mx-auto size-3 w-full h-full my-auto p-1" />
-              </div>
-              <div>
-                <p className="font-semibold">{comment.user}</p>
-                <p className="text-xs text-gray-500 mb-2">{comment.time}</p>
-              </div>
-            </div>
-
-            <p>{comment.text}</p>
-          </div>
-        ))}
-      </div>
-      <div className="flex mt-2 space-x-2">
-        <input
-          className="border p-2 rounded w-full"
-          type="text"
-          value={newComment}
-          placeholder="Skriv en kommentar..."
-          onChange={(e) => setNewComment(e.target.value)}
-        />
-        <Button onClick={handleAddComment} variant="default">
-          Legg til
-        </Button>
-      </div>
-    </div>
-  );
-}
diff --git a/app/events/[slug]/page.tsx b/app/events/[slug]/page.tsx
new file mode 100644
index 0000000..efb76d5
--- /dev/null
+++ b/app/events/[slug]/page.tsx
@@ -0,0 +1,162 @@
+import { addComment } from "@/app/actions/comment";
+import {
+  formatDateTime,
+  formatDateWithDay,
+  formatTime,
+} from "@/components/lib/date-utils";
+import { getEventById } from "@/types/event";
+import { type Event } from "@/types/event";
+import { type Comment } from "@/types/comment";
+import { getUserFromId } from "@/types/profile";
+import { createClient } from "@/utils/supabase/server";
+import { Calendar, Clock, User } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { handleAttendance } from "@/app/actions/event-attendance";
+
+interface PageProps {
+  params: Promise<{
+    slug: string;
+  }>;
+}
+
+export default async function EventPage({ params }: PageProps) {
+  const { slug } = await params;
+  const event = await getEventById(parseInt(slug));
+  return (
+    <div className="flex justify-center flex-col w-full items-center md:w-2/3 md:mx-auto p-4 space-y-5">
+      <p className="font-bold text-xl">{event.place}</p>
+      <div className="bg-primary rounded-xl p-4 space-y-4 w-full">
+        <EventInfo event={event} />
+        <p>{event.description}</p>
+      </div>
+      <EventButtons event={event} />
+      <div className="w-full">
+        <CommentSection eventId={event.id} />
+        <CommentForm eventId={event.id} />
+      </div>
+    </div>
+  );
+}
+
+async function EventInfo({ event }: { event: Event }) {
+  const user = await getUserFromId(event.user);
+  return (
+    <div>
+      <div className="flex space-x-2 w-full">
+        <Calendar className="size-4" />
+        <p>{formatDateWithDay(event.date)}</p>
+      </div>
+      <div className="flex space-x-2">
+        <Clock className="size-4" />
+        <p>{formatTime(event.date)}</p>
+      </div>
+      <div className="flex space-x-2">
+        <User className="size-4" />
+        <p>{user.full_name}</p>
+      </div>
+    </div>
+  );
+}
+
+async function EventButtons({ event }: { event: Event }) {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  const { data: existing } = await supabase
+    .from("event_attendance")
+    .select("status")
+    .eq("event_id", event.id)
+    .eq("user_id", user?.id)
+    .single();
+
+  const selectedStatus = existing?.status;
+
+  return (
+    <form action={handleAttendance} className="flex gap-2 mt-4">
+      <input type="hidden" name="event_id" value={event.id} />
+      <Button
+        name="status"
+        value="skal"
+        variant={selectedStatus === "skal" ? "secondary" : "default"}
+      >
+        Skal
+      </Button>
+      <Button
+        name="status"
+        value="interessert"
+        variant={selectedStatus === "interessert" ? "secondary" : "default"}
+      >
+        Interessert
+      </Button>
+    </form>
+  );
+}
+
+async function CommentSection({ eventId }: { eventId: number }) {
+  const supabase = await createClient();
+  const { data: comments, error } = await supabase
+    .from("comments")
+    .select("*")
+    .eq("event_id", eventId)
+    .order("created_at", { ascending: false });
+
+  if (error) {
+    return <p>Kunne ikke laste kommentarer.</p>;
+  }
+
+  return (
+    <div className="space-y-4 mt-6">
+      <h3 className="text-lg font-semibold">Kommentarer</h3>
+      {comments?.length === 0 ? (
+        <p>Ingen kommentarer ennå.</p>
+      ) : (
+        comments?.map((comment) => (
+          <CommentComponent key={comment.id} comment={comment} />
+        ))
+      )}
+    </div>
+  );
+}
+
+async function CommentComponent({ comment }: { comment: Comment }) {
+  const user = await getUserFromId(comment.user_id);
+  return (
+    <div className="bg-primary p-2 rounded-md shadow-md text-sm">
+      <div className="flex">
+        <div className="w-8 h-8 inline-block mr-2 bg-background rounded-full relative">
+          <User className="absolute mx-auto size-3 w-full h-full my-auto p-1" />
+        </div>
+        <div>
+          <p className="font-semibold">{user.full_name}</p>
+          <p className="text-xs text-gray-500 mb-2">
+            {formatDateTime(comment.created_at)}
+          </p>
+        </div>
+      </div>
+
+      <p>{comment.content}</p>
+    </div>
+  );
+}
+
+function CommentForm({ eventId }: { eventId: number }) {
+  return (
+    <form action={addComment} className="flex mt-2 space-x-2">
+      <input type="hidden" name="event_id" value={eventId} />
+
+      <input
+        name="content"
+        placeholder="Skriv en kommentar..."
+        required
+        className="border p-2 rounded w-full"
+        type="text"
+      />
+
+      <Button type="submit" variant="default">
+        Legg til
+      </Button>
+    </form>
+  );
+}
diff --git a/app/events/add/page.tsx b/app/events/add/page.tsx
new file mode 100644
index 0000000..b674d3e
--- /dev/null
+++ b/app/events/add/page.tsx
@@ -0,0 +1,87 @@
+import { addEvent } from "@/app/actions/add-event";
+import { getInterests } from "@/types/interest";
+
+export default async function AddEvent() {
+  const interests = await getInterests();
+  return (
+    <div className="flex flex-col gap-6 items-center justify-center m-6 font-bold text-lg mt-20">
+      <p className="text-center text-lg">Legg til arrangement</p>
+      <form className="flex flex-col gap-4 w-full max-w-sm" action={addEvent}>
+        <div>
+          <label htmlFor="date" className="block font-medium">
+            Dato og tid
+          </label>
+          <input
+            type="datetime-local"
+            name="date"
+            id="date"
+            required
+            className="w-full border px-3 py-2 rounded"
+          />
+        </div>
+
+        <div>
+          <label htmlFor="place" className="block font-medium">
+            Sted
+          </label>
+          <input
+            type="text"
+            name="place"
+            id="place"
+            required
+            className="w-full border px-3 py-2 rounded"
+          />
+        </div>
+
+        <div>
+          <label htmlFor="mapsLink" className="block font-medium">
+            Google Maps-lenke (valgfritt)
+          </label>
+          <input
+            type="url"
+            name="mapsLink"
+            id="mapsLink"
+            className="w-full border px-3 py-2 rounded"
+          />
+        </div>
+
+        <div>
+          <label htmlFor="interest" className="block font-medium">
+            Velg interesse
+          </label>
+          <select
+            name="interest"
+            id="interest"
+            required
+            className="w-full border px-3 py-2 rounded"
+          >
+            <option value="">-- Velg --</option>
+            {interests.map((interest) => (
+              <option key={interest.id} value={interest.id}>
+                {interest.name}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <div>
+          <label htmlFor="description" className="block font-medium">
+            Beskrivelse
+          </label>
+          <textarea
+            name="description"
+            id="description"
+            required
+            className="w-full border px-3 py-2 rounded"
+          />
+        </div>
+        <button
+          type="submit"
+          className="bg-foreground text-background text-center font-bold px-12 py-4 rounded-lg border-2 border-background hover:bg-background hover:text-foreground transition-all duration-300 $"
+        >
+          Legg til
+        </button>
+      </form>
+    </div>
+  );
+}
diff --git a/app/hobbies/[slug]/page.tsx b/app/hobbies/[slug]/page.tsx
deleted file mode 100644
index 00cf59f..0000000
--- a/app/hobbies/[slug]/page.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { NewPost } from "@/components/new-post";
-import { Post } from "@/components/posts";
-import { posts } from "@/components/types/post";
-interface PageProps {
-  params: Promise<{
-    slug: string;
-  }>;
-}
-
-export default async function HobbyPage({ params }: PageProps) {
-  const { slug } = await params;
-
-  const filteredPosts = posts.filter((post) => post.hobby?.slug === slug);
-
-  return (
-    <div className="relative px-4 pt-12 pb-40 w-full space-y-4">
-      <NewPost />
-      <div className="w-full grid grid-cols-1 gap-4 md:grid-cols-2 ">
-        {filteredPosts.map((post) => (
-          <Post key={post.id} post={post} link={`/event/${post.id}`} />
-        ))}
-      </div>
-    </div>
-  );
-}
diff --git a/app/instruments/page.tsx b/app/instruments/page.tsx
deleted file mode 100644
index 83c0b84..0000000
--- a/app/instruments/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { createClient } from "../lib/supabase";
-
-export default async function Instruments() {
-    const supabase = await createClient();
-    const { data: instruments } = await supabase.from("location").select();
-
-    return <pre>{JSON.stringify(instruments, null, 2)}</pre>
-}
\ No newline at end of file
diff --git a/app/interests/[slug]/event-component.tsx b/app/interests/[slug]/event-component.tsx
new file mode 100644
index 0000000..52bc59a
--- /dev/null
+++ b/app/interests/[slug]/event-component.tsx
@@ -0,0 +1,44 @@
+import { getUserFromId } from "@/types/profile";
+import { formatDateWithDay, formatTime } from "@/components/lib/date-utils";
+import { Calendar, Clock, User, Trophy } from "lucide-react";
+import { type Event } from "@/types/event";
+import { getInterestById } from "@/types/interest";
+import Link from "next/link";
+
+export async function EventComponent({ event }: { event: Event }) {
+  const user = await getUserFromId(event.user);
+  const interest = await getInterestById(event.interest);
+  return (
+    <div className="rounded-xl relative border p-4 bg-primary h-full space-y-2 hover:shadow-lg transition-shadow duration-300">
+      <Link href={`/events/${event.id}`} className="block no-underline">
+        <p className="font-bold text-lg mb-2">{event.place}</p>
+        <div className="flex space-x-2 w-full">
+          <Calendar className="size-4" />
+          <p>{formatDateWithDay(event.date)}</p>
+        </div>
+        <div className="flex space-x-2">
+          <Clock className="size-4" />
+          <p>{formatTime(event.date)}</p>
+        </div>
+        <div className="flex space-x-2">
+          <User className="size-4" />
+          <p>{user.full_name}</p>
+        </div>
+        <div className="flex space-x-2 mb-2">
+          <Trophy className="size-4" />
+          <p>{interest.name}</p>
+        </div>
+        <p className="line-clamp-3">{event.description}</p>
+      </Link>
+      {event.mapsLink && (
+        <Link
+          href={event.mapsLink}
+          target="_blank"
+          className="mt-2 space-y-2 absolute top-4 right-4"
+        >
+          {event.mapsLink ? "Vis kart" : "Ingen kart tilgjengelig"}
+        </Link>
+      )}
+    </div>
+  );
+}
diff --git a/app/interests/[slug]/page.tsx b/app/interests/[slug]/page.tsx
new file mode 100644
index 0000000..f13d2cc
--- /dev/null
+++ b/app/interests/[slug]/page.tsx
@@ -0,0 +1,31 @@
+import Link from "next/link";
+import { getInterestBySlug, Interest } from "@/types/interest";
+import { type Event, getEventsToInterest } from "@/types/event";
+
+import { Button } from "@/components/ui/button";
+import { EventComponent } from "./event-component";
+
+interface PageProps {
+  params: Promise<{
+    slug: string;
+  }>;
+}
+
+export default async function InterestPage({ params }: PageProps) {
+  const { slug } = await params;
+  const interest: Interest = await getInterestBySlug(slug);
+  const events: Event[] = await getEventsToInterest(interest.id);
+
+  return (
+    <div className="px-4 pt-12 space-y-8 flex flex-col">
+      <Link href={`/events/add`}>
+        <Button>Nytt Arrangement</Button>
+      </Link>
+      <div className="space-y-4">
+        {events.map((event) => (
+          <EventComponent key={event.id} event={event} />
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/app/hobbies/add/page.tsx b/app/interests/add/page.tsx
similarity index 81%
rename from app/hobbies/add/page.tsx
rename to app/interests/add/page.tsx
index 2e8d290..1ec37f3 100644
--- a/app/hobbies/add/page.tsx
+++ b/app/interests/add/page.tsx
@@ -1,8 +1,13 @@
+import { addInterest } from "@/app/actions/add-interest";
+
 export default function AddInterest() {
   return (
     <div className="flex flex-col gap-6 items-center justify-center m-6 font-bold text-lg mt-20">
       <p className="text-center text-lg">Legg til interesse</p>
-      <form className="flex flex-col gap-4 w-full max-w-sm">
+      <form
+        className="flex flex-col gap-4 w-full max-w-sm"
+        action={addInterest}
+      >
         <input
           type="text"
           name="interest"
diff --git a/app/hobbies/page.tsx b/app/interests/page.tsx
similarity index 61%
rename from app/hobbies/page.tsx
rename to app/interests/page.tsx
index cef072b..688cfaf 100644
--- a/app/hobbies/page.tsx
+++ b/app/interests/page.tsx
@@ -1,7 +1,10 @@
-import LinkButton from "@/components/linkButton";
-import { interests } from "@/components/types/interests";
+import LinkButton from "@/components/link-button";
+import { createClient } from "@/utils/supabase/server";
 
-export default function Hobbies() {
+export default async function Hobbies() {
+  const supabase = await createClient();
+  const { data } = await supabase.from("interests").select("*");
+  const interests = data || [];
   return (
     <div className="flex flex-col gap-8 items-center justify-center m-6 font-bold text-xl">
       <h1>Alle interesser</h1>
@@ -10,14 +13,14 @@ export default function Hobbies() {
           <LinkButton
             key={index}
             text={interest.name}
-            url={`/hobbies/${interest.slug}`}
+            url={`/interests/${interest.slug}`}
           />
         ))}
       </div>
       <p className="text-center font-lg flex flex-col gap-2">
         Savner du noe?
         <LinkButton
-          url="/hobbies/add"
+          url="/interests/add"
           text="Legg til en interesse"
           className="text-sm"
         />
diff --git a/app/layout.tsx b/app/layout.tsx
index 901350d..a4c6c8b 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,7 +2,6 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Header } from "@/components/header";
-import SessionProviderWrapper from "@/components/session-provider";
 import { Footer } from "@/components/footer";
 import { LanguageProvider } from "@/components/hooks/use-language";
 
@@ -28,11 +27,9 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen flex flex-col`}
       >
         <LanguageProvider>
-          <SessionProviderWrapper>
-            <Header />
-            <main className="flex-grow">{children}</main>
-            <div className="flex-grow mt-50" />
-          </SessionProviderWrapper>
+          <Header />
+          <main className="flex-grow">{children}</main>
+          <div className="flex-grow mt-50" />
           <Footer />
         </LanguageProvider>
       </body>
diff --git a/app/lib/authOptions.ts b/app/lib/authOptions.ts
deleted file mode 100644
index 1debbe6..0000000
--- a/app/lib/authOptions.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { users } from "@/components/types/user";
-import { NextAuthOptions } from "next-auth";
-import CredentialsProvider from "next-auth/providers/credentials";
-
-export const authOptions: NextAuthOptions = {
-  providers: [
-    CredentialsProvider({
-      name: "Credentials",
-      credentials: {
-        email: { label: "Email", type: "email" },
-        password: { label: "Password", type: "password" },
-      },
-      async authorize(credentials) {
-        if (!credentials?.email || !credentials?.password) {
-          return null;
-        }
-
-        // Søk etter brukeren i listen basert på e-post og passord
-        const user = users.find(
-          (user) =>
-            user.email === credentials.email &&
-            user.password === credentials.password
-        );
-
-        // Hvis brukeren finnes, returner brukerobjektet
-        if (user) {
-          return { id: user.id, name: user.name, email: user.email };
-        }
-
-        // Hvis ingen match finnes, returner null
-        return null;
-      },
-    }),
-  ],
-  pages: {
-    signIn: "/login",
-  },
-  session: {
-    strategy: "jwt",
-  },
-  secret: process.env.NEXTAUTH_SECRET,
-};
diff --git a/app/lib/supabase.ts b/app/lib/supabase.ts
deleted file mode 100644
index a46cfa6..0000000
--- a/app/lib/supabase.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { createServerClient } from '@supabase/ssr'
-import { cookies } from 'next/headers'
-
-export async function createClient() {
-    const cookieStore = await cookies()
-
-    return createServerClient(
-        process.env.NEXT_PUBLIC_SUPABASE_URL!,
-        process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
-        {
-            cookies: {
-                getAll() {
-                    return cookieStore.getAll()
-                },
-                setAll(cookiesToSet) {
-                    try {
-                        cookiesToSet.forEach(({ name, value, options }) =>
-                            cookieStore.set(name, value, options)
-                        )
-                    } catch {
-                        // The `setAll` method was called from a Server Component.
-                        // This can be ignored if you have middleware refreshing
-                        // user sessions.
-                    }
-                },
-            },
-        }
-    )
-}
\ No newline at end of file
diff --git a/app/login/page.tsx b/app/login/page.tsx
deleted file mode 100644
index cb73385..0000000
--- a/app/login/page.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-"use client";
-
-import { signIn } from "next-auth/react";
-import { useState } from "react";
-import Link from "next/link";
-
-export default function LoginPage() {
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState("");
-
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-
-    const res = await signIn("credentials", {
-      email,
-      password,
-      redirect: false,
-      callbackUrl: "/",
-    });
-
-    if (res?.error) {
-      setError("Feil e-post eller passord");
-    } else if (res?.ok) {
-      setError("");
-      window.location.href = res.url || "/";
-    }
-  }
-
-  return (
-    <div className="flex items-center justify-center mt-12 flex-col">
-      <form
-        onSubmit={handleSubmit}
-        className="flex flex-col gap-4 items-center w-72"
-      >
-        <h1 className="text-2xl font-bold mb-8">Logg inn</h1>
-        <input
-          className="border p-2 rounded w-full"
-          type="Email"
-          value={email}
-          onChange={(e) => setEmail(e.target.value)}
-          placeholder="E-post"
-        />
-        <input
-          className="border p-2 rounded w-full"
-          type="Password"
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-          placeholder="Passord"
-        />
-        {error && <p className="text-red-500">{error}</p>}
-        <button
-          className="bg-black text-white px-4 py-2 rounded w-full"
-          type="submit"
-        >
-          Logg inn
-        </button>
-      </form>
-      <p className="mt-4">
-        Er du ikke kompis enda?¿ {""}
-        <Link href="/register" className="hover:underline">
-          Registrer deg
-        </Link>
-      </p>
-    </div>
-  );
-}
diff --git a/app/page.tsx b/app/page.tsx
index 2acc7d7..13c26b4 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,25 +1,13 @@
-import InterestsMenu from "@/components/interestsMenu";
-import LinkButton from "../components/linkButton";
-import { getServerSession } from "next-auth";
-import { authOptions } from "@lib/authOptions";
-
-export default async function Home() {
-  const session = await getServerSession(authOptions);
+import InterestMenu from "@/components/interests-menu";
+import { WelcomeMessage } from "@/components/welcome-message";
 
+export default function Home() {
   return (
     <div className="flex flex-col gap-12 items-center justify-center m-20 font-bold text-xl h-full">
       <div>
-        {session ? (
-          <p>Velkommen, {session.user?.name}!</p>
-        ) : (
-          <div className="flex flex-col gap-10 items-center">
-            <h1>Ingen å dra på ... med?</h1>
-
-            <LinkButton text="BLI KOMPIS" url="/register" />
-          </div>
-        )}
+        <WelcomeMessage />
       </div>
-      <InterestsMenu />
+      <InterestMenu />
     </div>
   );
 }
diff --git a/app/profile/[id]/page.tsx b/app/profile/[id]/page.tsx
deleted file mode 100644
index 8c03f9f..0000000
--- a/app/profile/[id]/page.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-"use client";
-import { Post } from "@/components/posts";
-import { posts } from "@/components/types/post";
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import { signOut, useSession } from "next-auth/react";
-import { useEffect, useState } from "react";
-
-const LanguageMenu = () => {
-  const [language, setLanguage] = useState("no");
-  useEffect(() => {
-    const lang = localStorage.getItem("language");
-    if (lang === "en") {
-      setLanguage("en");
-    }
-  }, []);
-
-  useEffect(() => {
-    localStorage.setItem("language", language);
-    window.dispatchEvent(new Event("storage"));
-  }, [language]);
-
-  return (
-    <>
-      <div className="flex items-center space-x-2">
-        <Checkbox
-          id="terms"
-          checked={language == "en"}
-          onCheckedChange={() => setLanguage(language == "en" ? "no" : "en")}
-        />
-        <label
-          htmlFor="terms"
-          className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-        >
-          Bergenser-modus
-        </label>
-      </div>
-    </>
-  );
-};
-
-export default function ProfilePage() {
-  const { data: session } = useSession();
-
-  const user = session?.user;
-  const myEvents = posts.filter((event) => event.user.email === user?.email);
-
-  return (
-    <div className="p-6 space-y-5">
-      <div>
-        <h1 className="text-3xl font-bold">{user?.name}</h1>
-        <p className="mt-4">Navn: {user?.name}</p>
-        <p>E-post: {user?.email}</p>
-      </div>
-      <LanguageMenu />
-      <div>
-        <h2 className="text-2xl font-semibold">Mine arrangementer:</h2>
-        {myEvents.length > 0 ? (
-          <ul className="space-y-2 mt-2 grid grid-cols-1 md:grid-cols-2  gap-4">
-            {myEvents.map((event) => (
-              <Post
-                key={event.date.toISOString()}
-                post={event}
-                link={`/event/${event.id}`}
-              />
-            ))}
-          </ul>
-        ) : (
-          <p className="mt-2">Ingen arrangementer funnet.</p>
-        )}
-      </div>
-
-      {session && (
-        <Button
-          variant="secondary"
-          onClick={() => signOut({ callbackUrl: "/" })}
-        >
-          Logg ut
-        </Button>
-      )}
-    </div>
-  );
-}
diff --git a/app/profile/page.tsx b/app/profile/page.tsx
new file mode 100644
index 0000000..29591d0
--- /dev/null
+++ b/app/profile/page.tsx
@@ -0,0 +1,63 @@
+import { Button } from "@/components/ui/button";
+import { getEventsToUser } from "@/types/event";
+import { createClient } from "@/utils/supabase/server";
+import { redirect } from "next/navigation";
+import { logout } from "../actions/signout";
+import { getUserFromId } from "@/types/profile";
+import { handleFromBergen } from "../actions/from-bergen";
+import { EventComponent } from "../interests/[slug]/event-component";
+
+export default async function ProfilePage() {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (!user) {
+    redirect("/auth/login");
+  }
+
+  const profile = await getUserFromId(user?.id);
+
+  const events = await getEventsToUser(user?.id);
+
+  return (
+    <div className="p-6 space-y-5">
+      <div>
+        <h1 className="text-3xl font-bold">Min profil</h1>
+        <p className="mt-4">Navn: {user.user_metadata.full_name}</p>
+        <p>E-post: {user.email}</p>
+      </div>
+      <form action={handleFromBergen} className="mt-4">
+        <input type="hidden" name="user_id" value={user.id} />
+        <label className="flex items-center gap-2">
+          <input
+            type="checkbox"
+            name="is_from_bergen"
+            defaultChecked={profile?.is_from_bergen}
+            className="w-4 h-4"
+          />
+          Bergenser modus?
+        </label>
+        <Button type="submit" className="mt-4" variant="secondary">
+          Oppdater profil
+        </Button>
+      </form>
+      <div>
+        <h2 className="text-2xl font-semibold">Mine arrangementer:</h2>
+        {events.length > 0 ? (
+          <ul className="space-y-2 mt-2 grid grid-cols-1 md:grid-cols-2  gap-4">
+            {events.map((event) => (
+              <EventComponent event={event} key={event.id} />
+            ))}
+          </ul>
+        ) : (
+          <p className="mt-2">Ingen arrangementer funnet.</p>
+        )}
+      </div>
+      <Button variant="secondary" onClick={logout}>
+        Logg ut
+      </Button>
+    </div>
+  );
+}
diff --git a/app/register/page.tsx b/app/register/page.tsx
deleted file mode 100644
index 04c4853..0000000
--- a/app/register/page.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-"use client";
-
-import { signIn } from "next-auth/react";
-import { useState } from "react";
-import Link from "next/link";
-import { Checkbox } from "@/components/ui/checkbox";
-
-export default function RegisterPage() {
-  const [email, setEmail] = useState("");
-  const [name, setName] = useState("");
-  const [creep, setCreep] = useState(false);
-  const [password, setPassword] = useState("");
-  const [repeatPassword, setRepeatPassword] = useState("");
-  const [error, setError] = useState("");
-
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-
-    {
-      /** TODO: bytte ut med registration */
-    }
-    const res = await signIn("credentials", {
-      email,
-      password,
-      redirect: false,
-      callbackUrl: "/",
-    });
-
-    if (!creep) {
-      setError("Du kan ikke være en creep for å registrere deg");
-      return;
-    }
-
-    if (password !== repeatPassword) {
-      setError("Passordene må være like");
-      return;
-    }
-
-    if (res?.error) {
-      setError("Feil e-post eller passord");
-    } else if (res?.ok) {
-      setError("");
-      window.location.href = res.url || "/";
-    }
-  }
-
-  return (
-    <div className="flex items-center justify-center my-12 flex-col">
-      <form
-        onSubmit={handleSubmit}
-        className="flex flex-col gap-4 items-center w-72"
-      >
-        <h1 className="text-2xl font-bold mb-8">Registrer deg</h1>
-        <input
-          className="border p-2 rounded w-full"
-          type="Navn"
-          value={name}
-          onChange={(e) => setName(e.target.value)}
-          placeholder="Navn"
-        />
-        <input
-          className="border p-2 rounded w-full"
-          type="Email"
-          value={email}
-          onChange={(e) => setEmail(e.target.value)}
-          placeholder="E-post"
-        />
-        <input
-          className="border p-2 rounded w-full"
-          type="Password"
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-          placeholder="Passord"
-        />
-        <input
-          className="border p-2 rounded w-full"
-          type="Password"
-          value={repeatPassword}
-          onChange={(e) => setRepeatPassword(e.target.value)}
-          placeholder="Gjenta passord"
-        />
-        <div className="flex items-center gap-2 flex-row">
-          <Checkbox onChange={() => setCreep(!creep)} />
-          <label>Jeg er ikke creep</label>
-        </div>
-        {error && <p className="text-red-500 text-center">{error}</p>}
-        <button
-          className="bg-black text-white px-4 py-2 rounded w-full"
-          type="submit"
-        >
-          Register deg
-        </button>
-      </form>
-      <p className="mt-4">
-        Er du allerede kompis? {""}
-        <Link href="/login" className="hover:underline">
-          Logg inn
-        </Link>
-      </p>
-    </div>
-  );
-}
diff --git a/components/auth-buttons.tsx b/components/auth-buttons.tsx
new file mode 100644
index 0000000..f62c124
--- /dev/null
+++ b/components/auth-buttons.tsx
@@ -0,0 +1,32 @@
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { createClient } from "@/utils/supabase/server";
+import { User } from "lucide-react";
+
+export default async function AuthButtons() {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (user) {
+    return (
+      <Link
+        href={"/profile"}
+        className="h-10 w-10 bg-background rounded-full flex justify-center items-center text-foreground mx-6"
+      >
+        <User className="h-6 w-6" />
+      </Link>
+    );
+  }
+
+  return (
+    <Link href="/auth/login">
+      <Button
+        className={`font-bold hover:bg-foreground hover:text-background round transition-all duration-300 `}
+      >
+        Logg inn
+      </Button>
+    </Link>
+  );
+}
diff --git a/components/authButtons.tsx b/components/authButtons.tsx
deleted file mode 100644
index fdb4aa9..0000000
--- a/components/authButtons.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import { useSession, signIn } from "next-auth/react";
-import { ProfileButton } from "./profile-button";
-import { Button } from "./ui/button";
-
-export default function AuthButtons() {
-  const { data: session } = useSession();
-  const user = { id: 1, name: "Ole Brumm" };
-
-  if (session) {
-    return <ProfileButton userId={user.id} />;
-  }
-
-  return (
-    <Button
-      onClick={() => signIn()}
-      className={`font-bold hover:bg-foreground hover:text-background round transition-all duration-300 `}
-    >
-      Logg inn
-    </Button>
-  );
-}
diff --git a/components/authStatus.tsx b/components/authStatus.tsx
deleted file mode 100644
index 4d45467..0000000
--- a/components/authStatus.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client";
-
-import { useSession, signOut } from "next-auth/react";
-
-export default function AuthStatus() {
-  const { data: session } = useSession();
-
-  if (!session) return null;
-
-  return (
-    <div className="flex gap-4 items-center">
-      <p>Logget inn som {session.user?.email}</p>
-      <button
-        onClick={() => signOut({ callbackUrl: "/" })}
-        className="bg-black text-white px-4 py-2 rounded"
-      >
-        Logg ut
-      </button>
-    </div>
-  );
-}
diff --git a/components/header-text.tsx b/components/header-text.tsx
new file mode 100644
index 0000000..99b4496
--- /dev/null
+++ b/components/header-text.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { useEffect, useState } from "react";
+import {
+  getInterestBySlugClient,
+  getInterestByIdClient,
+} from "@/app/actions/interest-client";
+import { createClient } from "@/utils/supabase/client";
+
+export default function HeaderText({
+  is_from_bergen,
+}: {
+  is_from_bergen: boolean;
+}) {
+  const path = usePathname();
+  const [interestName, setInterestName] = useState("");
+
+  useEffect(() => {
+    const fetchInterest = async () => {
+      const supabase = createClient();
+
+      if (path.startsWith("/interests/")) {
+        const slug = path.split("/")[2];
+        if (!slug) return;
+
+        try {
+          const interest = await getInterestBySlugClient(slug);
+          setInterestName(interest.infinitiv);
+        } catch {
+          setInterestName("");
+        }
+      } else if (path.startsWith("/events/")) {
+        const eventId = path.split("/")[2];
+        if (!eventId) return;
+
+        const { data: event, error } = await supabase
+          .from("events")
+          .select("interest")
+          .eq("id", eventId)
+          .single();
+
+        if (error || !event?.interest) {
+          setInterestName("");
+          return;
+        }
+
+        try {
+          const interest = await getInterestByIdClient(event.interest);
+          setInterestName(interest.infinitiv);
+        } catch {
+          setInterestName("");
+        }
+      } else {
+        setInterestName("");
+      }
+    };
+
+    fetchInterest();
+  }, [path]);
+
+  if (interestName) {
+    return (
+      <div>
+        <span className="uppercase">{interestName}</span>
+        <span>{is_from_bergen ? "tjommi" : "kompis"}</span>
+      </div>
+    );
+  }
+
+  return <div>{is_from_bergen ? "...TJOMMI" : "...KOMPIS"}</div>;
+}
diff --git a/components/header.tsx b/components/header.tsx
index af889cd..27a8465 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -1,77 +1,44 @@
-"use client";
-
 import Link from "next/link";
-import AuthButtons from "@/components/authButtons";
-import { usePathname } from "next/navigation";
-import { getInterestBySlug } from "./types/interests";
-import { getEventById } from "./types/post";
-import { useEffect, useState } from "react";
-import { AnimatedIcons } from "@/components/animation/animatedIcons";
-import useLanguage from "./hooks/use-language";
-
-export function Header() {
-  const pathname = usePathname();
-  const notBergenser = useLanguage();
-
-  const [bade, setBade] = useState(false);
-  const [title, setTitle] = useState("...KOMPIS");
-  const [ending, setEnding] = useState("kompis");
-
-  useEffect(() => {
-    if (notBergenser) {
-      setEnding("kompis");
-    } else {
-      setEnding("tjommi");
-    }
-  }, [notBergenser]);
+import { createClient } from "@/utils/supabase/server";
+import { UserIcon } from "lucide-react";
+import { Button } from "./ui/button";
+import { getUserFromId } from "@/types/profile";
+import HeaderText from "./header-text";
 
-  useEffect(() => {
-    if (pathname.startsWith("/hobbies/")) {
-      const hobby = pathname.split("/")[2];
-      const name = getInterestBySlug(hobby);
-      console.log("Got hobby name:", name);
+export async function Header() {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
 
-      setTitle(`${name?.infinitiv?.toUpperCase()}${ending}`);
-      setBade(name?.name === "Bading");
-    } else if (pathname.startsWith("/event/")) {
-      const id = pathname.split("/")[2];
-      const event = getEventById(parseInt(id));
-      setTitle(`${event?.hobby.infinitiv}${ending}`);
-      setBade(false);
-    } 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);
-    }
-  }, [pathname, ending]);
+  const profile = user ? await getUserFromId(user?.id || "") : null;
 
-  const headerContent = (
+  return (
     <header className="w-full bg-black text-background px-4 py-12">
-      <div className="max-w-7xl mx-auto flex flex-col md:flex-row items-center md:items-center justify-between relative">
+      <div className="max-w-7xl mx-auto relative flex items-center justify-center">
         <Link
           href="/"
-          className="uppercase font-bold text-5xl text-center md:absolute md:left-1/2 md:transform md:-translate-x-1/2"
+          className="uppercase font-bold text-5xl text-center w-full"
         >
-          {title}
+          <HeaderText is_from_bergen={profile?.is_from_bergen || false} />
         </Link>
-
-        <div className="mt-4 md:mt-0 md:ml-auto flex items-center gap-2 flex-col">
-          <AuthButtons />
+        <div className="absolute right-0">
+          {user ? (
+            <Link
+              href="/profile"
+              className="h-10 w-10 bg-background rounded-full flex justify-center items-center text-foreground mx-6"
+            >
+              <UserIcon className="h-6 w-6" />
+            </Link>
+          ) : (
+            <Link href="/auth/login">
+              <Button className="font-bold hover:bg-foreground hover:text-background transition-all duration-300">
+                Logg inn
+              </Button>
+            </Link>
+          )}
         </div>
       </div>
     </header>
   );
-
-  return bade ? (
-    <AnimatedIcons n={10} bade={bade}>
-      {headerContent}
-    </AnimatedIcons>
-  ) : (
-    headerContent
-  );
 }
diff --git a/components/interestsMenu.tsx b/components/interests-menu.tsx
similarity index 68%
rename from components/interestsMenu.tsx
rename to components/interests-menu.tsx
index 90d150c..1aace9f 100644
--- a/components/interestsMenu.tsx
+++ b/components/interests-menu.tsx
@@ -1,17 +1,19 @@
-import LinkButton from "./linkButton";
-import { interests } from "./types/interests";
+import { createClient } from "@/utils/supabase/server";
 import Link from "next/link";
-import { getServerSession } from "next-auth";
-import { authOptions } from "@lib/authOptions";
+import LinkButton from "./link-button";
 
 export default async function InterestMenu() {
-  const session = await getServerSession(authOptions);
-  const user = session?.user;
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  const { data } = await supabase.from("interests").select("*");
+  const interests = data || [];
 
   return (
     <div className="flex flex-col gap-16 items-center justify-center m-6 font-bold text-xl">
       <h1 className="text-3xl">Hvilke interesser har du?</h1>
-
       <div className="w-full max-w-screen overflow-hidden">
         <div className="animate-scroll flex gap-4 whitespace-nowrap w-max">
           {interests
@@ -21,7 +23,7 @@ export default async function InterestMenu() {
                 <LinkButton
                   key={index}
                   text={interest.name}
-                  url={`/hobbies/${interest.slug}`}
+                  url={`/interests/${interest.slug}`}
                 />
               ) : (
                 <LinkButton key={index} text={interest.name} url="/" />
@@ -31,7 +33,7 @@ export default async function InterestMenu() {
       </div>
       <p className="text-center font-lg">
         Se alle{" "}
-        <Link href="/hobbies" className="hover:underline">
+        <Link href="/interests" className="hover:underline">
           her
         </Link>
       </p>
diff --git a/components/lib/date-utils.tsx b/components/lib/date-utils.tsx
index 633bc4d..8aa9da6 100644
--- a/components/lib/date-utils.tsx
+++ b/components/lib/date-utils.tsx
@@ -1,5 +1,6 @@
 export function formatDate(date: Date): string {
-  return date
+  const parsedDate = typeof date === "string" ? new Date(date) : date;
+  return parsedDate
     .toLocaleDateString("no-NO", {
       day: "2-digit",
       month: "2-digit",
@@ -8,17 +9,41 @@ export function formatDate(date: Date): string {
     .replace(/\//g, ".");
 }
 
-export function formatDateWithDay(date: Date): string {
-  const weekday = date.toLocaleDateString("no-NO", { weekday: "long" });
-  const capitalizedWeekday = weekday.charAt(0).toUpperCase() + weekday.slice(1); // Stor forbokstav
-  const day = date.getDate(); // Dagen uten ledende null
-  const month = date.toLocaleDateString("no-NO", { month: "long" }); // Full månedsnavn
+export function formatDateTime(date: string | Date): string {
+  const parsedDate = typeof date === "string" ? new Date(date) : date;
+
+  const datePart = parsedDate
+    .toLocaleDateString("no-NO", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "2-digit",
+    })
+    .replace(/\//g, ".");
+
+  const timePart = parsedDate.toLocaleTimeString("no-NO", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false,
+  });
+
+  return `${datePart} ${timePart}`;
+}
+
+export function formatDateWithDay(date: string | Date): string {
+  const parsedDate = typeof date === "string" ? new Date(date) : date;
+
+  const weekday = parsedDate.toLocaleDateString("no-NO", { weekday: "long" });
+  const capitalizedWeekday = weekday.charAt(0).toUpperCase() + weekday.slice(1);
+  const day = parsedDate.getDate();
+  const month = parsedDate.toLocaleDateString("no-NO", { month: "long" });
 
   return `${capitalizedWeekday} ${day}. ${month}`;
 }
 
 export function formatTime(date: Date): string {
-  return date.toLocaleTimeString("no-NO", {
+  const parsedDate = typeof date === "string" ? new Date(date) : date;
+
+  return parsedDate.toLocaleTimeString("no-NO", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: false,
diff --git a/components/likebutton.tsx b/components/like-button.tsx
similarity index 100%
rename from components/likebutton.tsx
rename to components/like-button.tsx
diff --git a/components/linkButton.tsx b/components/link-button.tsx
similarity index 100%
rename from components/linkButton.tsx
rename to components/link-button.tsx
diff --git a/components/logoutButton.tsx b/components/logout-button.tsx
similarity index 94%
rename from components/logoutButton.tsx
rename to components/logout-button.tsx
index 4b034cb..b078a9c 100644
--- a/components/logoutButton.tsx
+++ b/components/logout-button.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import { signOut } from "next-auth/react";
 
 export default function LogoutButton() {
diff --git a/components/new-post.tsx b/components/new-post.tsx
deleted file mode 100644
index 3edaaf4..0000000
--- a/components/new-post.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-"use client";
-import { useState } from "react";
-import { Button } from "./ui/button";
-
-export function NewPost() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [date, setDate] = useState("");
-  const [time, setTime] = useState("");
-  const [place, setPlace] = useState("");
-  const [description, setDescription] = useState("");
-
-  const togglePopover = () => {
-    setIsOpen(!isOpen);
-  };
-
-  const handlePublish = () => {
-    const newPost = {
-      date,
-      time,
-      place,
-      description,
-    };
-    console.log("Nytt arrangement publisert:", newPost);
-    setIsOpen(false);
-  };
-
-  return (
-    <div className="relative">
-      <Button onClick={togglePopover}>Nytt arrangement</Button>
-      {isOpen && (
-        <>
-          {/* Blurry bakgrunn */}
-          <div
-            className="fixed inset-0 bg-background bg-opacity-50 backdrop-blur-sm z-40"
-            onClick={togglePopover}
-          />
-          <div className="fixed top-1/2 left-1/2 z-50 w-80 p-6 bg-white border rounded-md shadow-md transform -translate-x-1/2 -translate-y-1/2">
-            <h4 className="text-lg font-semibold mb-2">Nytt arrangement</h4>
-            <div className="space-y-2">
-              <label className="block text-sm">Dato:</label>
-              <input
-                type="date"
-                value={date}
-                onChange={(e) => setDate(e.target.value)}
-                className="w-full p-2 border rounded bg-white text-gray-700 hover:bg-gray-100 focus:bg-gray-200"
-                style={{ colorScheme: "light" }}
-              />
-              <label className="block text-sm">Tid:</label>
-              <input
-                type="time"
-                value={time}
-                onChange={(e) => setTime(e.target.value)}
-                className="w-full p-2 border rounded"
-              />
-              <label className="block text-sm">Plassering:</label>
-              <input
-                type="text"
-                value={place}
-                onChange={(e) => setPlace(e.target.value)}
-                placeholder="F.eks. Bystranda"
-                className="w-full p-2 border rounded"
-              />
-              <label className="block text-sm">Beskrivelse:</label>
-              <textarea
-                value={description}
-                onChange={(e) => setDescription(e.target.value)}
-                placeholder="Beskriv arrangementet"
-                className="w-full p-2 border rounded resize-none"
-                rows={3}
-              />
-            </div>
-            <div className="mt-4 flex justify-end gap-2">
-              <Button size="sm" variant="ghost" onClick={togglePopover}>
-                Lukk
-              </Button>
-              <Button size="sm" variant="default" onClick={handlePublish}>
-                Publiser
-              </Button>
-            </div>
-          </div>
-        </>
-      )}
-    </div>
-  );
-}
diff --git a/components/posts.tsx b/components/posts.tsx
deleted file mode 100644
index 5838b2a..0000000
--- a/components/posts.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-"use client";
-import { Calendar, Clock, Trophy, User } from "lucide-react";
-import { formatDateWithDay, formatTime } from "./lib/date-utils";
-import { Event } from "./types/post";
-import { useState } from "react";
-import { Button } from "./ui/button";
-import Link from "next/link";
-
-export function Post({ post, link }: { post: Event; link: string }) {
-  const [isExpanded, setIsExpanded] = useState(false);
-
-  const toggleMap = (event: React.MouseEvent) => {
-    // Stopper klikking på kortet når man trykker på knappen
-    event.stopPropagation();
-    setIsExpanded((prev) => !prev);
-  };
-  return (
-    <div className="rounded-xl relative border p-4 bg-primary h-full space-y-2 hover:shadow-lg transition-shadow duration-300">
-      <Link href={link} className="block no-underline">
-        <p className="font-bold text-lg mb-2">{post.place}</p>
-        <div className="flex space-x-2 w-full">
-          <Calendar className="size-4" />
-          <p>{formatDateWithDay(post.date)}</p>
-        </div>
-        <div className="flex space-x-2">
-          <Clock className="size-4" />
-          <p>{formatTime(post.date)}</p>
-        </div>
-        <div className="flex space-x-2">
-          <User className="size-4" />
-          <p>{post.user.name}</p>
-        </div>
-        <div className="flex space-x-2 mb-2">
-          <Trophy className="size-4" />
-          <p>{post.hobby.name}</p>
-        </div>
-        <p className="line-clamp-3">{post.description}</p>
-      </Link>
-      {post.mapsLink && (
-        <Button
-          variant="primary"
-          onClick={toggleMap}
-          className="mt-2 space-y-2 absolute top-4 right-4"
-        >
-          {isExpanded ? "Lukk kart" : "Vis kart"}
-        </Button>
-      )}
-      {isExpanded && (
-        <div className="mt-2">
-          <iframe
-            src={post.mapsLink}
-            width="100%"
-            height="300"
-            loading="lazy"
-            className="rounded-md border"
-            allowFullScreen
-            title={`Kart over ${post.place}`}
-          ></iframe>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/components/session-provider.tsx b/components/session-provider.tsx
deleted file mode 100644
index ae98c6e..0000000
--- a/components/session-provider.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-"use client";
-
-import { SessionProvider } from "next-auth/react";
-import { ReactNode } from "react";
-
-export default function SessionProviderWrapper({
-  children,
-}: {
-  children: ReactNode;
-}) {
-  return <SessionProvider>{children}</SessionProvider>;
-}
diff --git a/components/types/interests.ts b/components/types/interests.ts
deleted file mode 100644
index fc37a1b..0000000
--- a/components/types/interests.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export type Interest = { name: string; infinitiv: string; slug: string };
-
-export function getInterestBySlug(slug: string) {
-  return interests.find((interest) => interest.slug === slug);
-}
-
-export const interests: Interest[] = [
-  { name: "Bading", infinitiv: "Bade", slug: "bade" },
-  { name: "Fotball", infinitiv: "Fotball", slug: "fotball" },
-  { name: "Ski", infinitiv: "Ski", slug: "ski" },
-  { name: "Klatring", infinitiv: "Klatre", slug: "klatre" },
-  { name: "Håndball", infinitiv: "Håndball", slug: "handball" },
-  { name: "Løping", infinitiv: "Løpe", slug: "lope" },
-  { name: "Basketball", infinitiv: "Basketball", slug: "basketball" },
-  { name: "Golf", infinitiv: "Golf", slug: "golf" },
-  { name: "Kotlin", infinitiv: "Kotlin", slug: "kotlin" },
-  { name: "Tennis", infinitiv: "Tennis", slug: "tennis" },
-  { name: "Fly", infinitiv: "Fly", slug: "fly" },
-  { name: "Yoga", infinitiv: "Yoga", slug: "yoga" },
-  { name: "Rust", infinitiv: "Rust", slug: "rust" },
-];
diff --git a/components/types/post.ts b/components/types/post.ts
deleted file mode 100644
index 925989e..0000000
--- a/components/types/post.ts
+++ /dev/null
@@ -1,310 +0,0 @@
-import { Interest, interests } from "./interests";
-import { getUserById, User } from "./user";
-
-export type Event = {
-  id: number;
-  date: Date;
-  place: string;
-  mapsLink?: string;
-  hobby: Interest;
-  description: string;
-  user: User;
-};
-
-export function getEventById(id: number) {
-  return posts.find((post) => post.id === id);
-}
-
-const defaultUser: User = {
-  id: "0",
-  name: "Anonym",
-  email: "ukjent@ingen.com",
-  password: "unknown",
-};
-
-export const posts: Event[] = [
-  // Tidligere arrangementer
-  {
-    id: 1,
-    date: new Date("2025-04-01T14:00:00"),
-    place: "Høyteknologisenteret, Florida",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1971.8992847043078!2d5.3305758702739645!3d60.38082360000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf953233a2e21%3A0x94c7193af76b9f3c!2sHigh%20Technology%20Center%20-%20University%20of%20Bergen!5e0!3m2!1sen!2sno!4v1743279351500!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "bade")!,
-    user: getUserById("5") || defaultUser,
-    description: "Bading i sjøen med venner.",
-  },
-  {
-    id: 2,
-    date: new Date("2025-04-02T17:30:00"),
-    place: "Marienlyst stadion, Drammen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d64349.68693873462!2d10.18405255!3d59.73402170000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46413cb4aa728419%3A0xc578916649a336d9!2sDrammen!5e0!3m2!1sen!2sno!4v1743280528997!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "fotball")!,
-    user: getUserById("5") || defaultUser,
-    description: "Fotballtrening på stadion.",
-  },
-  // Arrangementer i Bergen som dekker alle interesser
-  {
-    id: 3,
-    date: new Date("2025-04-13T15:00:00"),
-    place: "Nordnes Sjøbad, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1970.7999699331606!2d5.3026209!3d60.3989816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cfc10fcaef8c5%3A0x4aa995fe862c154b!2sNordnes%20seawater%20pool!5e0!3m2!1sen!2sno!4v1743280558511!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "bade")!,
-    user: getUserById("1") || defaultUser,
-    description: "Bading og avslapning ved sjøbadet.",
-  },
-  {
-    id: 4,
-    date: new Date("2025-04-14T18:00:00"),
-    place: "Brann Stadion, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1972.7395475525484!2d5.3574701!3d60.3669423!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf939026c541b%3A0x2bfea90d566fa549!2sBrann%20Stadion!5e0!3m2!1sen!2sno!4v1743280586014!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "fotball")!,
-    user: getUserById("1") || defaultUser,
-    description: "Fotballkamp mellom lokale lag.",
-  },
-  {
-    id: 5,
-    date: new Date("2025-04-15T10:00:00"),
-    place: "Voss Resort, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1956.8510739237001!2d6.410883799999999!3d60.629100699999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463ddadc0e6e8a51%3A0xd45822a2ecaa1f0!2sVoss%20Resort%20Fjellheisar!5e0!3m2!1sen!2sno!4v1743280610607!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "ski")!,
-    user: getUserById("5") || defaultUser,
-    description: "Skikjøring i flotte løyper.",
-  },
-  {
-    id: 6,
-    date: new Date("2025-04-16T12:00:00"),
-    place: "Ulriken, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "klatre")!,
-    user: getUserById("5") || defaultUser,
-    description: "Klatretur i fjellet.",
-  },
-  {
-    id: 7,
-    date: new Date("2025-04-17T17:00:00"),
-    place: "Framohallen, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-
-    hobby: interests.find((h) => h.slug === "handball")!,
-    user: getUserById("2") || defaultUser,
-    description: "Håndballtrening med lagkamerater.",
-  },
-  {
-    id: 8,
-    date: new Date("2025-04-18T09:00:00"),
-    place: "Store Lungegårdsvann, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-
-    hobby: interests.find((h) => h.slug === "lope")!,
-    user: getUserById("2") || defaultUser,
-    description: "Morgentur langs vannet.",
-  },
-  {
-    id: 9,
-    date: new Date("2025-04-19T14:00:00"),
-    place: "Bergen Basketballklubb",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "basketball")!,
-    user: getUserById("2") || defaultUser,
-    description: "Basketballkamp i hallen.",
-  },
-  {
-    id: 10,
-    date: new Date("2025-04-20T11:00:00"),
-    place: "Bergen Golfklubb",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "golf")!,
-    user: getUserById("2") || defaultUser,
-    description: "Golfturnering for nybegynnere.",
-  },
-  {
-    id: 11,
-    date: new Date("2025-04-21T16:00:00"),
-    place: "Bergen Offentlige Bibliotek",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "kotlin")!,
-    user: getUserById("2") || defaultUser,
-    description: "Kotlin workshop for utviklere.",
-  },
-  {
-    id: 12,
-    date: new Date("2025-04-22T15:30:00"),
-    place: "Nordnes Tennisanlegg, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "tennis")!,
-    user: getUserById("2") || defaultUser,
-    description: "Tennistrening for alle nivåer.",
-  },
-  {
-    id: 13,
-    date: new Date("2025-04-23T14:00:00"),
-    place: "Flesland Flyplass, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "fly")!,
-    user: getUserById("3") || defaultUser,
-    description: "Flyspotting og foto av fly.",
-  },
-  {
-    id: 14,
-    date: new Date("2025-04-24T18:30:00"),
-    place: "Bergen Yoga Studio",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "yoga")!,
-    user: getUserById("3") || defaultUser,
-    description: "Yogaklasse for stressmestring.",
-  },
-  {
-    id: 15,
-    date: new Date("2025-04-25T19:00:00"),
-    place: "Kode Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "rust")!,
-    user: getUserById("3") || defaultUser,
-    description: "Rust-programmering for viderekomne.",
-  },
-  {
-    id: 16,
-    date: new Date("2025-04-26T10:00:00"),
-    place: "Fløibanen, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "vandring")!,
-    user: getUserById("3") || defaultUser,
-    description: "Morgenvandring til Fløyen.",
-  },
-  {
-    id: 17,
-    date: new Date("2025-04-27T12:30:00"),
-    place: "Torgallmenningen, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "yoga")!,
-    user: getUserById("3") || defaultUser,
-    description: "Gratis utendørs yogatime.",
-  },
-  {
-    id: 18,
-    date: new Date("2025-04-28T14:00:00"),
-    place: "Møhlenpris Idrettsbane, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "fotball")!,
-    user: getUserById("3") || defaultUser,
-    description: "Fotballkamp mellom vennelag.",
-  },
-  {
-    id: 19,
-    date: new Date("2025-04-29T18:00:00"),
-    place: "VilVite, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "kotlin")!,
-    user: getUserById("4") || defaultUser,
-    description: "Introduksjon til Kotlin-programmering.",
-  },
-  {
-    id: 20,
-    date: new Date("2025-04-30T09:00:00"),
-    place: "Sandviken Sjøbad, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "bade")!,
-    user: getUserById("4") || defaultUser,
-    description: "Morgensvøm i sjøen.",
-  },
-  {
-    id: 21,
-    date: new Date("2025-05-01T16:00:00"),
-    place: "Fana Golfklubb, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "golf")!,
-    user: getUserById("4") || defaultUser,
-    description: "Golfturnering for amatører.",
-  },
-  {
-    id: 22,
-    date: new Date("2025-05-02T11:30:00"),
-    place: "Bergen Tennisklubb",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "tennis")!,
-    user: getUserById("4") || defaultUser,
-    description: "Tennisturnering for nybegynnere.",
-  },
-  {
-    id: 23,
-    date: new Date("2025-05-03T14:30:00"),
-    place: "Kyrkjetangen, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "basketball")!,
-    user: getUserById("4") || defaultUser,
-    description: "Basketballspill med venner.",
-  },
-  {
-    id: 24,
-    date: new Date("2025-05-04T17:00:00"),
-    place: "Alvøen Idrettspark, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "handball")!,
-    user: getUserById("4") || defaultUser,
-    description: "Håndballkamp mellom lokalag.",
-  },
-  {
-    id: 25,
-    date: new Date("2025-05-05T08:30:00"),
-    place: "Ulriken, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "lope")!,
-    user: getUserById("5") || defaultUser,
-    description: "Løpetur til toppen av Ulriken.",
-  },
-  {
-    id: 26,
-    date: new Date("2025-05-06T13:00:00"),
-    place: "Høyteknologisenteret, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "rust")!,
-    user: getUserById("5") || defaultUser,
-    description: "Workshop i Rust-programmering.",
-  },
-  {
-    id: 27,
-    date: new Date("2025-05-07T20:00:00"),
-    place: "Flesland Flyplass, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "fly")!,
-    user: getUserById("1") || defaultUser,
-    description: "Kveldsflyspotting på flyplassen.",
-  },
-  {
-    id: 28,
-    date: new Date("2025-05-08T15:00:00"),
-    place: "Damsgårdsfjellet, Bergen",
-    mapsLink:
-      "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7888.405355937868!2d5.3869521!3d60.377485799999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x463cf92af87f339d%3A0x84391761658b3434!2sUlriken!5e0!3m2!1sen!2sno!4v1743280667409!5m2!1sen!2sno",
-    hobby: interests.find((h) => h.slug === "klatre")!,
-    user: getUserById("1") || defaultUser,
-    description: "Klatring på naturlige ruter.",
-  },
-];
diff --git a/components/types/user.ts b/components/types/user.ts
deleted file mode 100644
index c37f894..0000000
--- a/components/types/user.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export type User = {
-  id: string;
-  name: string;
-  email: string;
-  password: string;
-};
-
-export const users: User[] = [
-  {
-    id: "1",
-    name: "Ole Brumm",
-    email: "OleBrumm@example.com",
-    password: "pass123",
-  },
-  {
-    id: "2",
-    name: "Johanne Blikberg Herheim",
-    email: "johanne@herheim.com",
-    password: "123123",
-  },
-  {
-    id: "3",
-    name: "Karolina Gil",
-    email: "Karo@gil.com",
-    password: "123123",
-  },
-  {
-    id: "4",
-    name: "Henrik Nilsen-Lømo",
-    email: "Henrik@lomo.com",
-    password: "123123",
-  },
-  {
-    id: "5",
-    name: "Mille Caroline Høeg",
-    email: "Mille@hoeg.com",
-    password: "123123",
-  },
-];
-
-export function getUserById(id: string) {
-  return users.find((user) => user.id === id);
-}
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 9030bae..2bca574 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/components/lib/utils";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer",
+  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer",
   {
     variants: {
       variant: {
diff --git a/components/welcome-message.tsx b/components/welcome-message.tsx
new file mode 100644
index 0000000..17dd51b
--- /dev/null
+++ b/components/welcome-message.tsx
@@ -0,0 +1,19 @@
+import { createClient } from "@/utils/supabase/server";
+import LinkButton from "./link-button";
+
+export async function WelcomeMessage() {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (user) return <p>Velkommen, {user.user_metadata.full_name}!</p>;
+
+  return (
+    <div className="flex flex-col gap-10 items-center">
+      <h1>Ingen å dra på ... med?</h1>
+
+      <LinkButton text="BLI KOMPIS" url="auth/register" />
+    </div>
+  );
+}
diff --git a/middelware.ts b/middelware.ts
new file mode 100644
index 0000000..e645758
--- /dev/null
+++ b/middelware.ts
@@ -0,0 +1,20 @@
+import { type NextRequest } from "next/server";
+import { updateSession } from "./utils/supabase/middelware";
+
+export async function middleware(request: NextRequest) {
+  // update user's auth session
+  return await updateSession(request);
+}
+
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     * Feel free to modify this pattern to include more paths.
+     */
+    "/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
+  ],
+};
diff --git a/package-lock.json b/package-lock.json
index 866b8d6..fe19695 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,11 +8,6 @@
       "name": "kompis",
       "version": "0.1.0",
       "dependencies": {
-        "@radix-ui/react-slot": "^1.1.2",
-        "class-variance-authority": "^0.7.1",
-        "clsx": "^2.1.1",
-        "framer-motion": "^12.6.2",
-        "lucide-react": "^0.485.0",
         "@supabase/supabase-js": "^2.49.3",
         "@radix-ui/react-slot": "^1.1.2",
         "class-variance-authority": "^0.7.1",
@@ -21,7 +16,6 @@
         "lucide-react": "^0.485.0",
         "next": "15.2.4",
         "next-auth": "^4.24.11",
-        "next-auth": "^4.24.11",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-icons": "^5.5.0",
@@ -65,18 +59,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/runtime": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
-      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
-      "license": "MIT",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@emnapi/core": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.0.tgz",
@@ -889,15 +871,6 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
-    "node_modules/@panva/hkdf": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
-      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/panva"
-      }
-    },
     "node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
@@ -5167,12 +5140,6 @@
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
       "license": "MIT"
     },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "license": "MIT"
-    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
@@ -6217,12 +6184,6 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "license": "ISC"
     },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "license": "ISC"
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/types/comment.ts b/types/comment.ts
new file mode 100644
index 0000000..a022268
--- /dev/null
+++ b/types/comment.ts
@@ -0,0 +1,7 @@
+export type Comment = {
+  id: number;
+  content: string;
+  created_at: string;
+  user_id: string;
+  event_id: number;
+};
diff --git a/types/event-attendance.ts b/types/event-attendance.ts
new file mode 100644
index 0000000..9174bb2
--- /dev/null
+++ b/types/event-attendance.ts
@@ -0,0 +1,7 @@
+export type EventAttendance = {
+  id: number;
+  created_at: string;
+  user_id: string;
+  event_id: number;
+  status: string;
+};
diff --git a/types/event.ts b/types/event.ts
new file mode 100644
index 0000000..8bb01ad
--- /dev/null
+++ b/types/event.ts
@@ -0,0 +1,50 @@
+import { createClient } from "@/utils/supabase/server";
+
+export type Event = {
+  id: number;
+  date: Date;
+  place: string;
+  mapsLink?: string;
+  interest: number;
+  description: string;
+  user: string;
+};
+
+export async function getEventById(id: number): Promise<Event> {
+  const supabase = await createClient();
+  const { data: event, error } = await supabase
+    .from("events")
+    .select("*")
+    .eq("id", id)
+    .single();
+
+  if (error) throw new Error(`Error fetching event: ${error.message}`);
+
+  return event;
+}
+
+export async function getEventsToInterest(
+  interestId: number
+): Promise<Event[]> {
+  const supabase = await createClient();
+  const { data: events, error } = await supabase
+    .from("events")
+    .select("*")
+    .eq("interest", interestId);
+
+  if (error) throw new Error(`Error fetching events: ${error.message}`);
+
+  return events;
+}
+
+export async function getEventsToUser(userId: string): Promise<Event[]> {
+  const supabase = await createClient();
+  const { data: events, error } = await supabase
+    .from("events")
+    .select("*")
+    .eq("user", userId);
+
+  if (error) throw new Error(`Error fetching events: ${error.message}`);
+
+  return events;
+}
diff --git a/types/interest.ts b/types/interest.ts
new file mode 100644
index 0000000..6e37f1d
--- /dev/null
+++ b/types/interest.ts
@@ -0,0 +1,56 @@
+import { createClient } from "@/utils/supabase/server";
+
+export type Interest = {
+  id: number;
+  created_at: Date;
+  name: string;
+  infinitiv: string;
+  slug: string;
+};
+
+export async function getInterests(): Promise<Interest[]> {
+  const supabase = await createClient();
+  const { data: interests, error } = await supabase
+    .from("interests")
+    .select("*")
+    .order("name", { ascending: true });
+  if (error) {
+    console.error("Error fetching interests:", error.message);
+    throw new Error("Error fetching interests");
+  }
+  if (!interests) {
+    console.error("No interests found");
+    throw new Error("No interests found");
+  }
+  return interests;
+}
+
+export async function getInterestById(interestId: number) {
+  const supabase = await createClient();
+
+  const { data: interest, error } = await supabase
+    .from("interests")
+    .select("*")
+    .eq("id", interestId)
+    .single();
+
+  if (!interest || error)
+    throw new Error(`Interest with id "${interestId}" not found`);
+
+  return interest;
+}
+
+export async function getInterestBySlug(slug: string): Promise<Interest> {
+  const supabase = await createClient();
+
+  const { data: interest, error } = await supabase
+    .from("interests")
+    .select("id, created_at, name, infinitiv, slug")
+    .eq("slug", slug)
+    .single();
+
+  if (!interest || error)
+    throw new Error(`Interest with slug "${slug}" not found`);
+
+  return interest;
+}
diff --git a/types/profile.ts b/types/profile.ts
new file mode 100644
index 0000000..8398080
--- /dev/null
+++ b/types/profile.ts
@@ -0,0 +1,22 @@
+import { createClient } from "@/utils/supabase/server";
+
+export type Profile = {
+  id: string;
+  created_at: Date;
+  username: string;
+  full_name: string;
+  is_from_bergen: boolean;
+};
+
+export async function getUserFromId(userId: string): Promise<Profile> {
+  const supabase = await createClient();
+  const { data: user, error } = await supabase
+    .from("profiles")
+    .select("*")
+    .eq("id", userId)
+    .single();
+
+  if (!user || error) throw new Error(`User with id "${userId}" not found`);
+
+  return user;
+}
diff --git a/utils/supabase/client.ts b/utils/supabase/client.ts
new file mode 100644
index 0000000..5084e61
--- /dev/null
+++ b/utils/supabase/client.ts
@@ -0,0 +1,9 @@
+import { createBrowserClient } from "@supabase/ssr";
+
+export function createClient() {
+  // Create a supabase client on the browser with project's credentials
+  return createBrowserClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+  );
+}
diff --git a/utils/supabase/middelware.ts b/utils/supabase/middelware.ts
new file mode 100644
index 0000000..372b074
--- /dev/null
+++ b/utils/supabase/middelware.ts
@@ -0,0 +1,37 @@
+import { createServerClient } from "@supabase/ssr";
+import { NextResponse, type NextRequest } from "next/server";
+
+export async function updateSession(request: NextRequest) {
+  let supabaseResponse = NextResponse.next({
+    request,
+  });
+
+  const supabase = createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        getAll() {
+          return request.cookies.getAll();
+        },
+        setAll(cookiesToSet) {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          cookiesToSet.forEach(({ name, value, options }) =>
+            request.cookies.set(name, value)
+          );
+          supabaseResponse = NextResponse.next({
+            request,
+          });
+          cookiesToSet.forEach(({ name, value, options }) =>
+            supabaseResponse.cookies.set(name, value, options)
+          );
+        },
+      },
+    }
+  );
+
+  // refreshing the auth token
+  await supabase.auth.getUser();
+
+  return supabaseResponse;
+}
diff --git a/utils/supabase/server.ts b/utils/supabase/server.ts
new file mode 100644
index 0000000..8d2814a
--- /dev/null
+++ b/utils/supabase/server.ts
@@ -0,0 +1,31 @@
+import { createServerClient } from "@supabase/ssr";
+import { cookies } from "next/headers";
+
+export async function createClient() {
+  const cookieStore = await cookies();
+
+  // Create a server's supabase client with newly configured cookie,
+  // which could be used to maintain user's session
+  return createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        getAll() {
+          return cookieStore.getAll();
+        },
+        setAll(cookiesToSet) {
+          try {
+            cookiesToSet.forEach(({ name, value, options }) =>
+              cookieStore.set(name, value, options)
+            );
+          } catch {
+            // The `setAll` method was called from a Server Component.
+            // This can be ignored if you have middleware refreshing
+            // user sessions.
+          }
+        },
+      },
+    }
+  );
+}