// @ts-nocheck
import { useEffect, useState } from 'react';

export default function TeamPage() {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
    // Rediriger vers team.html qui contient les vraies visualisations
    if (typeof window !== 'undefined') {
      window.location.href = '/team.html';
    }
  }, []);

  if (!mounted) {
    return (
      <div
        style={{
          width: '100vw',
          height: '100vh',
          background: '#1a4d3a',
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          position: 'fixed',
          top: 0,
          left: 0,
          zIndex: 9999,
        }}
      >
        <div style={{ color: 'white', fontSize: '18px' }}>
          Chargement des visualisations équipe...
        </div>
      </div>
    );
  }

  return null;
}