function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "sticky top-0 bg-[#ffffff00] bg-opacity-50 backdrop-filter backdrop-blur-lg text-white flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Neural Network Logo", className: "w-12 h-12", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#nlp", className: "text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, "NLP")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#computervision", className: "text-white", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "Computer Vision")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#analytics", className: "text-white", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Analytics"))))), /*#__PURE__*/ React.createElement("section", { className: "w-full h-screen flex flex-col justify-center items-center bg-gradient-to-r from-purple-500 via-transparent to-purple-500 animate-bgshift", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-roboto-condensed text-white", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Welcome to Future AI"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-white mt-2 animate-slideup", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Exploring the horizon of Artificial Intelligence")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, [ 'NLP', 'Computer Vision', 'Analytics' ].map((service)=>/*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-md hover:shadow-lg transition duration-300 cursor-pointer", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${service === 'NLP' ? 'comment' : service === 'Computer Vision' ? 'camera' : 'chart-bar'} fa-3x mb-3`, __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, service), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Learn More")))), /*#__PURE__*/ React.createElement("section", { className: "flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Our Team"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "We are a team of committed developers and data scientists")), /*#__PURE__*/ React.createElement("img", { src: "/team.jpg", alt: "Professional team photo", className: "w-[500px] h-[300px] animate-fadein", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 overflow-hidden", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-24 w-24 bg-gray-300 rounded-full", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, '"AI has been pivotal in our project success."'), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "- User")))), /*#__PURE__*/ React.createElement("section", { className: "p-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Name", className: "p-2 border-2 border-gray-300", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "p-2 border-2 border-gray-300", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Message", className: "p-2 border-2 border-gray-300", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Submit"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-black text-white p-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "© 2024 AI Services Inc."), /*#__PURE__*/ React.createElement("a", { href: "/privacy", target: "_blank", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/legal", target: "_blank", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "Legal Notices")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, ` @keyframes bgshift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes slideup { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } `)); }