function MainComponent() { const heroSection = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#F0F0F0] text-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl text-[#121212] font-bold font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "John Smith"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#575757] font-light font-roboto mt-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "QA Engineer & Software Tester"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "mt-10 inline-block text-sm font-medium font-roboto text-[#007BFF] uppercase tracking-wider bg-white py-3 px-6 border-2 border-[#007BFF] hover:bg-[#007BFF] hover:text-white transition-all duration-300 ease-in-out", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "DISCOVER MY WORK")); const aboutSection = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row items-center bg-white p-8", id: "about", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/profile.jpeg", alt: "John Smith portrait", className: "w-[300px] h-[300px] rounded-full mx-auto lg:mx-0 lg:mr-8", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center lg:items-start mt-8 lg:mt-0", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl text-[#121212] font-semibold font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Who I Am"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#575757] font-roboto mt-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "I am a diligent QA Engineer passionate about delivering high-quality software products. With strong skills in test automation, I ensure that each release meets the rigorous standards required for success in the competitive tech industry."))); const skillsSection = /*#__PURE__*/ React.createElement("div", { className: "bg-[#F7F7F7] p-8", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] font-semibold font-roboto text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "Professional Skills"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-6 mt-8", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-40 h-40 flex flex-col items-center justify-center bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code text-4xl text-[#007BFF]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#575757] font-roboto mt-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Test Automation")), /*#__PURE__*/ React.createElement("div", { className: "w-40 h-40 flex flex-col items-center justify-center bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bug text-4xl text-[#007BFF]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#575757] font-roboto mt-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Manual Testing")), /*#__PURE__*/ React.createElement("div", { className: "w-40 h-40 flex flex-col items-center justify-center bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tools text-4xl text-[#007BFF]", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#575757] font-roboto mt-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Technical Troubleshooting")), /*#__PURE__*/ React.createElement("div", { className: "w-40 h-40 flex flex-col items-center justify-center bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-4xl text-[#007BFF]", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#575757] font-roboto mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Performance Analysis")))); const experienceSection = /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] font-semibold font-roboto text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Work Experience"), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this })); const contactSection = /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F0F0] p-8", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] font-semibold font-roboto text-center", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("form", { className: "mt-8 flex flex-col items-center", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", placeholder: "Your Name", className: "font-roboto p-4 w-full max-w-md bg-white border border-[#D1D1D1] rounded mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", placeholder: "Your Email", className: "font-roboto p-4 w-full max-w-md bg-white border border-[#D1D1D1] rounded mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: "font-roboto p-4 w-full max-w-md bg-white border border-[#D1D1D1] rounded mb-4 h-40", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "font-roboto text-white bg-[#007BFF] hover:bg-[#0056b3] py-3 px-6 rounded transition-colors duration-300", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "Submit"))); return /*#__PURE__*/ React.createElement(React.Fragment, null, heroSection, aboutSection, skillsSection, experienceSection, contactSection, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, ` @keyframes fadeInUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } #about, #skills, #experience, #contact { animation: fadeInUp 1s ease-in-out; } `)); }