const Logo = () => {
  return (
    <div style={{ display:"flex", alignItems: 'center', justifyContent: 'center'}}>
      <a href="/">
        <img src="/logo-no-background.png" height="auto" width="40%"/>
      </a>
      <a
                href="/about-us"  
                className="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
                style={{ marginBottom: '40px' }}
              >
                About us
              </a>
    </div>
  )
}

export default Logo;