diff --git a/src/examples/footer/compact.html b/src/examples/footer/compact.html
new file mode 100644
index 0000000..61e2996
--- /dev/null
+++ b/src/examples/footer/compact.html
@@ -0,0 +1,25 @@
+<footer class="flex flex-col sm:flex-row gap-8 justify-between p-10 bg-base-200">
+
+    <!-- Brand -->
+    <aside>
+        <span class="fa-brands fa-superpowers mr-2 text-4xl align-center text-primary"></span>
+        <p class="text-2xl">Company</p>
+        <small>Copyright © 2024 - All rights reserved</small>
+    </aside>
+
+    <!-- Socials -->
+    <nav class="flex gap-4">
+        <a class="btn btn-ghost btn-sm btn-circle">
+            <i class="fa-brands fa-github text-2xl"></i>
+        </a>
+        <a class="btn btn-ghost btn-sm btn-circle">
+            <i class="fa-brands fa-twitter text-2xl"></i>
+        </a>
+        <a class="btn btn-ghost btn-sm btn-circle">
+            <i class="fa-brands fa-facebook text-2xl"></i>
+        </a>
+        <a class="btn btn-ghost btn-sm btn-circle">
+            <i class="fa-brands fa-youtube text-2xl"></i>
+        </a>
+    </nav>
+</footer>
\ No newline at end of file
diff --git a/src/examples/footer/contentHeavy.html b/src/examples/footer/contentHeavy.html
index fc4f0bb..e0644b9 100644
--- a/src/examples/footer/contentHeavy.html
+++ b/src/examples/footer/contentHeavy.html
@@ -58,10 +58,18 @@ <h3 class="text-lg footer-title">Company</h3>
 
         <!-- Socials -->
         <nav class="flex gap-4">
-            <a class="fa-brands fa-github text-2xl"></a>
-            <a class="fa-brands fa-twitter text-2xl"></a>
-            <a class="fa-brands fa-facebook text-2xl"></a>
-            <a class="fa-brands fa-youtube text-2xl"></a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-github text-2xl"></i>
+            </a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-twitter text-2xl"></i>
+            </a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-facebook text-2xl"></i>
+            </a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-youtube text-2xl"></i>
+            </a>
         </nav>
     </aside>
 </footer>
\ No newline at end of file
diff --git a/src/examples/footer/simple.html b/src/examples/footer/simple.html
new file mode 100644
index 0000000..96a2bc5
--- /dev/null
+++ b/src/examples/footer/simple.html
@@ -0,0 +1,40 @@
+<footer class="text-base-content ">
+    <div class="footer footer-center p-10 bg-base-200">
+
+        <!-- Socials -->
+        <nav class="grid grid-flow-col gap-6">
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-github text-2xl"></i>
+            </a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-twitter text-2xl"></i>
+            </a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-facebook text-2xl"></i>
+            </a>
+            <a class="btn btn-ghost btn-sm btn-circle">
+                <i class="fa-brands fa-youtube text-2xl"></i>
+            </a>
+        </nav>
+
+        <!-- Links -->
+        <nav>
+            <div class="flex flex-wrap justify-center gap-y-2 gap-x-6 text-lg">
+                <a class="link link-hover">Contact us</a>
+                <a class="link link-hover">Services</a>
+                <a class="link link-hover">Privacy Policy</a>
+                <a class="link link-hover">Terms & Conditions</a>
+                <a class="link link-hover">Career</a>
+            </div>
+        </nav>
+    </div>
+
+    <!-- Brand -->
+    <aside class="bg-base-300 py-4 px-8 w-full flex gap-2 flex-wrap justify-between items-center text-sm">
+        <p class="text-xl">
+            <span class="fa-brands fa-superpowers mr-2 text-primary"></span>
+            <span>Company</span>
+        </p>
+        <p>Copyright © 2024 - All rights reserved</p>
+    </aside>
+</footer>
\ No newline at end of file