veza/apps/web/src/components/views/settings-view/SettingsViewHeader.tsx

import React from 'react';
import { Card } from '@/components/ui/card';

export function SettingsViewHeader() {
  return (
    <Card variant="glass" className="p-6 border-white/5 bg-black/20 backdrop-blur-xl hover-glow-cyan transition-shadow duration-[var(--duration-normal)]">
      <h2 className="text-3xl font-display font-bold text-foreground mb-2">SETTINGS</h2>
      <p className="text-muted-foreground font-mono text-sm">
        Configure your studio, account, and preferences.
      </p>
    </Card>
  );
}