From 8be72acf26eedbdb8976e3c52be7514b9a03e726 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Wed, 22 Jan 2025 08:48:35 +0300
Subject: [PATCH] Enhance welcome page with new resource links and improved UI
 elements

- Added a new link to the Postman collection for easier access to API documentation.
- Introduced a link to the SwaggerHub collection, providing users with additional API resources.
- Updated existing links to open in a new tab for better user experience.
- Enhanced SVG icons and text descriptions for clarity and visual appeal.

These changes collectively improve the accessibility and usability of API resources on the welcome page of the Truncgil Finance application.
---
 resources/views/welcome.blade.php | 41 +++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 0905967..056d838 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -154,10 +154,10 @@
 
                     <main class="mt-6">
                         <div class="grid gap-6 lg:grid-cols-3">
-                            <a href="https://finance.truncgil.com/docs" class="group relative overflow-hidden rounded-2xl bg-gradient-to-b from-zinc-50 to-white p-6 shadow-lg transition-all duration-300 hover:shadow-xl dark:from-zinc-900 dark:to-zinc-800">
+                            <a target="_blank" href="https://finance.truncgil.com/docs" class="group relative overflow-hidden rounded-2xl bg-gradient-to-b from-zinc-50 to-white p-6 shadow-lg transition-all duration-300 hover:shadow-xl dark:from-zinc-900 dark:to-zinc-800">
                                 <div class="relative z-10">
                                     <div class="mb-4 inline-flex rounded-lg bg-green-100 p-2 dark:bg-green-900/30">
-                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600 dark:text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600 dark:text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                                         </svg>
                                     </div>
@@ -174,6 +174,43 @@
                                 </div>
                                 <div class="absolute inset-0 z-0 bg-gradient-to-br from-green-50/50 via-transparent to-transparent opacity-0 transition-opacity group-hover:opacity-100 dark:from-green-900/20"></div>
                             </a>
