function MainComponent() { const plans = [ { title: "Basic", price: "$9.99 / month", features: [ "Feature 1", "Feature 2", "Feature 3" ] }, { title: "Standard", price: "$19.99 / month", features: [ "Feature 1", "Feature 2", "Feature 3", "Feature 4" ] }, { title: "Premium", price: "$29.99 / month", features: [ "Feature 1", "Feature 2", "Feature 3", "Feature 4", "Feature 5" ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f3f4f6] p-8", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#1f2937]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Pricing Plans"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#4b5563] mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Choose a plan that's right for you")), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto mt-12 grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, plans.map((plan)=>/*#__PURE__*/ React.createElement("div", { key: plan.title, className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold text-[#1f2937]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, plan.title), /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-[#4b5563]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, plan.price), /*#__PURE__*/ React.createElement("ul", { className: "mt-6 font-roboto text-[#374151] space-y-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, plan.features.map((feature, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }), " ", feature))), /*#__PURE__*/ React.createElement("button", { className: "mt-8 w-full py-3 bg-gradient-to-r from-blue-500 to-green-400 text-white font-roboto rounded-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Select"))))); }