frontend/src/components/Header.tsx

import React from 'react';

export const Header: React.FC = () => {
  return (
    <header className="sticky top-0 z-10 bg-black/10 backdrop-blur-lg border-b border-white/10 shadow-lg">
      <div className="container mx-auto px-4 py-5 md:px-8">
        <h1 className="text-3xl font-bold text-white">
          Prevently<span className="text-cyan-300">.ai</span>
        </h1>
        <p className="mt-1 text-md text-slate-300">
          AI-Powered Hospital Readmission Risk Prediction
        </p>
      </div>
    </header>
  );
};