Merge pull request #103 from blackportal-ai/add-values-icons

Added icons to values

src/components/sections/about/Values/index.tsx

@@ -21,8 +21,12 @@ export default function Values() {
             <li key={`value-${idx}`}>
               <Card className="h-full">
                 <CardHeader>
+                  <div className="pb-2">
+                    <value.icon className="h-6 w-6" />
+                  </div>
+
                   <CardTitle className="text-xl">{value.title}</CardTitle>
-                  <CardDescription className="text-lg">
+                  <CardDescription className="text-lg leading-snug">
                     {value.text}
                   </CardDescription>
                 </CardHeader>

src/data/values.ts

@@ -1,18 +1,29 @@
+import {
+  BsLightbulb,
+  BsPeople,
+  BsPersonWorkspace,
+  BsRocketTakeoff,
+} from 'react-icons/bs';
+
 export const values = [
   {
     title: 'Pursue Excellence',
     text: 'We strive for high standards and continuous improvement in all our efforts.',
+    icon: BsRocketTakeoff,
   },
   {
     title: 'Take Ownership',
     text: 'We take responsibility for our actions, projects, and outcomes.',
+    icon: BsPersonWorkspace,
   },
   {
     title: 'Stay Pragmatic',
     text: 'We prioritize practical solutions that deliver real value.',
+    icon: BsLightbulb,
   },
   {
     title: 'Open Collaboration',
     text: 'We build trust by sharing knowledge and working together openly.',
+    icon: BsPeople,
   },
 ];