function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-[#FCEFEF] w-full min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[350px] sm:w-[500px] lg:w-[700px] shadow-lg bg-white rounded-lg overflow-hidden fade-in", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/birthday-card-image.jpg", alt: "Handcrafted birthday card with 'Save the Date' lettering", className: "w-full h-[300px] sm:h-[400px] lg:h-[500px] object-cover", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#121212] mb-2 font-crimson-text", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Save the Date!"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "🎂 You're invited to celebrate another amazing year! Join us to make it a special day."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-start mt-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-bold text-[#121212]", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "When:"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Saturday, August 20th, 2023"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-bold text-[#121212]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Where:"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "123 Party Lane, Celebration Town"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-bold text-[#121212]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Time:"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "1:00 PM - 4:00 PM")), /*#__PURE__*/ React.createElement("button", { className: "mt-6 w-full py-2 px-4 bg-[#F9A109] text-white rounded-md font-roboto hover:bg-[#E39608] transition ease-in duration-200", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "RSVP Now"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in { animation: fadeIn 1s ease-out; } `)); }