diff --git a/pages/database-reference/index.mdx b/pages/database-reference/index.mdx
new file mode 100644
index 0000000..f0e12f3
--- /dev/null
+++ b/pages/database-reference/index.mdx
@@ -0,0 +1,27 @@
+---
+title: Database Reference | Datasquirel docs
+description: Learn SQL in conjunction with Datasquirel
+page_title: Database Reference
+page_description: Learn SQL in conjunction with Datasquirel
+---
+
+## Overview
+
+SQL (Sequential Query Language) is the industry-standard, battle-tested database querying language used to interact with relational databases. While datasquirel aims to abstract much of it, knowing the basics is still very important to get the full power of datasquirel management system.
+
+<div className="w-full grid grid-cols-1 gap-4 items-stretch">
+    <DocsCard
+        title="Data Types"
+        description="Learn SQL data types"
+        img={<RailSymbol />}
+        href="/docs/database-reference/data-types"
+        className="h-full"
+    />
+    <DocsCard
+        title="Querying Data"
+        description="Basic data querying with SQL"
+        img={<DatabaseZap />}
+        href="/docs/database-reference/querying-data"
+        className="h-full"
+    />
+</div>
diff --git a/pages/gui-reference/index.mdx b/pages/gui-reference/index.mdx
new file mode 100644
index 0000000..be53519
--- /dev/null
+++ b/pages/gui-reference/index.mdx
@@ -0,0 +1,33 @@
+---
+title: GUI Reference | Datasquirel docs
+description: Datasquirel Graphic User Interface provides a way to manage database instances from your browser
+page_title: GUI Reference
+page_description: Datasquirel Graphic User Interface provides a way to manage database instances from your browser
+---
+
+## Quick Links
+
+<br />
+
+<div className="w-full grid grid-cols-1 gap-4 items-stretch">
+    <DocsCard
+        title="Create Account"
+        description="Create a free account to get started."
+        href="/docs/gui-reference/getting-started/create-an-account"
+    />
+    <DocsCard
+        title="Create Database"
+        description="Create a database."
+        href="/docs/gui-reference/databases/create-database"
+    />
+    <DocsCard
+        title="Add Table"
+        description="Add a table to your database."
+        href="/docs/gui-reference/databases/create-table"
+    />
+    <DocsCard
+        title="Add Entry"
+        description="Add an entry to your table."
+        href="/docs/gui-reference/databases/add-entry"
+    />
+</div>