🎱 Feil-side lagt til!

Co-authored-by: Amalie Erdal Mansaker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>

frontend/pages/feil.tsx

@@ -0,0 +1,54 @@
+import "@navikt/ds-css";
+
+import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
+import { BugIcon, UploadIcon, ArrowLeftIcon } from "@navikt/aksel-icons";
+
+export default function Home() {
+    return (
+      <main className="flex flex-col justify-center gap-32 p-16">
+        <div className="w-1/2 flex flex-col gap-4 justify-center">
+            <BugIcon 
+                title="Insekts ikon" 
+                fontSize="3rem" 
+            />
+            <Heading 
+                level="1" 
+                size="xlarge"
+            >
+                    Innmelding av feil i speil
+            </Heading>
+        </div>
+        <div className="w-1/2 flex flex-col gap-4 justify-center">
+            <TextField 
+                label="Tittel" 
+                description="En kort oppsummering av problemet" 
+            />
+            <Textarea 
+                label="Beskrivelse" 
+                description="Detaljert beskrivelse av problemet" 
+            />
+
+            <Button 
+                variant="secondary"
+                icon={<UploadIcon />}
+            >
+                Last opp skjermbilder
+            </Button>
+        </div>
+        <div className="w-1/2 flex flex-col gap-2 justify-center">
+            <Button
+                variant="primary"
+            >
+                Meld inn feil
+            </Button>
+            <Button
+                variant="tertiary"
+                icon={<ArrowLeftIcon />}
+            >
+                Gå tilbake til hovedmenyen
+            </Button>
+        </div>
+
+      </main>
+    )
+  }

frontend/pages/index.tsx

@@ -5,9 +5,10 @@ import { Button, Heading } from "@navikt/ds-react";
 export default function Home() {
   return (
     <main className="flex justify-center">
-      <div className="w-1/2 flex justify-center">
+      <div className="w-1/2 flex flex-col gap-4 justify-center text-center">
         <Heading level="1" size="xlarge">Sprik</Heading>
-        <Button variant="secondary">Test</Button>
+        <Button variant="primary">Meld inn feil</Button>
+        <Button variant="secondary">Meld inn funksjonalitetsønsker</Button>
       </div>
     </main>
   )