diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 17c4629..c4e00be 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -33,30 +33,8 @@
         {{ block "main" . }}{{ end }}
     </main>
 
-    <footer>
-        <div class="section bg-dark">
-            <div class="container">
-                <div class="row g-4 align-items-center">
-                    <div class="col-12 col-md-6 text-center text-md-start">
-                        <ul class="list-inline-dash">
-                            <li><a href="/faq/">FAQ</a></li>
-                            <li><a href="/careers/">Careers</a></li>
-                            <li><a href="/clients/">Clients</a></li>
-                        </ul>
-                        <p class="mt-2">&copy; {{ now.Format "2006" }} {{ .Site.Title }}, All Rights Reserved.</p>
-                    </div>
-                    <div class="col-12 col-md-6 text-center text-md-end">
-                        <ul class="list-inline">
-                            <li><a href="#"><i class="bi bi-facebook"></i></a></li>
-                            <li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
-                            <li><a href="#"><i class="bi bi-pinterest"></i></a></li>
-                            <li><a href="#"><i class="bi bi-instagram"></i></a></li>
-                        </ul>
-                    </div>
-                </div><!-- end row -->
-            </div><!-- end container -->
-        </div>
-    </footer>
+    <!-- Footer -->
+    {{ partial "footer.html" }}
 
     <!-- Scroll to top button -->
     <div class="scrolltotop icon-lg">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..f313f75
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,54 @@
+<footer>
+    <div class="section-sm bg-dark">
+        <div class="container">
+            <div class="row g-4">
+                <div class="col-6 col-sm-6 col-lg-3">
+                    <h3 class="uppercase letter-spacing-1">{{ .Site.Title }}</h3>
+                </div>
+                <div class="col-6 col-sm-6 col-lg-3">
+                    <h6 class="font-small fw-medium uppercase">Useful Links</h6>
+                    <ul class="list-dash animate-links">
+                        <li><a href="/about/">About us</a></li>
+                        <li><a href="/team/">Team</a></li>
+                        <li><a href="/pricing/">Prices</a></li>
+                        <li><a href="/contact/">Contact</a></li>
+                    </ul>
+                </div>
+                <div class="col-6 col-sm-6 col-lg-3">
+                    <h6 class="font-small fw-medium uppercase">Additional Links</h6>
+                    <ul class="list-dash animate-links">
+                        <li><a href="/services/">Services</a></li>
+                        <li><a href="/process/">Process</a></li>
+                        <li><a href="/faq/">FAQ</a></li>
+                        <li><a href="/careers/">Careers</a></li>
+                    </ul>
+                </div>
+                <div class="col-6 col-sm-6 col-lg-3">
+                    <h6 class="font-small fw-medium uppercase">Contact Info</h6>
+                    <ul class="list-unstyled">
+                        <li>121 King St, Melbourne VIC 3000</li>
+                        <li>contact@example.com</li>
+                        <li>+(123) 456 789 01</li>
+                    </ul>
+                </div>
+            </div><!-- end row -->
+        </div><!-- end container -->
+    </div>
+    <div class="bg-black py-4">
+        <div class="container">
+            <div class="row align-items-center g-2 g-lg-3">
+                <div class="col-12 col-md-6 text-center text-md-start">
+                    <p>&copy; {{ now.Format "2006" }} {{ .Site.Title }}, All Rights Reserved.</p>
+                </div>
+                <div class="col-12 col-md-6 text-center text-md-end">
+                    <ul class="list-inline-sm">
+                        <li><a class="button-circle button-circle-sm button-circle-social-facebook" href="#"><i class="bi bi-facebook"></i></a></li>
+                        <li><a class="button-circle button-circle-sm button-circle-social-twitter" href="#"><i class="bi bi-twitter-x"></i></a></li>
+                        <li><a class="button-circle button-circle-sm button-circle-social-pinterest" href="#"><i class="bi bi-pinterest"></i></a></li>
+                        <li><a class="button-circle button-circle-sm button-circle-social-instagram" href="#"><i class="bi bi-instagram"></i></a></li>
+                    </ul>
+                </div>
+            </div><!-- end row -->
+        </div><!-- end container -->
+    </div>
+</footer>
\ No newline at end of file