From d20410576e874458d8b0fbe1692bac48aa9fb527 Mon Sep 17 00:00:00 2001
From: Onur Senture <woof.uyelik@gmail.com>
Date: Wed, 6 Nov 2024 20:08:28 +0300
Subject: [PATCH] Update Figma Preview links

---
 apps/showcase/pages/uikit/index.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/showcase/pages/uikit/index.vue b/apps/showcase/pages/uikit/index.vue
index 2c405567f..84898f672 100644
--- a/apps/showcase/pages/uikit/index.vue
+++ b/apps/showcase/pages/uikit/index.vue
@@ -129,15 +129,23 @@
                 </div>
             </div>
 
-            <div class="flex flex-col md:flex-row mb-8">
+            <div class="flex flex-col md:flex-row gap-6 md:gap-6 mb-8">
                 <a
-                    href="https://www.figma.com/design/zSNx4gzCQBanAoT3fMRlhH/Preview-%7C-PrimeOne-%7C-3.0?node-id=806-36648&t=guCqX6GemTXw9rhG-1"
-                    class="p-8 w-full bg-white flex flex-col items-center border-2 border-transparent hover:border-primary transition-colors duration-300"
+                    href="https://www.figma.com/design/G855HjuSyK8viJr0a5ZjRG/Preview-%7C%C2%A0PrimeOne-%7C-3.0.1?node-id=830-41631&t=m1MbOTTqKsBSRBLS-1"
+                    class="p-8 w-full md:w-6/12 bg-white flex flex-col items-center border-2 border-transparent hover:border-primary transition-colors duration-300"
                     style="border-radius: 50px"
                 >
-                    <span class="text-gray-900 text-4xl font-bold mb-8">Preview</span>
+                    <span class="text-gray-900 text-4xl font-bold mb-8">Preview Light</span>
                     <img alt="Figma Light" src="https://primefaces.org/cdn/primevue/images/uikit/logo-figma-light.svg" class="w-16" />
                 </a>
+                <a
+                    href="https://www.figma.com/design/XBQzDl4vDOO0pyxEGYcICt/Preview-%7C%C2%A0Dark-%7C-PrimeOne-%7C-3.0.1?node-id=806-36648&t=7AME0kw905t3PVVY-1"
+                    class="p-8 w-full md:w-6/12 bg-gray-900 flex flex-col items-center border-2 border-transparent hover:border-primary transition-colors duration-300"
+                    style="border-radius: 50px"
+                >
+                    <span class="text-white text-4xl font-bold mb-8">Preview Dark</span>
+                    <img alt="Figma Dark" src="https://primefaces.org/cdn/primevue/images/uikit/logo-figma-dark.svg" class="w-16" />
+                </a>
             </div>
 
             <div class="card mb-8" style="border-radius: 50px">