function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a192f] text-gray-300", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full h-[80px] flex justify-between items-center px-4 bg-[#0a192f] text-gray-300", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#64ffda] font-montserrat text-2xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Venom"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "px-4 cursor-pointer font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "px-4 cursor-pointer font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { className: "px-4 cursor-pointer font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Skills"), /*#__PURE__*/ React.createElement("li", { className: "px-4 cursor-pointer font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Work"), /*#__PURE__*/ React.createElement("li", { className: "px-4 cursor-pointer font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden z-10 cursor-pointer", onClick: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, !isMenuOpen ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `${isMenuOpen ? "fixed" : "hidden"} top-0 left-0 w-full h-screen bg-[#0a192f] flex flex-col justify-center items-center`, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "py-6 text-4xl font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "py-6 text-4xl font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { className: "py-6 text-4xl font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Skills"), /*#__PURE__*/ React.createElement("li", { className: "py-6 text-4xl font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Work"), /*#__PURE__*/ React.createElement("li", { className: "py-6 text-4xl font-montserrat hover:text-[#64ffda]", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-[1000px] mx-auto px-8 flex flex-col justify-center h-screen", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#64ffda] font-montserrat", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Hi, my name is"), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl sm:text-7xl font-bold text-[#ccd6f6] font-montserrat", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "VENOM"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl sm:text-7xl font-bold text-[#8892b0] font-montserrat", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "I'm a Full Stack Developer."), /*#__PURE__*/ React.createElement("p", { className: "text-[#8892b0] py-4 max-w-[700px] font-montserrat", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "I'm a full-stack developer specializing in building exceptional digital experiences. Currently, I'm focused on building responsive full-stack web applications."), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white border-2 px-6 py-3 my-2 flex items-center hover:bg-[#64ffda] hover:border-[#64ffda] hover:text-[#0a192f] font-montserrat", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "View Work", /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "fixed flex flex-col top-[35%] left-0", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "w-[160px] h-[60px] flex justify-between items-center ml-[-100px] hover:ml-[-10px] duration-300 bg-blue-600", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "flex justify-between items-center w-full text-gray-300 font-montserrat", href: "/", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "LinkedIn ", /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-2xl", __source: { fileName: "", lineNumber: 92, columnNumber: 26 }, __self: this }))), /*#__PURE__*/ React.createElement("li", { className: "w-[160px] h-[60px] flex justify-between items-center ml-[-100px] hover:ml-[-10px] duration-300 bg-[#333333]", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "flex justify-between items-center w-full text-gray-300 font-montserrat", href: "/", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "Github ", /*#__PURE__*/ React.createElement("i", { className: "fab fa-github text-2xl", __source: { fileName: "", lineNumber: 100, columnNumber: 24 }, __self: this }))), /*#__PURE__*/ React.createElement("li", { className: "w-[160px] h-[60px] flex justify-between items-center ml-[-100px] hover:ml-[-10px] duration-300 bg-[#6fc2b0]", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "flex justify-between items-center w-full text-gray-300 font-montserrat", href: "/", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-2xl", __source: { fileName: "", lineNumber: 108, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("li", { className: "w-[160px] h-[60px] flex justify-between items-center ml-[-100px] hover:ml-[-10px] duration-300 bg-[#565f69]", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "flex justify-between items-center w-full text-gray-300 font-montserrat", href: "/", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, "Resume ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-file text-2xl", __source: { fileName: "", lineNumber: 116, columnNumber: 24 }, __self: this }))))))); }