From ad54bbb2800ee0d5395118634247ee191b26a36a Mon Sep 17 00:00:00 2001
From: "Carlos S. Aldazosa" <carlos.aldazosa@outlook.com>
Date: Fri, 17 Nov 2023 09:22:25 -0400
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20design=20category?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/data/svgs.ts                 | 58 +++++++++++++++++++++++++++++++-
 src/types/categories.ts          |  3 +-
 static/library/adobe.svg         | 12 +++++++
 static/library/after-effects.svg | 12 +++++++
 static/library/canva.svg         | 32 ++++++++++++++++++
 static/library/figma.svg         | 15 ++++++++-
 static/library/illustrator.svg   | 12 +++++++
 static/library/indesign.svg      | 12 +++++++
 static/library/lightroom.svg     | 12 +++++++
 static/library/photoshop.svg     | 12 +++++++
 static/library/premiere.svg      | 12 +++++++
 11 files changed, 189 insertions(+), 3 deletions(-)
 create mode 100644 static/library/adobe.svg
 create mode 100644 static/library/after-effects.svg
 create mode 100644 static/library/canva.svg
 create mode 100644 static/library/illustrator.svg
 create mode 100644 static/library/indesign.svg
 create mode 100644 static/library/lightroom.svg
 create mode 100644 static/library/photoshop.svg
 create mode 100644 static/library/premiere.svg

diff --git a/src/data/svgs.ts b/src/data/svgs.ts
index a6abf1b..dc9b1f2 100644
--- a/src/data/svgs.ts
+++ b/src/data/svgs.ts
@@ -88,7 +88,7 @@ export const svgs: iSVG[] = [
   {
     id: 13,
     title: 'Figma',
-    category: 'Software',
+    category: 'Design',
     route: '/library/figma.svg',
     url: 'https://www.figma.com/'
   },
@@ -1505,5 +1505,61 @@ export const svgs: iSVG[] = [
     category: 'Social',
     route: '/library/x.svg',
     url: 'https://x.com'
+  },
+  {
+    id: 216,
+    title: 'Adobe',
+    category: 'Design',
+    route: '/library/adobe.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 217,
+    title: 'After Effects',
+    category: 'Design',
+    route: '/library/after-effects.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 218,
+    title: 'Canva',
+    category: 'Design',
+    route: '/library/canva.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 219,
+    title: 'Illustrator',
+    category: 'Design',
+    route: '/library/illustrator.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 220,
+    title: 'InDesign',
+    category: 'Design',
+    route: '/library/indesign.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 221,
+    title: 'Lightroom',
+    category: 'Design',
+    route: '/library/lightroom.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 222,
+    title: 'Photoshop',
+    category: 'Design',
+    route: '/library/photoshop.svg',
+    url: 'https://x.com'
+  },
+  {
+    id: 223,
+    title: 'Premiere',
+    category: 'Design',
+    route: '/library/premiere.svg',
+    url: 'https://x.com'
   }
 ];
diff --git a/src/types/categories.ts b/src/types/categories.ts
index b3a3d53..1c15c5a 100644
--- a/src/types/categories.ts
+++ b/src/types/categories.ts
@@ -13,4 +13,5 @@ export type tCategory =
   | 'Entertainment'
   | 'Browser'
   | 'Language'
