function MainComponent() { const headerImage = "header-bg.jpg"; const oysterImage1 = "oyster-plate1.jpg"; const oysterImage2 = "oyster-plate2.jpg"; const driftwoodImage = "driftwood.jpg"; return /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text bg-[#f8f5e3]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cover bg-center w-full h-[500px]", style: { backgroundImage: `url(${headerImage})` }, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center h-full bg-[rgba(32,47,85,0.6)]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#f8f5e3] text-6xl mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Join Our Exclusive Oyster Club"), /*#__PURE__*/ React.createElement("p", { className: "text-[#f8f5e3] text-xl max-w-md text-center", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Dive into the world of luxury oysters, hand-selected for our exclusive members."))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-around items-center mt-10 px-5 text-[#202f55]", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[300px] mb-8 bg-[#e3e6f3] p-6 rounded-xl shadow-xl", style: { backgroundImage: `url(${driftwoodImage})`, backgroundSize: 'cover' }, __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: oysterImage1, alt: "Exclusive platinum oyster plate", className: "w-full h-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl text-center mt-6", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "The Platinum Plate"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-center mt-3", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Experience unparalleled luxury and taste.")), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[300px] mb-8 bg-[#e3e6f3] p-6 rounded-xl shadow-xl", style: { backgroundImage: `url(${driftwoodImage})`, backgroundSize: 'cover' }, __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: oysterImage2, alt: "Deluxe gold oyster plate", className: "w-full h-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl text-center mt-6", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "The Gold Plate"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-center mt-3", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Savor the taste of luxury in every bite."))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#202f55] text-[#f8f5e3] py-10", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mt-0", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Membership Benefits"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc mt-6 text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-3", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Exclusive access to rare oyster varieties."), /*#__PURE__*/ React.createElement("li", { className: "mb-3", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Priority reservations for events and tastings."), /*#__PURE__*/ React.createElement("li", { className: "mb-3", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Complimentary welcome package with premium oyster shucking tools.")))); }