diff --git a/pages/clicksforms/form.js b/pages/clicksforms/form.js
new file mode 100644
index 0000000..8aa9f27
--- /dev/null
+++ b/pages/clicksforms/form.js
@@ -0,0 +1,81 @@
+import Header from '../../Components/Header'
+import { Component } from 'react'
+import Styles from '../../styles/clicksforms/form.module.css';
+import Paragraph from '../../Components/Paragraph';
+import Question from '../../Components/ClicksForms/Question';
+
+export default class Form extends Component {
+	constructor(props) {
+		super(props);
+        this.form = {
+            'id': '1629451712.871201',
+            'active': true, 'anonymous': false, 'guild': 684492926528651336, 'created_by': 438733159748599813,
+            'name': 'Example form', 'description': 'The default form',
+            'required_roles': [], 'disallowed_roles': [], 'given_roles': [], 'removed_roles': [],
+            'auto_accept': false,
+            'questions': [
+                {
+                    'type': 'text', 'title': 'Text answer', 'description': 'some description',
+                    'colour': 'red', 'options': {'min': 1, 'max': 2000}, 'required': true, 'question': true, 'id': '1630426754.449609'
+                }, {
+                    'type': 'number', 'title': 'Number', 'description': 'Type something over 2 to trigger response validation',
+                    'colour': 'orange', 'options': {'min': 0, 'max': 2}, 'required': true, 'question': true, 'id': '1630426754.449615'
+                }, {
+                    'type': 'multichoice', 'title': 'Multiple choice!', 'description': '', 'colour': 'yellow', 'options': {
+                        'min': 1, 'max': 2, 'options': {'0': ['circl', false], '1': ['skware', false], '3': ['no', false]}
+                    },
+                    'required': false, 'question': true, 'id': '1630426754.449619'
+                }, {
+                    'type': 'fileupload', 'title': 'Files', 'description': '',
+                    'colour': 'green', 'options': {}, 'required': false, 'question': true, 'id': '1630426754.449629'
+                }, {
+                    'type': 'time', 'title': 'Enter a time', 'description': '',
+                    'colour': 'blue', 'options': {}, 'required': true, 'question': true, 'id': '1630426754.449632'
+                }, {
+                    'type': 'date', 'title': 'when', 'description': '',
+                    'colour': 'purple', 'options': {}, 'required': true, 'question': true, 'id': '1630426754.449635'
+                }
+            ]
+        }
+    }
+
+	render() {
+		return (
+			<>
+                <Header
+                    name={this.form.name}
+                    subtext={this.form.description + (this.form.active ? '' : <><br />This form is not accepting responses. Please check back later</>)}
+                    gradient={["71AFE5", "6576CC"]}
+                    wave="CF"
+                    buttons={[]}
+                />
+                <div id="start" />
+                <div className={Styles.form}>
+                    <div className={Styles.header}>
+                        Once completing this form, your response will be recorded
+                        {this.form.anonymous ? " and your name will not be shown" : " and your username will be visible"}
+                    </div>
+                    <div className={Styles.body}>
+                        {
+                            this.form.questions.map((question, index) => {
+                                return (
+                                    <>
+                                        <Question
+                                            key={index}
+                                            title={question.title}
+                                            description={question.description}
+                                            colour={question.colour}
+                                            type={question.type}
+                                            options={question.options}
+                                            required={question.required}
+                                        />
+                                    </>
+                                )
+                            })
+                        }
+                    </div>
+                </div>
+			</>
+		)
+	}
+}