diff --git a/gatsby-node.js b/gatsby-node.js
index 853b19a..e548153 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -55,11 +55,6 @@ exports.createPages = ({ actions, graphql }) => {
           },
         })
       })
-
-      createPage({
-        path: '/profil/',
-        component: path.resolve('./src/templates/design-manual.js'),
-      })
     })
     .then(() => {
       return graphql(`
diff --git a/src/pages/profil.js b/src/pages/profil.js
new file mode 100644
index 0000000..ba10178
--- /dev/null
+++ b/src/pages/profil.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import Layout from '../components/Layout'
+
+const DesignManual = () => (
+  <Layout>
+    <section className="page design-manual">
+      <h1 className="section-title">Profil</h1>
+      <p>Hei</p>
+    </section>
+  </Layout>
+)
+
+export default DesignManual
diff --git a/src/templates/design-manual.js b/src/templates/design-manual.js
deleted file mode 100644
index 6985e3d..0000000
--- a/src/templates/design-manual.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import Layout from '../components/Layout'
-
-export default class DesignManual extends React.Component {
-  render() {
-    return (
-      <Layout>
-        <section className="page design-manual">
-          <h1 className="section-title">Profil</h1>
-          <p>Hei</p>
-        </section>
-      </Layout>
-    )
-  }
-}