diff --git a/public/about/pizzaWolfs-min.png b/public/about/pizzaWolfs-min.png
new file mode 100644
index 0000000..8d42c72
Binary files /dev/null and b/public/about/pizzaWolfs-min.png differ
diff --git a/src/app/[locale]/(default)/about/leader/layout.tsx b/src/app/[locale]/(default)/about/leader/layout.tsx
new file mode 100644
index 0000000..a8705f6
--- /dev/null
+++ b/src/app/[locale]/(default)/about/leader/layout.tsx
@@ -0,0 +1,24 @@
+import { unstable_setRequestLocale } from 'next-intl/server';
+
+import { Footer } from '@/components/layout/Footer';
+import { Header } from '@/components/layout/Header';
+import { Main } from '@/components/layout/Main';
+
+type DefaultLayoutProps = {
+  children: React.ReactNode;
+  params: { locale: string };
+};
+
+export default function DefaultLayout({
+  children,
+  params: { locale },
+}: DefaultLayoutProps) {
+  unstable_setRequestLocale(locale);
+  return (
+    <>
+      <Header />
+      <Main>{children}</Main>
+      <Footer />
+    </>
+  );
+}
\ No newline at end of file
diff --git a/src/app/[locale]/(default)/about/leader/page.tsx b/src/app/[locale]/(default)/about/leader/page.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/[locale]/(default)/about/page.tsx b/src/app/[locale]/(default)/about/page.tsx
index a16200f..d144682 100644
--- a/src/app/[locale]/(default)/about/page.tsx
+++ b/src/app/[locale]/(default)/about/page.tsx
@@ -1,4 +1,6 @@
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import {Button} from 'src/components/ui/Button';
+import {Card} from 'src/components/ui/Card';
 
 export async function generateMetadata({
   params: { locale },
@@ -18,5 +20,50 @@ export default function AboutPage({
   params: { locale: string };
 }) {
   unstable_setRequestLocale(locale);
-  return <div>this should be about page</div>;
-}
+  return <div>
+    <div className='flex flex-col items-center justify-center mt-7 mb-5'>
+      <img className='pizzaWolfs'
+      src="/about/pizzaWolfs-min.png" 
+      alt="pizza wolfs" 
+      height={400} 
+      width={400} 
+      />
+    </div>
+
+    <div>
+      <p className='text-5xl'>Hva er Hackerspace?</p>
+
+      <p> 
+      Hackerspace NTNU er et studentdrevet prosjekt åpent for alle studenter uansett studieretning eller 
+      Hackerspace-medlemsskap. Vi tilbyr en kreativ arena der studenter fra forskjellige linjer kan få 
+      hjelp til å realisere idéene sine i et engasjert og inkluderende miljø. Hos oss finner du ny 
+      teknologi til din disposisjon, blant annet droner, 3D-printere og Virtual Reality-utstyr. 
+      </p>
+      <p>
+      Om du er en førsteklassing som trenger hjelp med ditt første Arduino-prosjekt eller en fjerdeklassing
+      som ønsker å lage en 3D-modell av Trondheim, kan vi stille med både utstyr og kompetanse. Vi holder 
+      også regelmessig kurs for både nybegynnere og viderekomne innen mange spennende emner.
+      </p>
+      <p>
+      Kom innom for å se hva vi driver med og slå av en prat.
+      Du finner oss i andre etasje i A-blokka på Realfagbygget, NTNU Gløshaugen.
+      </p>
+    </div>
+    <div className='flex felx-col items-center justify-center '>
+      <Button> Vis kart!</Button>
+
+    </div>
+    <div>
+      <p className='text-xl'> Oversikt over gruppene </p>
+      <div className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 content-stretch'>
+        <Card > Ledelsen</Card>
+        <Card>Tillitsvalg</Card>
+        <Card>DevOps</Card>
+        <Card>LavOps</Card>
+        <Card>Prosjekt: Spill</Card>
+        <Card>Prosjekt: Breadboard Computer</Card>
+      </div>
+    </div>
+    
+</div>;
+}
\ No newline at end of file