Untitled

const Homepage=()=>{
    return (
      <div className="flex justify-center items-center w-screen h-screen">
        <div className=" flex w-1/2  gap-8 flex-col p-10">
          <p>Hey Im Nikhil</p>
          <div className="flex flex-col">
            <span className="text-7xl font-bold">
              Front<span className="text-purple-500">End</span>
            </span>
            <span className="text-7xl font-bold">Developer</span>
          </div>
          <p>Hello Im frontend Developer ,my name is nikhil</p>
          <div className="flex gap-5">
            <button className="px-4 py-1 rounded-md bg-black shadow-lg text-white ">
              Get In Touch
            </button>
            <button className="px-4 py-1 rounded-md bg-white shadow-lg text-black border">
              Browse Projects
            </button>
          </div>
        </div>
        <div className="w-1/2 ">
        <img src="./pn.png" alt="main image" />
        </div>
      </div>
    );
}
export default Homepage;