diff --git a/pages/components/home.tsx b/pages/components/home.tsx
index 850fa7c..af4bfa3 100644
--- a/pages/components/home.tsx
+++ b/pages/components/home.tsx
@@ -1,5 +1,9 @@
+import Image from 'next/image';
 import styles from './Home.module.css';
 
 export default function Home() {
-    return <div className={styles.content}></div>
+    return <>
+        <h1 style={{textAlign: "center", fontSize: "40px", fontWeight: "bold"}}>Wyst</h1>
+        <h1 style={{textAlign: "center", fontSize: "27px", fontWeight: "revert"}}>A Modern Low Level Language</h1>
+    </>
 }
\ No newline at end of file
diff --git a/pages/docs/_meta.json b/pages/docs/_meta.json
index 646b3a9..d3673f1 100644
--- a/pages/docs/_meta.json
+++ b/pages/docs/_meta.json
@@ -1,4 +1,3 @@
 {
-  "index": "Introduction",
-  "declarations": "Declarations"
+  "index": "Introduction"
 }
diff --git a/pages/docs/declarations.mdx b/pages/docs/functions.mdx
similarity index 55%
rename from pages/docs/declarations.mdx
rename to pages/docs/functions.mdx
index f6b91ea..eeafb58 100644
--- a/pages/docs/declarations.mdx
+++ b/pages/docs/functions.mdx
@@ -1,11 +1,11 @@
-# Variables
-```c
-int x = 20;
-```
-
-# Functions
+# Defining functions
 ```c
 int my_func(int x) {
   printf("the number is: %d", x)
 }
 ```
+
+# Calling functions
+```c
+my_func(69);
+```
\ No newline at end of file
diff --git a/pages/docs/structs.mdx b/pages/docs/structs.mdx
new file mode 100644
index 0000000..de9450b
--- /dev/null
+++ b/pages/docs/structs.mdx
@@ -0,0 +1,23 @@
+# Defining a structure
+```c
+struct Point {
+  int x;
+  int y;
+  int z;
+}
+```
+
+# Using a structure as a variable
+```rust
+Point my_point { x: 0, y: 10, z: 20 };
+```
+
+# Using a structure
+```rust
+Point { x: 30, y: 40, z: 50 }
+```
+
+# Getting items from a structure
+```rust
+my_point.x
+```
\ No newline at end of file
diff --git a/pages/index.mdx b/pages/index.mdx
index e69de29..328cb4b 100644
--- a/pages/index.mdx
+++ b/pages/index.mdx
@@ -0,0 +1,3 @@
+import Home from './components/home'
+
+<Home/>
\ No newline at end of file
diff --git a/public/background.svg b/public/background.svg
new file mode 100644
index 0000000..bccc442
--- /dev/null
+++ b/public/background.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 700 700" width="700" height="700" opacity="1"><defs><linearGradient gradientTransform="rotate(150, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="ffflux-gradient"><stop stop-color="hsl(0, 0%, 0%)" stop-opacity="1" offset="0%"></stop><stop stop-color="hsl(0, 0%, 0%)" stop-opacity="1" offset="100%"></stop></linearGradient><filter id="ffflux-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+  <feTurbulence type="fractalNoise" baseFrequency="0.001 0.002" numOctaves="2" seed="327" stitchTiles="stitch" x="0%" y="0%" width="100%" height="100%" result="turbulence"></feTurbulence>
+  <feGaussianBlur stdDeviation="100 100" x="0%" y="0%" width="100%" height="100%" in="turbulence" edgeMode="duplicate" result="blur"></feGaussianBlur>
+  <feBlend mode="color-dodge" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" in2="blur" result="blend"></feBlend>
+  
+</filter></defs><rect width="700" height="700" fill="url(#ffflux-gradient)" filter="url(#ffflux-filter)"></rect></svg>
\ No newline at end of file
diff --git a/theme.config.tsx b/theme.config.tsx
index 0004fe6..a00a1f3 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -15,7 +15,7 @@ const config: DocsThemeConfig = {
     return {
       titleTemplate: '%s - Wyst'
     }
-  }
+  },
 }
 
 export default config