codehub_/resources/js/Components/ProjectBanner.tsx

export default function ProjectBanner() {
    return (
        <div id="ProjectBanner" className="flex flex-col justify-center items-center text-center mx-8 p-8 bg-secondary-main"
            style={{width: '100%', maxWidth: '600px'}}>
                <img src="assets/images/logo-site.png" alt="CodeHub Logo" width="350" height="350" />
                <h1 className="my-4 font-black text-[52px] leading-[52px] text-white">Project CodeHub</h1>
                <p className="font-semibold text-[20px] text-white">The instructions and source codes repository for the<br />DOST - IT Department</p>
        </div>
    )
}