text: import React from 'react'
  import { Fragment } from 'react'
  import { Popover, Transition } from '@headlessui/react'
  import { MenuIcon, XIcon } from '@heroicons/react/outline'
  import portfolioIcon from '../assets/images/portfolio.svg'
  import Navbar from './Navbar'
  
  const Hero = () => {
      return (
          <>
              <div className="relative bg-white overflow-hidden">
  				<div className="relative max-w-7xl mx-auto">
  					<div className="relative z-10 pb-8 bg-white sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
  						<svg
  							className="hidden lg:block absolute right-0 inset-y-0 h-full w-48 text-white transform translate-x-1/2"
  							fill="currentColor"
  							viewBox="0 0 100 100"
  							preserveAspectRatio="none"
  							aria-hidden="true"
  						>
  							<polygon points="50,0 100,0 50,100 0,100" />
  						</svg>
  
                          <Navbar />
  						<main className="mt-8 mx-auto max-w-7xl px-4 sm:mt-20 sm:px-6 md:mt-16 lg:mt-18 lg:p-10 xl:mt-18">
  							<div className="sm:text-center lg:text-left">
  								<h1 className="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
  									<span className="block xl:inline">Irving</span>{' '}
  									<span className="block text-indigo-600 xl:inline">Zamora</span>
  								</h1>
  								<p className="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
  									Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet
  									fugiat veniam occaecat fugiat aliqua.
                </p>
  								
  							</div>
  						</main>
  					</div>
  					<div className="lg:absolute lg:inset-y-0 lg:right-10 lg:w-1/2 md:mt-16 lg:mt-18">
  						<img
  							className="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full lg:rounded-3xl"
  							src="https://pbs.twimg.com/media/ELjnExxXUAI9VY2.jpg"
  							alt=""
  						/>
  					</div>
  				</div>
  			</div>
          </>
      )
  }
  
  export default Hero
  