feat: adding cards

Author: websiddu

lib/Card/Card.tsx

@@ -32,18 +32,16 @@ export const Card = ({
   const card = (
     <div
       className={clsx(
-        'shadow-sm border rounded-xl flex p-3 flex-col items-center justify-center',
+        'shadow-sm border dark:border-gray-800 rounded-2xl flex p-3 flex-col items-center justify-center',
         className,
       )}
     >
       {icon && (
-        <div className="">
-          <img
-            src={icon}
-            alt={title}
-            className="w-10 h-10 object-contain mb-2"
-          />
-        </div>
+        <img
+          src={icon}
+          alt={title}
+          className="w-10 h-10 object-contain mb-2 dark:filter dark:invert dark:opacity-80"
+        />
       )}
       <div className="flex items-center justify-center flex-col">
         <h3 className="font-semibold">{title}</h3>
@@ -55,7 +53,7 @@ export const Card = ({
   return link ? (
     <a
       href={link}
-      className="hover:shadow-sm overflow-hidden rounded-xl transition-shadow duration-200"
+      className="hover:shadow-sm overflow-hidden rounded-2xl transition-shadow duration-200"
       target="_blank"
     >
       {card}

lib/index.ts

@@ -1,9 +1,10 @@
-export * from './Callout/Callout';
-export * from './Accordion/Accordion';
-export * from './Steps/Steps';
+export * from './utils';
+export * from './Card/Card';
 export * from './Tabs/Tabs';
+export * from './Steps/Steps';
+export * from './Callout/Callout';
+export * from './Image/ImageZoom';
 export * from './Code/Code.Server';
 export * from './Code/Code.Client';
+export * from './Accordion/Accordion';
 export * from './Typography/Typography';
-export * from './utils';
-export * from './Image/ImageZoom';