feat: add new brand footer

Author: mychidarko

.vitepress/config.mts

@@ -66,11 +66,6 @@ export default defineConfig({
         }
       },
     },
-
-    footer: {
-      message: `Released under the <a href="https://github.com/leafsphp/leaf/blob/v3.x/LICENSE">MIT License</a>.`,
-      copyright: `Copyright © 2019-${new Date().getFullYear()} Michael Darko-Duodu`,
-    },
   },
 
   markdown: {

.vitepress/theme/components/Community/WallOfFame.vue

@@ -3,7 +3,7 @@ import SponsorGroup from '../shared/SponsorGroup.vue';
 </script>
 
 <template>
-  <div class="flex justify-center item-center py-48">
+  <div class="flex flex-col justify-center item-center py-48">
     <section
       class="flex flex-col justify-center items-center sm:!max-w-3xl lg:!max-w-5xl xl:!max-w-7xl w-full !px-2 sm:!px-10">
       <div class="text-center mb-10">
@@ -16,5 +16,10 @@ import SponsorGroup from '../shared/SponsorGroup.vue';
 
       <SponsorGroup group="code" class="w-full sm:!grid-cols-4 md:!grid-cols-6 lg:!grid-cols-8 xl:!grid-cols-10 p-2" />
     </section>
+
+    <a href="https://www.netlify.com">
+      <img src="https://www.netlify.com/v3/img/components/netlify-dark.svg" class="w-20 mx-auto block mt-32"
+        alt="Deploys by Netlify" />
+    </a>
   </div>
 </template>

.vitepress/theme/components/Home/Footer.vue

@@ -1,84 +1,17 @@
 <template>
-  <section class="hidden md:flex flex-col justify-center !py-24">
-    <img src="/logo-circle.png" class="w-14 h-14" alt="">
-    <div class="mt-6 grid grid-cols-5 md:gap-x-8 gap-y-12">
-      <div class="lg:col-span-2">
-        <p class="max-w-sm text-xs sm:text-sm">
-          Leaf is a slim and lightweight PHP framework focused on developer experience, usability, and high-performance
-          code. It is a modern PHP framework built to be simple and elegant, yet extremely powerful.
-        </p>
-
-        <div class="mt-6">
-          <a href="https://www.netlify.com">
-            <img src="https://www.netlify.com/v3/img/components/netlify-dark.svg" class="w-20"
-              alt="Deploys by Netlify" />
-          </a>
-        </div>
+  <footer class="relative w-full bg-[var(--vp-c-bg-alt)] py-16 -mb-4">
+    <div class="flex flex-col w-full items-start justify-center max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="container">
+        <a href="https://github.com/leafsphp/leaf/blob/v4.x/LICENSE"
+          class="!no-underline transition-colors !text-[var(--vp-c-text-1)]">© 2019 - {{ (new Date()).getFullYear()
+          }}</a>
       </div>
-
-      <div>
-        <span>Learn Leaf</span>
-        <div class="text-xs mt-5">
-          <ul>
-            <li>
-              <a href="/docs/" class="transition-colors !text-[var(--vp-c-text-1)]">Getting Started</a>
-            </li>
-            <li>
-              <a href="/tutorial/" class="transition-colors !text-[var(--vp-c-text-1)]">Tutorial</a>
-            </li>
-            <li>
-              <a href="https://sandbox.leafphp.dev" class="transition-colors !text-[var(--vp-c-text-1)]">Online Playground</a>
-            </li>
-            <li>
-              <a href="https://youtube.com/@leafphp" class="transition-colors !text-[var(--vp-c-text-1)]">YouTube Videos</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-
-      <div>
-        <span>Community</span>
-        <div class="text-xs mt-5">
-          <ul>
-            <li>
-              <a href="https://x.com/leafphp" class="transition-colors !text-[var(--vp-c-text-1)]">Twitter</a>
-            </li>
-            <li>
-              <a href="https://discord.gg/Pkrm9NJPE3" class="transition-colors !text-[var(--vp-c-text-1)]">Discord</a>
-            </li>
-            <li>
-              <a href="https://github.com/leafsphp" class="transition-colors !text-[var(--vp-c-text-1)]">GitHub</a>
-            </li>
-            <li>
-              <a href="/community/contribute.html" class="transition-colors !text-[var(--vp-c-text-1)]">Contribute to
-                Leaf</a>
-            </li>
-            <li>
-              <a href="/community/" class="transition-colors !text-[var(--vp-c-text-1)]">Join our community</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-
-      <div>
-        <span>About</span>
-        <div class="text-xs mt-5">
-          <ul>
-            <li>
-              <a href="/community/team" class="transition-colors !text-[var(--vp-c-text-1)]">Our team</a>
-            </li>
-            <li>
-              <a href="/support" class="transition-colors !text-[var(--vp-c-text-1)]">Our sponsors</a>
-            </li>
-            <li>
-              <a href="/community/faq" class="transition-colors !text-[var(--vp-c-text-1)]">FAQ</a>
-            </li>
-            <li>
-              <a href="https://blog.leafphp.dev" class="transition-colors !text-[var(--vp-c-text-1)]">Our Blog</a>
-            </li>
-          </ul>
-        </div>
+      <div class="mx-auto w-full container font-bold lg:text-5xl 2xl:text-[70px]">
+        <a href="https://studio.leafphp.dev"
+          class="flex items-center gap-2 !no-underline transition-colors !text-[var(--vp-c-text-1)]"><span
+            class="lg:text-9xl 2xl:text-[180px] font-semibold">Leaf PHP</span><small class="italic ml-6">by Creative
+            Leaf</small></a>
       </div>
     </div>
-  </section>
+  </footer>
 </template>