function MainComponent() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const toggleMenu = ()=>{ setIsMenuOpen(!isMenuOpen); }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md fixed w-full z-10", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Your Name"), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex space-x-6", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#work", className: "hover:text-gray-600", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:text-gray-600", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Portfolio"), /*#__PURE__*/ React.createElement("a", { href: "#team", className: "hover:text-gray-600", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:text-gray-600", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("button", { onClick: toggleMenu, className: "md:hidden", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("nav", { className: "md:hidden bg-white py-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#work", className: "block px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "block px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Portfolio"), /*#__PURE__*/ React.createElement("a", { href: "#team", className: "block px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "block px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("main", { className: "pt-20", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-8", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Portfolio"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/1755226/pexels-photo-1755226.jpeg", alt: "A leopard looking directly at the camera", className: "w-full h-64 object-cover mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, "Puppy Project")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/26051261/pexels-photo-26051261/free-photo-of-a-small-echidna-is-sitting-on-the-ground.jpeg", alt: "A small echidna sitting on the ground", className: "w-full h-64 object-cover mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Echidna Essay")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/36485/ladybug-flight-beetle-insect.jpg", alt: "A ladybug in flight", className: "w-full h-64 object-cover mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Ladybug Legal Brief")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/105804/pexels-photo-105804.jpeg", alt: "A close-up of a frog's eye", className: "w-full h-64 object-cover mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Owl Overview")))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "bg-gray-100 py-12", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-8", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-4", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 px-4 mb-8 md:mb-0", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "123 Portfolio St, City, State 12345"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Phone: (123) 456-7890"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "Email: info@portfolio.com")), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 px-4", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 109, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", rows: "4", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }, "Send Message"))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 text-white py-8", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, "© 2023 Portfolio. All rights reserved.")))); }