diff --git a/src/components/ui/CardDescription.jsx b/src/components/ui/CardDescription.jsx
new file mode 100644
index 0000000..10d47fd
--- /dev/null
+++ b/src/components/ui/CardDescription.jsx
@@ -0,0 +1,14 @@
+import * as React from 'react'
+
+const CardDescription = React.forwardRef(
+  ({ className = '', ...props }, ref) => (
+    <p
+      ref={ref}
+      className={`text-sm text-muted-foreground ${className}`}
+      {...props}
+    />
+  )
+)
+CardDescription.displayName = 'CardDescription'
+
+export { CardDescription }
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 4db7bb2..2b815dd 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,5 +1,5 @@
 import { Button } from '@/components/ui/Button'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { services } from '@/data/services'
 import { industries } from '@/data/industries'
 import { useNavigate } from 'react-router-dom'