feat: add specialized MVC pages

Author: mychidarko

src/docs/mvc/mail.md

@@ -0,0 +1 @@
+# Mailing with Leaf MVC

src/docs/utils/mail/index.md

@@ -2,10 +2,48 @@
 
 <!-- markdownlint-disable no-inline-html -->
 
+<script setup>
+import VideoModal from '@theme/components/shared/VideoModal.vue';
+import Button from '@theme/components/shared/Button.vue';
+</script>
+
 Mailing in PHP apps has always been seen as a daunting task. Leaf Mail provides a simple, straightforward and efficient email API that is built on the widely used [PHPMailer Library](https://github.com/PHPMailer/PHPMailer) component.
 
 With Leaf Mail, you can easily send emails using various drivers and services such as SMTP, Mailgun, SendGrid, Amazon SES, and sendmail. This flexibility enables you to swiftly begin sending emails through a preferred local or cloud-based service.
 
+<div
+    class="w-full relative text-white overflow-hidden rounded-3xl flex shadow-lg sm:max-w-[50%]"
+>
+    <div
+        class="w-full flex md:flex-col bg-gradient-to-br from-pink-500 to-rose-500"
+    >
+        <div
+            class="sm:flex-none md:w-auto md:flex-auto flex flex-col items-start relative z-10 p-6"
+        >
+            <h3 class="text-xl font-semibold mb-2 text-shadow !mt-0">
+                Using Leaf MVC?
+            </h3>
+            <p class="font-medium text-rose-100 text-shadow mb-4">
+                We've crafted a specialized guide for routing in Leaf MVC. While it's similar to the mailing in Leaf, it's more detailed and tailored for Leaf MVC.
+            </p>
+            <Button
+                as="a"
+                href="/docs/mvc/mail"
+                class="mt-auto bg-rose-900 hover:!bg-rose-900 !text-white bg-opacity-50 hover:bg-opacity-75 transition-colors duration-200 rounded-xl font-bold py-2 px-4 inline-flex"
+                >Start mailing now</Button
+            >
+        </div>
+        <!-- <div
+            class="relative md:pl-6 xl:pl-8 hidden sm:block"
+        >
+            Hello
+        </div> -->
+    </div>
+    <div
+        class="absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-rose-500 hidden sm:block"
+    ></div>
+</div>
+
 ## Setting Up
 
 You can install leaf mail using the leaf cli: