function MainComponent() { const navigationLinks = [ 'Home', 'About Us', 'Services', 'Contact' ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen font-inter bg-gradient-to-b from-[#0f2027] to-[#203a43] via-[#2c5364]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-transparent p-6 backdrop-filter backdrop-blur-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "company-logo.png", alt: "Gibberish Lab Logo", className: "h-8 md:h-12", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, navigationLinks.map((link)=>/*#__PURE__*/ React.createElement("a", { href: `#${link.toLowerCase().replace(/\s+/g, '')}`, className: "text-white mx-2 p-1 hover:text-[#ffcc00] transition-colors duration-200 ease-in-out", key: link, __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, link))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "w-full flex flex-col items-center justify-center bg-cover bg-center p-20", style: { backgroundImage: 'url(modern-abstract.png)' }, __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-6xl mb-4 font-bold shadow-md", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Unleashing Creativity, One Gibberish at a Time"), /*#__PURE__*/ React.createElement("img", { src: "creative-image.png", alt: "A burst of creativity", className: "h-48", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "ourservices", className: "py-16 bg-[#ffffff10] backdrop-filter backdrop-blur-lg", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-white text-4xl mb-8 font-semibold", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "aboutus", className: "py-16 bg-[#ffffff10] backdrop-filter backdrop-blur-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-white text-4xl mb-8 font-semibold", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-white mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-16 bg-[#ffffff10] backdrop-filter backdrop-blur-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-white text-4xl mb-8 font-semibold", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-xl mx-auto", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "w-full p-4 mb-4 bg-white bg-opacity-50 rounded-md", placeholder: "Name", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "w-full p-4 mb-4 bg-white bg-opacity-50 rounded-md", placeholder: "Email", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", className: "w-full p-4 mb-4 bg-white bg-opacity-50 rounded-md", placeholder: "Message", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#ffcc00] text-white p-3 rounded-md hover:bg-[#f1c40f] transition-colors duration-200 ease-in-out", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Send Message"))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-transparent p-6 text-white backdrop-filter backdrop-blur-lg", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "© Gibberish Lab 2024")))); }