Updated home contents

Author: actuallyakash

assets/admin/css/admin-styles.css

@@ -142,6 +142,38 @@ button {
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
 }
 
+.container {
+    width: 100%;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+@media (min-width: 576px) {
+    .container {
+        max-width: 540px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 720px;
+    }
+}
+
+@media (min-width: 992px) {
+    .container {
+        max-width: 960px;
+    }
+}
+
+@media (min-width: 1200px) {
+    .container {
+        max-width: 1140px;
+    }
+}
+
 .button.ma-btn {
     background: #5A00F0;
     color: #fff;
@@ -234,6 +266,16 @@ button {
     margin: 20px 40px 0 20px;
 }
 
+#mtbody-content .ma-btn:hover {
+    background: #6000ff;
+    color: white;
+}
+
+#mtbody-content .ma-btn:focus {
+    background: #5A00F0;
+    color: #fff;
+}
+
 .ma-settings {
     padding: 15px;
 }
@@ -338,7 +380,7 @@ button {
 .ma-tabs-content-block-wrap {
     display: grid;
     align-items: center;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
     grid-gap: 15px;
 }
 
@@ -603,6 +645,10 @@ button {
     color: #78909C;
 }
 
+.mt-banner img {
+    width: 100%;
+}
+
 /* Extension (Coming Soon) */
 
 .coming-soon .mt-illustration {
@@ -626,13 +672,3 @@ button {
     margin-top: 26px;
     text-transform: capitalize;
 }
-
-.coming-soon .cs-cta:hover {
-    background: #6000ff;
-    color: white;
-}
-
-.coming-soon .cs-cta:focus {
-    background: #5A00F0;
-    color: #fff;
-}

assets/admin/images/banner.jpg

@@ -13,30 +13,52 @@
 ?>
 
 <div id="general" class="ma-tabs-content">
-    <div class="ma-row ma-tabs-content-wrap">
+    <div class="mt-banner">
+        <img class="banner" src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/banner.jpg'; ?>" alt="">
+    </div>
+    <div class="ma-row ma-tabs-content-wrap container">
         <div class="ma-tabs-content-inner">
             <div class="ma-tabs-content-block-wrap">
-                <!-- Documentation Block -->
                 <div class="ma-tabs-block ma-tabs-block-docs">
                     <header class="ma-tabs-block-header">
-                        <h4 class="ma-tabs-block-title">Documentation</h4>
+                        <h4 class="ma-tabs-block-title">Need Help?</h4>
+                    </header>
+                    <div class="ma-tabs-block-content">
+                        <p>Facing issues while using addons? Get help from our dedicated WordPress Developers on <a href="https://mightythemes.com/support/c/mighty-addons/" target="_blank">Mighty Addons Official Forum</a>. Or join our <a target="_blank" href="https://www.facebook.com/groups/mightythemes/">Facebook Community</a> and post your questions there as well.</p>
+                        <a href="https://mightythemes.com/support/c/mighty-addons/" class="ma-btn" target="_blank">Reach out on Forum</a>
+                    </div>
+                </div>
+
+                <div class="ma-tabs-block ma-tabs-block-docs">
+                    <header class="ma-tabs-block-header">
+                        <h4 class="ma-tabs-block-title">Missing Any Feature?</h4>
                     </header>
                     <div class="ma-tabs-block-content">
-                        <p>Get started by spending some time with the documentation to get familiar with Essential Addons. Build awesome websites for you or your clients with ease.</p>
-                        <a href="#" class="ma-btn" target="_blank">Documentation</a>
+                        <p>Are we missing any features that you need for your project? Submit feature requests on GitHub and help us improve Mighty Addons.</p>
+                        <a href="https://github.com/mightythemes/Mighty-Addons/issues/new?template=issue_template.md&title=Feature%20Request:&labels=Feature%20Request" class="ma-btn" target="_blank">Request a Feature</a>
                     </div>
                 </div>
 
-                <!-- Documentation Block -->
                 <div class="ma-tabs-block ma-tabs-block-docs">
                     <header class="ma-tabs-block-header">
-                        <h4 class="ma-tabs-block-title">Documentation</h4>
+                        <h4 class="ma-tabs-block-title">Developer? Want to Contribute?</h4>
                     </header>
                     <div class="ma-tabs-block-content">
-                        <p>Get started by spending some time with the documentation to get familiar with Essential Addons. Build awesome websites for you or your clients with ease.</p>
-                        <a href="#" class="ma-btn" target="_blank">Documentation</a>
+                        <p>We 💗 Open Source. You can contribute to MightyAddons by reporting bugs, creating issues and pull requests on GitHub.</p>
+                        <a href="https://github.com/mightythemes/Mighty-Addons/issues/new?template=issue_template.md&title=&labels=bug" class="ma-btn" target="_blank">Report a Bug</a>
                     </div>
                 </div>
+
+                <div class="ma-tabs-block ma-tabs-block-docs">
+                    <header class="ma-tabs-block-header">
+                        <h4 class="ma-tabs-block-title">Loved it? Show Your Love.</h4>
+                    </header>
+                    <div class="ma-tabs-block-content">
+                        <p>Thanks for choosing Mighty Addons plugin. We are making it awesome day by day. That being said, if you could take a minute to post a review, we would so appreciate it.</p>
+                        <a href="https://wordpress.org/support/plugin/mighty-addons/reviews/#new-post" class="ma-btn" target="_blank">Yeah, you deserve 5 Stars</a>
+                    </div>
+                </div>
+
             </div>
         </div>
     </div>