-  | 'Education';
+  | 'Education'
+  | 'Design';
diff --git a/static/library/adobe.svg b/static/library/adobe.svg
new file mode 100644
index 0000000..44300b3
--- /dev/null
+++ b/static/library/adobe.svg
@@ -0,0 +1,12 @@
+<svg width="91" height="80" viewBox="0 0 91 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_906_1839)">
+<path d="M56.9686 0H90.4318V80L56.9686 0Z" fill="#EB1000"/>
+<path d="M33.4632 0H0V80L33.4632 0Z" fill="#EB1000"/>
+<path d="M45.1821 29.4668L66.5199 80.0002H52.5657L46.1982 63.9461H30.6182L45.1821 29.4668Z" fill="#EB1000"/>
+</g>
+<defs>
+<clipPath id="clip0_906_1839">
+<rect width="90.4318" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/after-effects.svg b/static/library/after-effects.svg
new file mode 100644
index 0000000..2322d33
--- /dev/null
+++ b/static/library/after-effects.svg
@@ -0,0 +1,12 @@
+<svg width="83" height="80" viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_912_9)">
+<path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#00005B"/>
+<path d="M32.9624 47.8634H20.2474L17.6604 55.915C17.6252 56.0616 17.54 56.1913 17.4194 56.2817C17.2988 56.3721 17.1504 56.4177 16.9999 56.4104H10.5599C10.1927 56.4104 10.0642 56.2086 10.1746 55.805L21.1832 24.2314C21.2932 23.9012 21.4034 23.5783 21.5134 23.156C21.6576 22.4216 21.7313 21.6752 21.7336 20.9268C21.7261 20.8745 21.731 20.8212 21.7477 20.771C21.7644 20.7209 21.7926 20.6753 21.83 20.6379C21.8674 20.6005 21.9129 20.5723 21.9631 20.5556C22.0132 20.5389 22.0666 20.534 22.1189 20.5415H30.8708C31.127 20.5415 31.2738 20.6332 31.3111 20.8168L43.8058 55.86C43.9158 56.2272 43.8057 56.4107 43.4756 56.4104H36.32C36.1971 56.4241 36.0734 56.3925 35.9721 56.3216C35.8708 56.2507 35.7988 56.1453 35.7696 56.0251L32.9624 47.8634ZM22.2291 41.0745H30.9258C30.7056 40.3409 30.4487 39.5152 30.1551 38.5975C29.861 37.6807 29.5491 36.6991 29.2194 35.6527C28.8892 34.607 28.559 33.5611 28.2287 32.5153C27.8985 31.4695 27.5957 30.4604 27.3204 29.4879C27.0453 28.5161 26.7976 27.6263 26.5774 26.8184H26.5223C26.2126 28.305 25.8268 29.7747 25.3664 31.2218C24.8521 32.8731 24.3292 34.5611 23.7977 36.2857C23.2654 38.011 22.7425 39.6072 22.2291 41.0745Z" fill="#9999FF"/>
+<path d="M64.0619 44.7295H53.2185C53.3513 45.8024 53.7076 46.8355 54.2644 47.7622C54.8799 48.6798 55.7504 49.3973 56.7687 49.8263C58.1487 50.4234 59.6413 50.716 61.1447 50.684C62.3374 50.6611 63.5256 50.5306 64.6949 50.2942C65.7407 50.153 66.7656 49.8858 67.7473 49.4985C67.9304 49.3523 68.0226 49.4435 68.0226 49.7737V55.0028C68.0316 55.1452 68.0031 55.2876 67.9399 55.4156C67.8769 55.5157 67.7923 55.6003 67.6922 55.6632C66.6033 56.1456 65.4574 56.4869 64.2821 56.6791C62.6854 56.979 61.0627 57.1173 59.4383 57.092C56.8323 57.092 54.6489 56.6883 52.8882 55.881C51.2236 55.1477 49.7535 54.0357 48.5949 52.6335C47.5127 51.3123 46.7077 49.7866 46.228 48.1475C45.753 46.5297 45.512 44.8522 45.5125 43.1661C45.5074 41.3251 45.7954 39.4949 46.3657 37.7444C46.9149 36.0369 47.7834 34.4492 48.9252 33.0658C50.0513 31.6985 51.4595 30.5908 53.0534 29.8182C54.6677 29.0296 56.5761 28.7466 58.7778 28.7466C60.6037 28.7005 62.4173 29.0576 64.0894 29.7924C65.4955 30.3921 66.7333 31.3269 67.6947 32.5153C68.5965 33.679 69.2859 34.9927 69.7313 36.3959C70.165 37.7481 70.3878 39.1591 70.3918 40.5791C70.3918 41.3867 70.3643 42.1206 70.3092 42.7808C70.2543 43.4413 70.2084 43.9183 70.1716 44.2119C70.1574 44.3333 70.099 44.4452 70.0077 44.5263C69.9163 44.6075 69.7984 44.6523 69.6762 44.6523C69.456 44.6523 69.0799 44.6798 68.5479 44.7349C68.0155 44.7899 67.355 44.8266 66.5664 44.8449C65.7768 44.8638 64.9426 44.7295 64.0619 44.7295ZM53.2185 39.7153H60.4291C61.3098 39.7153 61.9611 39.7061 62.383 39.6878C62.6654 39.6595 62.938 39.5692 63.1813 39.4232V39.0929C63.1702 38.6624 63.096 38.2359 62.9611 37.827C62.6641 36.8879 62.0671 36.0723 61.2616 35.5055C60.4561 34.9387 59.4869 34.652 58.5027 34.6895C57.5764 34.6335 56.6538 34.8483 55.8474 35.3077C55.0411 35.7671 54.3858 36.4511 53.9616 37.2765C53.5845 38.0442 53.3336 38.8677 53.2185 39.7153Z" fill="#9999FF"/>
+</g>
+<defs>
+<clipPath id="clip0_912_9">
+<rect width="82.0513" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/canva.svg b/static/library/canva.svg
new file mode 100644
index 0000000..a0b5e15
--- /dev/null
+++ b/static/library/canva.svg
@@ -0,0 +1,32 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_905_1790)">
+<path d="M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z" fill="#7D2AE7"/>
+<path d="M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z" fill="url(#paint0_radial_905_1790)"/>
+<path d="M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z" fill="url(#paint1_radial_905_1790)"/>
+<path d="M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z" fill="url(#paint2_radial_905_1790)"/>
+<path d="M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z" fill="url(#paint3_radial_905_1790)"/>
+<path d="M57.2691 48.2052C56.939 48.2052 56.6485 48.484 56.3462 49.0928C52.9323 56.0153 47.0358 60.9134 40.2125 60.9134C32.3228 60.9134 27.437 53.7913 27.437 43.9522C27.437 27.2855 36.7232 17.6491 44.8796 17.6491C48.691 17.6491 51.0186 20.0443 51.0186 23.8559C51.0186 28.3796 48.4485 30.7748 48.4485 32.3702C48.4485 33.0864 48.8939 33.5201 49.7773 33.5201C53.3264 33.5201 57.4918 29.4419 57.4918 23.6808C57.4918 18.0947 52.63 13.9888 44.4737 13.9888C30.994 13.9888 19.0142 26.4858 19.0142 43.777C19.0142 57.1614 26.6572 66.0061 38.45 66.0061C50.9668 66.0061 58.2043 53.5526 58.2043 49.5105C58.2043 48.6153 57.7466 48.2052 57.2691 48.2052Z" fill="white"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_905_1790" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.453 70.9057) rotate(-49.416) scale(61.8733)">
+<stop stop-color="#6420FF"/>
+<stop offset="1" stop-color="#6420FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_905_1790" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.1788 9.09457) rotate(54.703) scale(69.7735)">
+<stop stop-color="#00C4CC"/>
+<stop offset="1" stop-color="#00C4CC" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_905_1790" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.4526 70.9053) rotate(-45.1954) scale(61.1242 28.1118)">
+<stop stop-color="#6420FF"/>
+<stop offset="1" stop-color="#6420FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_905_1790" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32.7158 10.7789) rotate(66.5198) scale(62.9836 105.512)">
+<stop stop-color="#00C4CC" stop-opacity="0.725916"/>
+<stop offset="0.0001" stop-color="#00C4CC"/>
+<stop offset="1" stop-color="#00C4CC" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_905_1790">
+<rect width="80" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/figma.svg b/static/library/figma.svg
index b9d84b5..78a05a9 100644
--- a/static/library/figma.svg
+++ b/static/library/figma.svg
@@ -1 +1,14 @@
-<svg width="256" height="384" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M64 384c35.328 0 64-28.672 64-64v-64H64c-35.328 0-64 28.672-64 64s28.672 64 64 64Z" fill="#0ACF83"/><path d="M0 192c0-35.328 28.672-64 64-64h64v128H64c-35.328 0-64-28.672-64-64Z" fill="#A259FF"/><path d="M0 64C0 28.672 28.672 0 64 0h64v128H64C28.672 128 0 99.328 0 64Z" fill="#F24E1E"/><path d="M128 0h64c35.328 0 64 28.672 64 64s-28.672 64-64 64h-64V0Z" fill="#FF7262"/><path d="M256 192c0 35.328-28.672 64-64 64s-64-28.672-64-64 28.672-64 64-64 64 28.672 64 64Z" fill="#1ABCFE"/></svg>
\ No newline at end of file
+<svg width="54" height="80" viewBox="0 0 54 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_912_3)">
+<path d="M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z" fill="#0ACF83"/>
+<path d="M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z" fill="#A259FF"/>
+<path d="M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z" fill="#F24E1E"/>
+<path d="M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z" fill="#FF7262"/>
+<path d="M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z" fill="#1ABCFE"/>
+</g>
+<defs>
+<clipPath id="clip0_912_3">
+<rect width="53.3333" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/illustrator.svg b/static/library/illustrator.svg
new file mode 100644
index 0000000..de60755
--- /dev/null
+++ b/static/library/illustrator.svg
@@ -0,0 +1,12 @@
+<svg width="83" height="80" viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_906_1865)">
+<path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#330000"/>
+<path d="M39.7607 48.0096H27.0459L24.4589 56.0459C24.4237 56.1924 24.3384 56.3221 24.2178 56.4125C24.0972 56.503 23.9489 56.5485 23.7984 56.5413H17.3584C16.9911 56.5413 16.8627 56.3395 16.9731 55.9358L27.9815 24.2312C28.0917 23.901 28.2018 23.5249 28.3119 23.1028C28.4559 22.3684 28.5296 21.622 28.5321 20.8736C28.5246 20.8213 28.5294 20.7679 28.5461 20.7178C28.5629 20.6676 28.591 20.6221 28.6284 20.5847C28.6658 20.5473 28.7114 20.5191 28.7615 20.5024C28.8117 20.4856 28.865 20.4808 28.9174 20.4883H37.669C37.9255 20.4883 38.0722 20.58 38.1094 20.7635L50.6042 55.9908C50.7143 56.3581 50.6041 56.5416 50.2739 56.5413H43.1183C42.9954 56.5549 42.8717 56.5233 42.7704 56.4524C42.6692 56.3815 42.5971 56.2761 42.5679 56.156L39.7607 48.0096ZM29.0274 41.0743H37.7241C37.504 40.3407 37.2471 39.515 36.9536 38.5973C36.6594 37.6805 36.3476 36.6989 36.0179 35.6525C35.6876 34.6068 35.3572 33.561 35.027 32.5151C34.6968 31.4693 34.3941 30.4602 34.1189 29.4877C33.8436 28.5159 33.5959 27.6261 33.3759 26.8182H33.3208C33.0109 28.3048 32.6251 29.7745 32.1649 31.2216C31.6506 32.8729 31.1276 34.5609 30.5961 36.2855C30.0637 38.0108 29.5408 39.6071 29.0274 41.0743Z" fill="#FF9A00"/>
+<path d="M58.0343 26.3229C57.4729 26.3455 56.9131 26.2493 56.3914 26.0406C55.8697 25.8319 55.398 25.5155 55.007 25.112C54.6171 24.691 54.3142 24.1971 54.1158 23.6587C53.9174 23.1202 53.8274 22.5479 53.851 21.9746C53.831 21.4069 53.9309 20.8414 54.1443 20.315C54.3577 19.7886 54.6798 19.3131 55.0894 18.9197C55.4951 18.5303 55.974 18.2252 56.4984 18.0221C57.0227 17.8189 57.5822 17.7218 58.1443 17.7363C59.4654 17.7363 60.5021 18.1307 61.2543 18.9197C61.634 19.3297 61.9291 19.8105 62.1227 20.3347C62.3163 20.8589 62.4046 21.4162 62.3826 21.9746C62.4056 22.5501 62.3127 23.1245 62.1094 23.6634C61.9061 24.2024 61.5966 24.695 61.1992 25.112C60.7839 25.5214 60.2882 25.8404 59.7435 26.0488C59.1988 26.2572 58.6169 26.3505 58.0343 26.3229ZM54.2362 55.9909V29.6805C54.2362 29.3503 54.3825 29.1851 54.6766 29.1851H61.4469C61.7403 29.1851 61.887 29.3502 61.8873 29.6805V55.9909C61.8873 56.3582 61.7405 56.5416 61.4469 56.5414H54.7317C54.4015 56.5414 54.2364 56.3579 54.2362 55.9909Z" fill="#FF9A00"/>
+</g>
+<defs>
+<clipPath id="clip0_906_1865">
+<rect width="82.0513" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/indesign.svg b/static/library/indesign.svg
new file mode 100644
index 0000000..5b489d8
--- /dev/null
+++ b/static/library/indesign.svg
@@ -0,0 +1,12 @@
+<svg width="83" height="80" viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_906_1830)">
+<path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#49021F"/>
+<path d="M29.7977 20.9286V55.9908C29.7977 56.3581 29.6326 56.5415 29.3024 56.5413H22.6421C22.3481 56.5413 22.2014 56.3578 22.2019 55.9908V20.9286C22.2019 20.6353 22.367 20.4885 22.6972 20.4882H29.3574C29.4172 20.4797 29.4781 20.4853 29.5355 20.5044C29.5928 20.5235 29.6448 20.5557 29.6875 20.5984C29.7303 20.6412 29.7625 20.6932 29.7816 20.7505C29.8007 20.8078 29.8062 20.8688 29.7977 20.9286Z" fill="#FF3366"/>
+<path d="M49.5031 57.0919C46.9696 57.1304 44.4594 56.6039 42.1549 55.5506C40.0081 54.5571 38.2135 52.9352 37.0085 50.8995C35.7605 48.8268 35.1366 46.2306 35.137 43.111C35.1162 40.5847 35.7618 38.0977 37.0085 35.9004C38.2926 33.6622 40.1811 31.831 42.4577 30.6163C44.8425 29.2952 47.723 28.6347 51.0993 28.6347C51.2825 28.6347 51.521 28.6439 51.8148 28.6623C52.1081 28.6812 52.4567 28.7087 52.8607 28.7448V17.9014C52.8607 17.6451 52.9708 17.5161 53.191 17.5161H60.1263C60.1711 17.5097 60.2169 17.5138 60.2599 17.5282C60.3029 17.5425 60.3419 17.5666 60.374 17.5986C60.4061 17.6307 60.4302 17.6697 60.4445 17.7127C60.4589 17.7557 60.463 17.8015 60.4566 17.8463V50.3766C60.4566 51.001 60.4841 51.6799 60.5391 52.4132C60.5942 53.1476 60.6401 53.8081 60.6768 54.3947C60.6836 54.509 60.6556 54.6228 60.5967 54.721C60.5378 54.8192 60.4505 54.8973 60.3465 54.9452C58.5573 55.6914 56.6937 56.2449 54.7872 56.5964C53.0441 56.9181 51.2757 57.0839 49.5031 57.0919ZM52.8606 50.2665V35.2399C52.5631 35.1593 52.2594 35.104 51.9525 35.0747C51.5776 35.037 51.2009 35.0187 50.8241 35.0197C49.4884 35.0064 48.1684 35.3081 46.9711 35.9004C45.805 36.48 44.8093 37.3525 44.0814 38.4323C43.3289 39.5332 42.9528 40.9827 42.953 42.7807C42.9262 43.9806 43.1221 45.175 43.5309 46.3034C43.8636 47.2127 44.3894 48.0389 45.0722 48.7253C45.7258 49.3568 46.5172 49.8279 47.3839 50.1014C48.2994 50.3979 49.2563 50.5465 50.2186 50.5417C50.7321 50.5417 51.2091 50.5234 51.6497 50.4867C52.0599 50.4558 52.4658 50.382 52.8606 50.2665Z" fill="#FF3366"/>
+</g>
+<defs>
+<clipPath id="clip0_906_1830">
+<rect width="82.0513" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/lightroom.svg b/static/library/lightroom.svg
new file mode 100644
index 0000000..513c3b8
--- /dev/null
+++ b/static/library/lightroom.svg
@@ -0,0 +1,12 @@
+<svg width="83" height="80" viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_906_1810)">
+<path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#001E36"/>
+<path d="M43.0906 56.5413H21.4038C21.0367 56.5413 20.8532 56.3395 20.8534 55.9358V20.9837C20.8438 20.9164 20.85 20.8478 20.8715 20.7833C20.893 20.7188 20.9292 20.6602 20.9773 20.6121C21.0254 20.5641 21.084 20.5278 21.1485 20.5063C21.2129 20.4849 21.2816 20.4787 21.3489 20.4883H28.0641C28.1164 20.4809 28.1697 20.4858 28.2198 20.5026C28.27 20.5193 28.3155 20.5475 28.3529 20.5849C28.3902 20.6222 28.4184 20.6678 28.4351 20.7179C28.4519 20.768 28.4568 20.8213 28.4494 20.8737V49.606H44.2467C44.5768 49.606 44.7053 49.7711 44.6319 50.1014L43.6412 56.0459C43.6389 56.1271 43.6178 56.2066 43.5796 56.2782C43.5414 56.3498 43.4871 56.4116 43.421 56.4588C43.3189 56.5118 43.2057 56.5401 43.0906 56.5413Z" fill="#31A8FF"/>
+<path d="M48.5395 29.1851H54.5391C54.702 29.1866 54.86 29.2411 54.9892 29.3404C55.1183 29.4398 55.2115 29.5785 55.2546 29.7356C55.3855 29.9767 55.4784 30.2367 55.5299 30.5062C55.6067 30.8603 55.6618 31.2187 55.695 31.5796C55.7312 31.9648 55.7496 32.3776 55.7501 32.818C56.779 31.6199 58.0198 30.6217 59.4104 29.8733C60.9725 29.0286 62.7264 28.602 64.5019 28.6348C64.5692 28.6252 64.6378 28.6313 64.7023 28.6528C64.7668 28.6743 64.8254 28.7106 64.8734 28.7586C64.9215 28.8067 64.9577 28.8653 64.9792 28.9298C65.0007 28.9943 65.0068 29.0629 64.9972 29.1302V35.7903C64.9972 36.0475 64.8137 36.1759 64.4468 36.1756C62.2296 36.0384 60.0118 36.4348 57.9793 37.3316C57.2886 37.6303 56.6624 38.0602 56.1354 38.5975V56.0461C56.1354 56.3764 55.9886 56.5415 55.695 56.5415H49.0348C48.96 56.5522 48.8838 56.5454 48.8121 56.5215C48.7404 56.4976 48.6753 56.4574 48.6219 56.4039C48.5685 56.3505 48.5282 56.2854 48.5044 56.2137C48.4805 56.142 48.4737 56.0658 48.4844 55.991V37.0563C48.4844 36.2495 48.4753 35.3964 48.4569 34.4968C48.438 33.598 48.4105 32.7082 48.3743 31.8272C48.3499 31.071 48.2764 30.3172 48.1542 29.5705C48.1405 29.5172 48.1408 29.4613 48.1553 29.4082C48.1698 29.3551 48.1979 29.3067 48.2368 29.2677C48.2757 29.2288 48.3241 29.2007 48.3772 29.1862C48.4303 29.1717 48.4862 29.1714 48.5395 29.1851Z" fill="#31A8FF"/>
+</g>
+<defs>
+<clipPath id="clip0_906_1810">
+<rect width="82.0513" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/photoshop.svg b/static/library/photoshop.svg
new file mode 100644
index 0000000..ed1314b
--- /dev/null
+++ b/static/library/photoshop.svg
@@ -0,0 +1,12 @@
+<svg width="83" height="80" viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_906_1855)">
+<path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#001E36"/>
+<path d="M18.4758 56.1007V20.9284C18.4758 20.6721 18.5859 20.5431 18.8061 20.5431C19.3926 20.5431 19.928 20.5345 20.7357 20.5156C21.5425 20.4975 22.414 20.4792 23.3502 20.4606C24.286 20.4424 25.2768 20.4241 26.3226 20.4055C27.3683 20.3874 28.4049 20.3783 29.4324 20.3779C32.2207 20.3779 34.5692 20.7265 36.4778 21.4238C38.1996 22.0062 39.7697 22.9651 41.074 24.2309C42.1797 25.3281 43.0341 26.6521 43.5784 28.1115C44.0933 29.5318 44.3542 31.0316 44.3491 32.5424C44.3491 35.4786 43.6702 37.9005 42.3125 39.808C40.9458 41.7235 39.0247 43.1739 36.8082 43.9638C34.4964 44.8264 31.9274 45.1189 29.1022 45.1189C28.2946 45.1189 27.7258 45.1098 27.3958 45.0914C27.0656 45.0733 26.5703 45.0641 25.9098 45.0639V56.0457C25.9194 56.113 25.9132 56.1816 25.8917 56.2461C25.8702 56.3106 25.834 56.3692 25.7859 56.4172C25.7378 56.4653 25.6792 56.5015 25.6147 56.523C25.5502 56.5445 25.4816 56.5507 25.4143 56.5411H18.8611C18.604 56.5411 18.4758 56.3948 18.4758 56.1007ZM25.9098 27.1482V38.62C26.3862 38.657 26.8265 38.6753 27.2307 38.675H29.0471C30.3836 38.6706 31.7113 38.4586 32.9828 38.0467C34.0732 37.7228 35.0476 37.0923 35.7899 36.2303C36.5054 35.3866 36.8632 34.2124 36.8633 32.7076C36.8923 31.6428 36.6153 30.5921 36.065 29.6802C35.4866 28.7983 34.6506 28.1161 33.6707 27.7262C32.3913 27.2289 31.0246 26.9949 29.6526 27.0382C28.7718 27.0382 27.9921 27.0473 27.3134 27.0656C26.6339 27.0846 26.1661 27.1121 25.9098 27.1482Z" fill="#31A8FF"/>
+<path d="M65.6311 36.534C64.5967 36.0025 63.495 35.6137 62.3561 35.3781C61.1011 35.0902 59.8181 34.9425 58.5306 34.9377C57.8342 34.9189 57.1387 35.0023 56.4665 35.1855C56.0386 35.2807 55.6583 35.5245 55.3931 35.8735C55.2137 36.1526 55.1182 36.4774 55.118 36.8092C55.128 37.1311 55.2441 37.4407 55.4482 37.6899C55.7697 38.066 56.1626 38.3747 56.604 38.5981C57.3888 39.0207 58.1975 39.3975 59.0259 39.7265C60.8732 40.3449 62.6384 41.1858 64.2825 42.2309C65.4025 42.9378 66.3293 43.9119 66.9796 45.0656C67.5265 46.1581 67.8003 47.3669 67.7778 48.5884C67.8107 50.2013 67.3498 51.7858 66.4568 53.1294C65.5007 54.4933 64.1728 55.5537 62.6312 56.1842C60.961 56.9179 58.8969 57.2849 56.439 57.2851C54.8775 57.3009 53.3186 57.1533 51.7878 56.8448C50.5818 56.6236 49.4077 56.2539 48.2926 55.7439C48.1722 55.6818 48.0721 55.5867 48.0039 55.4697C47.9356 55.3527 47.9021 55.2187 47.9073 55.0834V49.1388C47.9007 49.0806 47.91 49.0217 47.9342 48.9683C47.9585 48.915 47.9968 48.8693 48.045 48.836C48.0923 48.8093 48.1466 48.7976 48.2006 48.8026C48.2547 48.8075 48.306 48.8288 48.3477 48.8636C49.6646 49.6401 51.0945 50.2065 52.5859 50.5424C53.9005 50.8719 55.2489 51.0473 56.604 51.0653C57.8881 51.0653 58.833 50.9001 59.4387 50.5699C59.7123 50.4447 59.9437 50.2429 60.1049 49.9889C60.2661 49.7349 60.3502 49.4396 60.347 49.1388C60.347 48.6623 60.0718 48.2037 59.5214 47.7627C58.971 47.3224 57.8518 46.7903 56.1637 46.1664C54.4354 45.5649 52.7967 44.7317 51.2924 43.6896C50.2165 42.9413 49.3305 41.9516 48.7054 40.7998C48.1641 39.7152 47.8904 38.5167 47.9073 37.3046C47.9042 35.8482 48.3043 34.4194 49.0632 33.1764C49.9284 31.8076 51.1709 30.718 52.641 30.039C54.2553 29.2322 56.2735 28.8286 58.6958 28.828C60.1143 28.8166 61.5315 28.9178 62.934 29.1307C63.9497 29.2596 64.9426 29.5281 65.8847 29.9289C65.9594 29.9503 66.0281 29.9888 66.0854 30.0413C66.1427 30.0939 66.1871 30.159 66.2149 30.2316C66.2521 30.366 66.2706 30.5049 66.27 30.6444V36.2037C66.2738 36.2684 66.2605 36.333 66.2316 36.3909C66.2026 36.4489 66.1589 36.4982 66.1049 36.534C66.0313 36.5706 65.9502 36.5897 65.868 36.5897C65.7858 36.5897 65.7047 36.5706 65.6311 36.534Z" fill="#31A8FF"/>
+</g>
+<defs>
+<clipPath id="clip0_906_1855">
+<rect width="82.0513" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/library/premiere.svg b/static/library/premiere.svg
new file mode 100644
index 0000000..dd429b1
--- /dev/null
+++ b/static/library/premiere.svg
@@ -0,0 +1,12 @@
+<svg width="83" height="80" viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_906_1820)">
+<path d="M14.5299 0H67.5214C75.5556 0 82.0513 6.49573 82.0513 14.5299V65.4701C82.0513 73.5043 75.5556 80 67.5214 80H14.5299C6.49573 80 0 73.5043 0 65.4701V14.5299C0 6.49573 6.49573 0 14.5299 0Z" fill="#00005B"/>
+<path d="M19.4872 56.1025V20.923C19.4872 20.6837 19.5897 20.5469 19.8291 20.5469C20.4103 20.5469 20.9573 20.5469 21.7436 20.5127C22.5641 20.4785 23.4188 20.4785 24.3419 20.4444C25.265 20.4102 26.2564 20.4102 27.3162 20.376C28.3761 20.3418 29.4017 20.3418 30.4274 20.3418C33.2308 20.3418 35.5556 20.6837 37.4701 21.4016C39.1795 21.9828 40.7521 22.9401 42.0513 24.205C43.1453 25.2991 44 26.6324 44.547 28.1025C45.0598 29.5384 45.3333 31.0085 45.3333 32.5469C45.3333 35.4871 44.6496 37.9144 43.2821 39.829C41.9145 41.7435 40 43.1794 37.7778 43.9999C35.453 44.8546 32.8889 45.1623 30.0855 45.1623C29.265 45.1623 28.718 45.1623 28.3761 45.1281C28.0342 45.0939 27.5556 45.0939 26.906 45.0939V56.0683C26.9402 56.3076 26.7692 56.5127 26.5299 56.5469C26.4957 56.5469 26.4615 56.5469 26.3932 56.5469H19.8974C19.6239 56.5469 19.4872 56.4102 19.4872 56.1025ZM26.9402 27.1452V38.6324C27.4188 38.6666 27.8633 38.7008 28.2735 38.7008H30.0855C31.4188 38.7008 32.7521 38.4956 34.0171 38.0854C35.1111 37.7777 36.0684 37.1281 36.8205 36.2734C37.5385 35.4187 37.8803 34.2563 37.8803 32.7521C37.9145 31.6922 37.641 30.6324 37.094 29.7093C36.5128 28.8204 35.6923 28.1367 34.7009 27.7606C33.4359 27.2478 32.0684 27.0427 30.6667 27.0768C29.7778 27.0768 28.9915 27.0768 28.3419 27.111C27.6581 27.0768 27.1795 27.111 26.9402 27.1452Z" fill="#9999FF"/>
+<path d="M50.1197 29.128H56.1026C56.4445 29.128 56.718 29.3674 56.8205 29.675C56.9231 29.9485 56.9915 30.2221 57.0257 30.5297C57.094 30.8716 57.1624 31.2477 57.1966 31.5896C57.2308 31.9656 57.265 32.3759 57.265 32.8203C58.2906 31.6238 59.5214 30.6323 60.9231 29.8802C62.4957 28.9913 64.3077 28.5468 66.1197 28.5468C66.359 28.5126 66.5641 28.6836 66.5983 28.9229C66.5983 28.9571 66.5983 28.9913 66.5983 29.0597V35.7263C66.5983 35.9998 66.4274 36.1024 66.0513 36.1024C64.8205 36.0682 63.5556 36.1708 62.359 36.4443C61.3675 36.6494 60.4103 36.9571 59.4872 37.3673C58.8376 37.675 58.2222 38.0853 57.7436 38.6323V56.0682C57.7436 56.4101 57.6069 56.5468 57.2992 56.5468H50.5641C50.2906 56.581 50.0513 56.4101 50.0171 56.1366C50.0171 56.1024 50.0171 56.034 50.0171 55.9998V37.0597C50.0171 36.2391 50.0171 35.3844 49.9829 34.4956C49.9487 33.6067 49.9487 32.7178 49.9145 31.8289C49.9145 31.0426 49.8462 30.2904 49.7778 29.5041C49.7436 29.3332 49.8462 29.1622 50.0171 29.128C50.0171 29.0938 50.0855 29.0938 50.1197 29.128Z" fill="#9999FF"/>
+</g>
+<defs>
+<clipPath id="clip0_906_1820">
+<rect width="82.0513" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>