website refactor

apps/website/ui/QuickActionLink.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Text } from './Text';
+
+interface QuickActionLinkProps {
+  href: string;
+  children: React.ReactNode;
+  variant?: 'blue' | 'purple' | 'orange';
+  className?: string;
+}
+
+export function QuickActionLink({ 
+  href, 
+  children, 
+  variant = 'blue',
+  className = ''
+}: QuickActionLinkProps) {
+  const variantClasses = {
+    blue: 'bg-primary-blue/20 border-primary-blue/30 text-primary-blue hover:bg-primary-blue/30',
+    purple: 'bg-purple-500/20 border-purple-500/30 text-purple-300 hover:bg-purple-500/30',
+    orange: 'bg-orange-500/20 border-orange-500/30 text-orange-300 hover:bg-orange-500/30'
+  };
+  
+  const classes = [
+    'px-4 py-3 border rounded-lg transition-colors text-sm font-medium text-center inline-block w-full',
+    variantClasses[variant],
+    className
+  ].filter(Boolean).join(' ');
+  
+  return (
+    <a href={href} className={classes}>
+      {children}
+    </a>
+  );
+}