website refactor

apps/website/components/teams/TeamsDirectoryHeader.tsx

@@ -1,27 +1,26 @@
 'use client';
- 
+
+import React from 'react';
+import { Plus } from 'lucide-react';
 import { Button } from '@/ui/Button';
-import { Icon } from '@/ui/Icon';
-import { PageHeader } from '@/ui/PageHeader';
-import { Plus, Users } from 'lucide-react';
- 
+import { TeamsHeader } from '@/ui/TeamsHeader';
+
 interface TeamsDirectoryHeaderProps {
   onCreateTeam: () => void;
 }
- 
+
 export function TeamsDirectoryHeader({ onCreateTeam }: TeamsDirectoryHeaderProps) {
   return (
-    <PageHeader
-      icon={Users}
-      title="Teams"
-      description="Operational Units & Racing Collectives"
+    <TeamsHeader 
+      title="Directory"
+      subtitle="Professional Racing Rosters"
       action={
         <Button 
           variant="primary" 
           onClick={onCreateTeam}
-          icon={<Icon icon={Plus} size={4} />}
+          icon={<Plus size={16} />}
         >
-          Initialize Team
+          Register Team
         </Button>
       }
     />