From af734a74102c2da530ffbfbedc8525a4784b7ac3 Mon Sep 17 00:00:00 2001
From: Benjamin Toby <ben@tben.me>
Date: Wed, 16 Jul 2025 20:25:22 +0100
Subject: [PATCH] Updates

---
 pages/database-reference/index.mdx | 27 ++++++++++++++++++++++++
 pages/gui-reference/index.mdx      | 33 ++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 pages/database-reference/index.mdx
 create mode 100644 pages/gui-reference/index.mdx

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>