components/Header.js

class Header extends React.Component {
    render() {
        return (
            <header className="w-full py-6 text-center">
                <h1 className="text-4xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 text-transparent bg-clip-text">
                    Hi there. What should we dive into today?
                </h1>
            </header>
        );
    }
}