export default function Main() {
	return (
		<div className="h-screen w-full bg-main bg-cover bg-center text-white mb-12">
			<div className="flex justify-between px-36 py-8 items-center">
				<img src="./logo.png" alt="logo" className="h-16"></img>
				<div className="flex items-center">
					<a href="#onas">
						<h2 className="text-2xl ml-8 bg-gray-900 bg-opacity-20 px-3 py-2 hover:bg-opacity-10 border-white border-opacity-0 border-b-2 hover:border-opacity-100 transition-all">
							O nas
						</h2>
					</a>
					<a href="#kontakt">
						<h2 className="text-2xl ml-8 bg-gray-900 bg-opacity-20 px-3 py-2 hover:bg-opacity-10 border-white border-opacity-0 border-b-2 hover:border-opacity-100 transition-all">
							Kontakt
						</h2>
					</a>
					<a href="tel:504066513">
						<h2 className="text-2xl ml-8 bg-gray-900 bg-opacity-20 px-3 py-2 hover:bg-opacity-10 border-white border-opacity-0 border-b-2 hover:border-opacity-100 transition-all">
							504 066 513
						</h2>
					</a>
				</div>
			</div>
		</div>
	);
}