function MainComponent() { const [showLogin, setShowLogin] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2B4C7E] p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-2xl font-poppins", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Tenda.io"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLogin(true), className: "bg-white text-[#2B4C7E] px-6 py-2 rounded-lg font-poppins hover:bg-gray-100", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Anmelden"))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-poppins text-[#2B4C7E] mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Verbinden Sie Bauprojekte mit den richtigen Handwerkern"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600 mb-8 font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Tenda.io vereinfacht die Zusammenarbeit zwischen Architekten, Planern, Bauherren und Handwerkern."), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#2B4C7E] text-white px-8 py-3 rounded-lg font-poppins hover:bg-[#1a3057]", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Als Ausschreiber registrieren"), /*#__PURE__*/ React.createElement("button", { className: "border-2 border-[#2B4C7E] text-[#2B4C7E] px-8 py-3 rounded-lg font-poppins hover:bg-gray-50", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Als Handwerker registrieren"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/construction-team.jpg", alt: "Architekten und Handwerker bei der Projektbesprechung", className: "rounded-lg shadow-xl w-full", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mt-24", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clipboard-list text-3xl text-[#2B4C7E] mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-poppins text-[#2B4C7E] mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Projekte ausschreiben"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Erstellen Sie detaillierte Projektausschreibungen und erreichen Sie qualifizierte Handwerker.")), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-handshake text-3xl text-[#2B4C7E] mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-poppins text-[#2B4C7E] mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Effizientes Matching"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "KI-gestütztes Matching verbindet Sie mit den passenden Handwerkern für Ihr Projekt.")), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments text-3xl text-[#2B4C7E] mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-poppins text-[#2B4C7E] mb-2", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Direkte Kommunikation"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Kommunizieren Sie einfach und direkt über unsere integrierte Chat-Plattform."))))); }