diff --git a/home/_data/footer.yml b/home/_data/footer.yml
new file mode 100644
index 00000000..dfc3cedb
--- /dev/null
+++ b/home/_data/footer.yml
@@ -0,0 +1,36 @@
+- title: Websites
+  cats:
+  - name: Documentation
+    link: aa.bb
+  - name: Demo
+    link: aa.cc
+  - name: Plugins
+    link: plugin-repo
+
+- title: Contribute
+  cats:
+  - name: Translate
+    link: crowdin
+  - name: Code
+    link: github
+  - name: Report
+    link: github
+  - name: Document
+    link: inventree-docs
+  - name: Discuss
+    link: invetre/dicuss
+  - name: Fund
+    link: sponsoring
+
+- title: Extend
+  cats:
+  - name: Plugins
+    link: plugin-repo
+  - name: KiCad
+    link: ki-n-tree
+  - name: Fusion360
+    link: F360-Inventree
+  - name: Python
+    link: inventree-python
+  - name: More
+    link: github-tag-inventree
\ No newline at end of file
diff --git a/home/_includes/footer.html b/home/_includes/footer.html
index cd8fc696..29b4f56b 100644
--- a/home/_includes/footer.html
+++ b/home/_includes/footer.html
@@ -9,77 +9,25 @@
         </a>
         <p class="mt-2 text-sm text-gray-500">{{ site.tagline }}</p>
       </div>
+
       <div class="flex-grow flex flex-wrap md:pl-20 -mb-10 md:mt-0 mt-10 md:text-left text-center">
+      
+      {% for cat in site.data.footer %}
         <div class="lg:w-1/4 md:w-1/2 w-full px-4">
-          <h2 class="footer-categorie title-font">CATEGORIES</h2>
+          <h2 class="footer-categorie title-font">{{ cat.title }}</h2>
           <nav class="list-none mb-10">
+            {% for item in cat.cats %}
             <li>
-              <a class="footer-link">First Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Second Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Third Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Fourth Link</a>
-            </li>
-          </nav>
-        </div>
-        <div class="lg:w-1/4 md:w-1/2 w-full px-4">
-          <h2 class="footer-categorie title-font">CATEGORIES</h2>
-          <nav class="list-none mb-10">
-            <li>
-              <a class="footer-link">First Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Second Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Third Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Fourth Link</a>
-            </li>
-          </nav>
-        </div>
-        <div class="lg:w-1/4 md:w-1/2 w-full px-4">
-          <h2 class="footer-categorie title-font">CATEGORIES</h2>
-          <nav class="list-none mb-10">
-            <li>
-              <a class="footer-link">First Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Second Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Third Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Fourth Link</a>
-            </li>
-          </nav>
-        </div>
-        <div class="lg:w-1/4 md:w-1/2 w-full px-4">
-          <h2 class="footer-categorie title-font">CATEGORIES</h2>
-          <nav class="list-none mb-10">
-            <li>
-              <a class="footer-link">First Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Second Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Third Link</a>
-            </li>
-            <li>
-              <a class="footer-link">Fourth Link</a>
+              <a href="{{ item.link }}" class="footer-link">{{ item.name }}</a>
             </li>
+            {% endfor %}
           </nav>
         </div>
+      {% endfor %}
+
       </div>
     </div>
+
     <div class="bg-gray-100">
       <div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
         <p class="text-gray-500 text-sm text-center sm:text-left">© 2021 {{ site.title }} — made with love by