add templates page

Author: 1ilit

docs/img/dark/templates.png

@@ -10,13 +10,13 @@ import Card from '../src/components/Card'; import Flex from '../src/components/F
 **drawDB** is a free and online open source database diagram editor where you can visiaulize your schema, share your diagram, export SQL scripts, reverse engineer DDL scripts, and much more...
 
 <Flex>
-  <Card title="Create a Diagram" link="/create-diagram">Define tables and relationships to start building your diagram.</Card>
-  <Card title="Set Up the Editor" link="/customizing-editor">Adjust editor settings for a personalized design experience.</Card>
+  <Card title="Create a Diagram" link="/docs/create-diagram">Define tables and relationships to start building your diagram.</Card>
+  <Card title="Set Up the Editor" link="/docs/customizing-editor">Adjust editor settings for a personalized design experience.</Card>
 </Flex>
 
 <br/>
 
 <Flex>
-  <Card title="Share the Diagram" link="/share">Share your diagram with others for collaboration or feedback.</Card>
-  <Card title="How It All Works" link="/how-it-works">Understand how drawDB works under the hood.</Card>
+  <Card title="Share the Diagram" link="/docs/share">Share your diagram with others for collaboration or feedback.</Card>
+  <Card title="How It All Works" link="/docs/how-it-works">Understand how drawDB works under the hood.</Card>
 </Flex>

docs/img/light/templates.png

@@ -1,4 +1,13 @@
 ---
 sidebar_position: 5
 ---
-# Templates
+
+import ThemedImage from '../src/components/ThemedImage';
+
+# Templates
+
+drawDB comes with a few built-in templates that you can "fork" to either build on or just explore the app. 
+
+Additionally you can define your own templates and load them whenever you're creating a new diagram. This can help you define reusabe componenets to later build on.
+
+<ThemedImage lightImageSrc={require("./img/light/templates.png").default} darkImageSrc={require("./img/dark/templates.png").default} alt="New File" />