/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#343a40] py-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold leading-tight text-white font-epilogue", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Business Top-Up Committee"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 7, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "max-w-4xl mx-auto p-8 my-10 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#121212] mb-8 font-epilogue", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "You're Invited!"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#646464] font-barlow", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "We cordially invite you to attend the annual gathering of the Business Top-Up Committee where we will discuss the latest trends and opportunities for our industry."), /*#__PURE__*/ React.createElement("div", { className: "mt-10", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl text-[#121212] font-epilogue", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Event Details"), /*#__PURE__*/ React.createElement("p", { className: "text-[#646464] mt-4 font-barlow", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Date:"), " June 15th, 2023"), /*#__PURE__*/ React.createElement("p", { className: "text-[#646464] font-barlow", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Time:"), " 10:00 AM - 2:00 PM"), /*#__PURE__*/ React.createElement("p", { className: "text-[#646464] font-barlow", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Location:"), " The Grand Hall, Business Avenue, Downtown")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#RSVP", className: "inline-block px-6 py-3 bg-[#0056b3] text-white text-sm font-semibold rounded-md hover:bg-[#004494] transition-colors font-barlow", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "RSVP Now")))), /*#__PURE__*/ React.createElement("div", { id: "RSVP", className: "bg-[#eeeeee] py-10", __source: { fileName: "", lineNumber: 36, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-lg mx-auto p-8 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold text-[#121212] mb-6 font-epilogue", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "RSVP"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fullName", className: "block text-sm font-semibold text-[#121212] font-barlow", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "fullName", name: "fullName", className: "mt-1 px-3 py-2 border border-[#ced4da] w-full rounded-md shadow-sm focus:border-[#0056b3] focus:ring focus:ring-[#0056b3] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-semibold text-[#121212] font-barlow", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "mt-1 px-3 py-2 border border-[#ced4da] w-full rounded-md shadow-sm focus:border-[#0056b3] focus:ring focus:ring-[#0056b3] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "company", className: "block text-sm font-semibold text-[#121212] font-barlow", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "company", name: "company", className: "mt-1 px-3 py-2 border border-[#ced4da] w-full rounded-md shadow-sm focus:border-[#0056b3] focus:ring focus:ring-[#0056b3] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-sm font-semibold text-[#121212] font-barlow", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Special Requirements (Optional)"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", rows: "4", className: "mt-1 px-3 py-2 border border-[#ced4da] w-full rounded-md shadow-sm focus:border-[#0056b3] focus:ring focus:ring-[#0056b3] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 w-full bg-[#0056b3] text-white text-sm font-semibold rounded-md hover:bg-[#004494] transition-colors font-barlow", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "Submit RSVP"))))));