+                            <a target="_blank" href="https://www.postman.com/truncgil/truncgil-finance-api-v5" class="group relative overflow-hidden rounded-2xl bg-gradient-to-b from-zinc-50 to-white p-6 shadow-lg transition-all duration-300 hover:shadow-xl dark:from-zinc-900 dark:to-zinc-800">
+                                <div class="relative z-10">
+                                    <div class="mb-4 inline-flex rounded-lg bg-red-100 p-2 dark:bg-red-900/30">
+                                        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0379 0.13033C14.8991 -0.272747 11.7113 0.264019 8.87752 1.67275C6.04379 3.08148 3.69144 5.29889 2.11796 8.04457C0.544486 10.7903 -0.179442 13.9409 0.0377277 17.098C0.254897 20.2551 1.40341 23.277 3.33802 25.7813C5.27263 28.2857 7.90645 30.1601 10.9064 31.1676C13.9063 32.175 17.1376 32.2702 20.1917 31.4412C23.2457 30.6121 25.9854 28.896 28.0641 26.5099C30.1428 24.1237 31.4672 21.1748 31.8699 18.0359C32.4098 13.8273 31.2559 9.57657 28.6619 6.21869C26.068 2.8608 22.2465 0.670781 18.0379 0.13033Z" fill="#FF6C37"></path><path d="M11.5674 17.0111C11.5736 17.0238 11.5841 17.0339 11.5969 17.0397C11.6097 17.0456 11.6242 17.0468 11.6378 17.0431L14.1978 16.4911L13.121 15.3999L11.5866 16.9343C11.5745 16.9425 11.5659 16.9548 11.5623 16.969C11.5588 16.9832 11.5606 16.9982 11.5674 17.0111Z" fill="white"></path><path d="M23.5548 6.0193C23.198 6.01966 22.8459 6.10004 22.5243 6.25451C22.2027 6.40898 21.9199 6.63361 21.6966 6.91187C21.4733 7.19012 21.3153 7.51491 21.2342 7.86232C21.153 8.20973 21.1508 8.57091 21.2277 8.91928C21.3047 9.26765 21.4588 9.59433 21.6786 9.87527C21.8985 10.1562 22.1786 10.3842 22.4983 10.5426C22.818 10.701 23.1691 10.7856 23.5259 10.7903C23.8826 10.795 24.2358 10.7196 24.5596 10.5697L22.9372 8.9473C22.9186 8.92872 22.9038 8.90665 22.8937 8.88235C22.8836 8.85805 22.8784 8.83201 22.8784 8.8057C22.8784 8.77939 22.8836 8.75334 22.8937 8.72904C22.9038 8.70475 22.9186 8.68268 22.9372 8.6641L25.0572 6.5457C24.6314 6.20338 24.1011 6.01756 23.5548 6.0193Z" fill="white"></path><path d="M25.3483 6.8208L23.3611 8.8L24.9195 10.3584C25.0343 10.2778 25.1414 10.1867 25.2395 10.0864C25.6666 9.6564 25.9152 9.08072 25.9354 8.47497C25.9556 7.86923 25.7458 7.27828 25.3483 6.8208Z" fill="white"></path><path d="M21.3722 10.4737H21.337C21.2957 10.4733 21.2544 10.4771 21.2138 10.4849H21.1994C21.1548 10.4945 21.111 10.5073 21.0682 10.5233L21.0346 10.5393C21.0024 10.5527 20.9714 10.5687 20.9418 10.5873L20.9066 10.6097C20.8679 10.6364 20.8315 10.6664 20.7978 10.6993L14.905 16.5936L15.6346 17.3232L21.8746 11.8465C21.9099 11.8155 21.942 11.7812 21.9706 11.7441L21.9978 11.7089C22.0191 11.6776 22.0384 11.645 22.0554 11.6113C22.065 11.5921 22.073 11.5729 22.081 11.5537C22.0918 11.5281 22.1009 11.5019 22.1082 11.4753C22.1082 11.4561 22.1194 11.4369 22.1242 11.4177C22.1321 11.378 22.1375 11.338 22.1402 11.2977V11.2449C22.1402 11.2161 22.1402 11.1873 22.1402 11.1585C22.1402 11.1297 22.1402 11.1201 22.1322 11.1009C22.1026 10.9499 22.0289 10.811 21.9204 10.7019C21.8119 10.5929 21.6735 10.5184 21.5226 10.4881H21.4922C21.4526 10.4804 21.4125 10.4756 21.3722 10.4737Z" fill="white"></path><path d="M13.3962 15.1168L14.6058 16.32L20.5146 10.4112C20.7069 10.2232 20.9575 10.1064 21.225 10.08C20.1802 9.28 19.041 9.4896 13.3962 15.1168Z" fill="white"></path><path d="M22.2075 12.0769L22.1355 12.1473L15.8955 17.6225L16.9563 18.6817C19.5867 16.1937 21.9211 13.8241 22.2075 12.0769Z" fill="white"></path><path d="M6.64277 24.9039C6.64601 24.9153 6.65267 24.9253 6.66182 24.9328C6.67098 24.9402 6.6822 24.9447 6.69397 24.9455L9.41396 25.1327L7.88917 23.6079L6.65557 24.8399C6.64757 24.8483 6.64212 24.8587 6.63985 24.87C6.63759 24.8814 6.6386 24.8931 6.64277 24.9039Z" fill="white"></path><path d="M8.17383 23.3247L9.78182 24.9327C9.80091 24.9531 9.82645 24.9663 9.85413 24.9701C9.88181 24.9739 9.90996 24.968 9.93382 24.9535C9.95875 24.9411 9.97861 24.9205 9.98999 24.8951C10.0014 24.8697 10.0036 24.8411 9.99622 24.8143L9.72582 23.6591C9.70831 23.5842 9.71627 23.5056 9.74844 23.4358C9.7806 23.366 9.83514 23.3089 9.90342 23.2735C12.7226 21.8607 14.9962 20.4063 16.665 18.9535L15.545 17.8335L13.145 18.3503L8.17383 23.3247Z" fill="white"></path><path d="M15.2012 17.4944L14.5996 16.8928L13.7676 17.7232C13.7616 17.7304 13.7583 17.7395 13.7583 17.7488C13.7583 17.7582 13.7616 17.7672 13.7676 17.7744C13.7714 17.7829 13.7783 17.7898 13.7868 17.7936C13.7954 17.7974 13.805 17.798 13.814 17.7952L15.2012 17.4944Z" fill="white"></path><path d="M25.4043 8.11051C25.3961 8.08533 25.3826 8.0622 25.3647 8.04267C25.3469 8.02314 25.325 8.00766 25.3006 7.99728C25.2763 7.9869 25.25 7.98185 25.2235 7.98247C25.197 7.9831 25.171 7.98938 25.1471 8.0009C25.1233 8.01242 25.1022 8.02891 25.0852 8.04926C25.0683 8.06962 25.0559 8.09336 25.0489 8.1189C25.0419 8.14444 25.0404 8.17118 25.0446 8.19733C25.0488 8.22348 25.0585 8.24844 25.0731 8.27051C25.1209 8.36674 25.1399 8.47474 25.1277 8.58148C25.1155 8.68823 25.0726 8.78917 25.0043 8.87211C24.9819 8.89921 24.9676 8.93213 24.9632 8.96703C24.9587 9.00193 24.9643 9.03738 24.9792 9.06924C24.9941 9.10111 25.0178 9.12807 25.0475 9.14699C25.0771 9.16591 25.1116 9.17601 25.1467 9.17611C25.1739 9.17582 25.2007 9.16967 25.2253 9.15807C25.2499 9.14647 25.2716 9.1297 25.2891 9.10891C25.4024 8.97122 25.4735 8.80379 25.4939 8.62669C25.5143 8.4496 25.4832 8.27037 25.4043 8.11051Z" fill="#FF6C37"></path></svg>
+                                    </div>
+                                    <h2 class="text-2xl font-bold text-zinc-900 dark:text-white">Postman Collection</h2>
+                                    <p class="mt-3 text-zinc-600 dark:text-zinc-300">
+                                        Click here to download our Postman collection.
+                                    </p>
+                                    <div class="mt-4 inline-flex items-center text-red-600 dark:text-red-400">
+                                        Learn more
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="ml-1 h-5 w-5 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div class="absolute inset-0 z-0 bg-gradient-to-br from-red-50/50 via-transparent to-transparent opacity-0 transition-opacity group-hover:opacity-100 dark:from-red-900/20"></div>
+                            </a>
+                            <a target="_blank" href="https://app.swaggerhub.com/apis/truncgiltechnology/truncgil-finance/5.0.0" class="group relative overflow-hidden rounded-2xl bg-gradient-to-b from-zinc-50 to-white p-6 shadow-lg transition-all duration-300 hover:shadow-xl dark:from-zinc-900 dark:to-zinc-800">
+                                <div class="relative z-10">
+                                    <div class="mb-4 inline-flex rounded-lg bg-green-100 p-2 dark:bg-green-900/30">
+                                        
+<svg height="32" width="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 -111.91311318069563 1024 1135.9131131806957"><path d="M968.9 0H0v1024h1024V0z" fill="#85ea2d"/><path d="M301.4 330.9c-1.7 19.4.7 39.3-.6 59a496.2 496.2 0 0 1-7.9 58.2 107.5 107.5 0 0 1-46.5 65.6c46 29.9 51.1 76.3 53.8 123.4 1.5 25.4.8 51 3.4 76.1 1.9 19.5 7.4 24.5 27.5 25.2h24.1v60.2c-53.8 10.2-106.7-6.8-118.8-57.2a345.2 345.2 0 0 1-6.2-56.4c-1.3-20.2-.9-40.3-2.4-60.5-4.3-55.3-12.4-74-66.1-76.6V479a108.9 108.9 0 0 0 13.8-1.9c29-1.5 43-10.8 48.8-39a339.3 339.3 0 0 0 6.9-49.1 907.8 907.8 0 0 1 7-94.7 74.8 74.8 0 0 1 79.1-69.1c13-.6 27.9 0 38.8 0v61.7a82.2 82.2 0 0 1-14.8 1.3c-37.5-1.4-37.1 11.5-39.9 42.7zm108.4 183v2.2a34.1 34.1 0 0 1-34.4 33.8 26 26 0 0 1-4-.3h-2.5a37.4 37.4 0 0 1-37.5-37.3V510a38.9 38.9 0 0 1 41.4-35.6h.9a36.6 36.6 0 0 1 36.3 37.2 18.5 18.5 0 0 1-.1 2.3zm140.1-1.2a36.8 36.8 0 0 1-33.2 40 36.2 36.2 0 0 1-5.7.1 37.2 37.2 0 0 1-40.2-34 38.5 38.5 0 0 1-.1-4.8 22.8 22.8 0 0 1 0-3.7 38.1 38.1 0 0 1 39.3-36.7 37.2 37.2 0 0 1 39.8 34.4c.1 1.6.1 3.1.1 4.7zm139.5-.6c-1.3 23.3-21.5 48.3-41.4 37.5a38.5 38.5 0 0 1-39.9-37v-1.3a40.9 40.9 0 0 1 81.3.8zm161.3-33.7v68.7a14.6 14.6 0 0 1-7.9 2.1 47.2 47.2 0 0 0-51.4 42.6 56.1 56.1 0 0 0-.2 7.1c-2.1 21.5-1.6 43-3.1 65.1a539.7 539.7 0 0 1-6.2 70.7 77.2 77.2 0 0 1-80 66.3c-14.1.9-23.1 0-44.6 0v-61.3c10.8 0 16.6-1.1 23.9-1.3 26.2-.7 35.9-9.2 37.2-35.2 1.5-28.6 2.5-57.2 3.6-86a121.8 121.8 0 0 1 51.5-103.7 99.4 99.4 0 0 1-44.2-60.3c-5.4-31-7.1-62.9-10.1-94.3-1.6-15.8-1.6-31.6-3.1-47.3a25.9 25.9 0 0 0-28.2-23.3h-30.4v-59.9c75.3-12 122.9 12.1 127.5 81 1.9 29.1 2.1 58.4 3.8 87.4a235.6 235.6 0 0 0 7.3 46.6 38.8 38.8 0 0 0 43 33.4 57.6 57.6 0 0 1 11.7 1.4z" fill="#173647"/></svg>
+                                    </div>
+                                    <h2 class="text-2xl font-bold text-zinc-900 dark:text-white">SwaggerHub Collection</h2>
+                                    <p class="mt-3 text-zinc-600 dark:text-zinc-300">
+                                        Click here to download our SwaggerHub collection.
+                                    </p>
+                                    <div class="mt-4 inline-flex items-center text-green-600 dark:text-green-400">
+                                        Learn more
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="ml-1 h-5 w-5 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div class="absolute inset-0 z-0 bg-gradient-to-br from-green-50/50 via-transparent to-transparent opacity-0 transition-opacity group-hover:opacity-100 dark:from-green-900/20"></div>
+                            </a>
                         </div>
                     </main>