website refactor

apps/website/ui/FeatureItem.tsx

@@ -6,6 +6,8 @@ import { Text } from './Text';
 import { LucideIcon } from 'lucide-react';
 import { IconContainer } from './IconContainer';
 
+import { Icon } from './Icon';
+
 interface FeatureItemProps {
   title: string;
   description: string;
@@ -16,12 +18,12 @@ interface FeatureItemProps {
  * FeatureItem - A semantic UI component for a single feature/pillar.
  * Allowed to use Stack primitive.
  */
-export function FeatureItem({ title, description, icon: Icon }: FeatureItemProps) {
+export function FeatureItem({ title, description, icon }: FeatureItemProps) {
   return (
     <Panel variant="default" padding="lg">
       <Stack direction="col" gap={6}>
         <IconContainer>
-          <Icon className="w-5 h-5 text-[var(--ui-color-intent-primary)]" />
+          <Icon icon={icon} size={5} intent="primary" />
         </IconContainer>
         <Stack direction="col" gap={4}>
           <Heading level={3} weight="bold" uppercase>