1 files changed, 35 insertions, 0 deletions
diff --git a/docusaurus/src/components/FormQuickStart.tsx b/docusaurus/src/components/FormQuickStart.tsx
new file mode 100644
index 0000000..60589fb
--- /dev/null
+++ b/docusaurus/src/components/FormQuickStart.tsx
@@ -0,0 +1,35 @@
+/**
+ * @license
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * This file is part of Wolfree.
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
+ */
+
+import React from "react";
+import submitMathInputForm from "../functions/submitMathInputForm";
+import InputMathProblems from "./InputMathProblems";
+import ShowStepButton from "./ShowStepButton";
+
+const FormQuickStart = () => (
+  <form onSubmit={submitMathInputForm}>
+    <ol>
+      <li>
+        <p>Type your math problem in the text box.</p>
+        <InputMathProblems defaultValue="y'=y" />
+      </li>
+      <li>
+        <p>
+          Click the "Show Steps" button.
+        </p>
+        <ShowStepButton />
+      </li>
+      <li>
+        <p>
+          Explore the step-by-step solution provided. 🎉
+        </p>
+      </li>
+    </ol>
+  </form>
+);
+
+export default FormQuickStart;