Implementing the pillar component [Fixes #79]

Author: AJ-Kulundu

src/components/Pillar/Pillar.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export default function Pillar({
+  count,
+  label,
+}: {
+  count: string;
+  label: string;
+}) {
+  return (
+    <div className="flex max-w-xs md:max-w-sm space-x-4 p-4 border rounded-lg items-center md:bg-[#09AFC6]">
+      <h1 className="text-2xl md:text-4xl font-extrabold md:text-white tracking-wide">
+        {count}
+      </h1>
+      <p className=" truncate text-md md:text-xl capitalize md:text-white tracking-wide">
+        {label}
+      </p>
+    </div>
+  );
+}