asz

_config.yml

@@ -146,6 +146,54 @@ navigation_header:
 - title: Fork Alembic
   url: https://github.com/daviddarnes/alembic
 
+footer:
+  logo: "/assets/logos/logo.svg"
+  description: "Geek is feature-rich components and beautifully Bulma-based UIKit for developers, built with a responsive framework."
+  social_links:
+    - name: facebook
+      url: "https://facebook.com/"
+    - name: twitter
+      url: "https://twitter.com/"
+    - name: instagram
+      url: "https://instagram.com/"
+  links:
+    - title: Company
+      items:
+        - name: About
+          url: "/about"
+        - name: Pricing
+          url: "/pricing"
+        - name: Blog
+          url: "/blog"
+        - name: Careers
+          url: "/careers"
+        - name: Contact
+          url: "/contact"
+    - title: Support
+      items:
+        - name: Help and Support
+          url: "/support"
+        - name: Become Instructor
+          url: "/instructor"
+        - name: Get the app
+          url: "/app"
+        - name: FAQ’s
+          url: "/faq"
+        - name: Tutorial
+          url: "/tutorial"
+  contact:
+    address: "339 McDermott Points Hettingerhaven, NV 15283"
+    email: "[email protected]"
+    phone: "(000) 123 456 789"
+  policies:
+    - name: Privacy Policy
+      url: "/privacy"
+    - name: Cookie Notice
+      url: "/cookies"
+    - name: Terms of Use
+      url: "/terms"
+
+
 navigation_footer:
 - title: Created by David Darnes
   url: https://darn.es

_includes/footer.html

@@ -0,0 +1,69 @@
+{% assign footer = site.footer %}
+
+<footer class="footer has-background-white pt-5">
+  <div class="container">
+    <div class="columns is-multiline">
+      <!-- About Company -->
+      <div class="column is-4">
+        <div class="mb-4">
+          {% if footer.logo %}
+            <figure class="image is-64x64">
+              <img src="{{ footer.logo }}" alt="Company Logo">
+            </figure>
+          {% else %}
+            <figure class="image is-64x64 is-skeleton">
+              <img alt="Placeholder" src="https://placehold.co/64x64">
+            </figure>
+          {% endif %}
+          <p class="mt-4">{{ footer.description | default: "Your description here." }}</p>
+          <div class="is-flex mt-4 is-align-items-center">
+            {% for social in footer.social_links %}
+              <a href="{{ social.url }}" class="icon mr-3">
+                <i class="fab fa-{{ social.name | downcase }}"></i>
+              </a>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+
+      <!-- Dynamic Footer Links -->
+      {% for section in footer.links %}
+        <div class="column is-2">
+          <div class="mb-4">
+            <h3 class="title is-5 mb-3">{{ section.title }}</h3>
+            <ul>
+              {% for link in section.items %}
+                <li><a href="{{ link.url }}" class="has-text-dark">{{ link.name }}</a></li>
+              {% endfor %}
+            </ul>
+          </div>
+        </div>
+      {% endfor %}
+
+      <!-- Contact Info -->
+      <div class="column is-3">
+        <div class="mb-4">
+          <h3 class="title is-5 mb-3">Get in Touch</h3>
+          <p>{{ footer.contact.address }}</p>
+          <p>Email: <a href="mailto:{{ footer.contact.email }}" class="has-text-dark">{{ footer.contact.email }}</a></p>
+          <p>Phone: <span class="has-text-dark has-text-weight-semibold">{{ footer.contact.phone }}</span></p>
+        </div>
+      </div>
+    </div>
+
+    <!-- Bottom Section -->
+    <div class="columns is-vcentered mt-6 pt-4 border-top">
+      <div class="column is-4">
+        <p>&copy; <span id="copyright"></span> {{ site.title }}, Inc. All Rights Reserved</p>
+        <script>document.getElementById("copyright").textContent = new Date().getFullYear();</script>
+      </div>
+      <div class="column is-8 has-text-right">
+        <nav class="level">
+          {% for policy in footer.policies %}
+            <a href="{{ policy.url }}" class="level-item has-text-dark">{{ policy.name }}</a>
+          {% endfor %}
+        </nav>
+      </div>
+    </div>
+  </div>
+</footer>

_layouts/blog.html

@@ -67,7 +67,7 @@ <h1 class="title is-1">{{ page.title }}</h1>
   </div>
 </main>
 
-{% include site-footer.html %}
+{% include footer.html %}
 <script>
   document.addEventListener('DOMContentLoaded', function () {
     const authorFilter = document.getElementById('author-filter');

_layouts/categories.html

@@ -28,4 +28,4 @@ <h1 class="title">{{ page.title }}</h1>
   </div>
 </main>
 
-{% include site-footer.html %}
+{% include footer.html %}

_layouts/docs.html

@@ -125,7 +125,7 @@ <h1 class="title is-2">{{ page.title }}</h1>
       </div>
     </section>
 
-    {% include site-footer.html %}
+    {% include footer.html %}
 
     <script>
       document.addEventListener('DOMContentLoaded', function () {

_layouts/page.html

@@ -23,4 +23,4 @@ <h1 class="title animated intensifies">{{ page.title }}</h1>
   </div>
 </main>
 
-{% include site-footer.html %}
+{% include footer.html %}

_layouts/post.html

@@ -33,4 +33,4 @@ <h1 class="title is-2">{{ page.title }}</h1>
   </div>
 </main>
 
-{% include site-footer.html %}
+{% include footer.html %}