const navbar = () => {
return (
<div className='absolute top-0 left-0 w-full z-10'>
<div className='container mx-auto flex justify-between items-center py-4 px-6 md:px-20 lg:px-32 bg-trasnsparent'>
<img src="/logo.png" alt="" />
{/* <ul>
<a href="#Header" className='cursor-pointer hover:text-gray-400' >Home</a>
</ul> */}
<button>Contact</button>
</div>
</div>
)
}
export default navbar
import React from 'react'
import Navbar from './Navbar'
const Header = () => {
return (
<div className='min-h-screen mb-4 bg-cover bg-center flex items-center w-full overflow-hidden'
style={{backgroundImage:"url('/banner.jpeg')"}} id='Header'>
<Navbar />
<div className='container mx-auto text-center text-white'>
<h2>aaaaaa</h2>
<div>
<p>aa</p>
</div>
</div>
</div>
)
}
export default Header
