function ApiCostReductionHeader({ title }) { return /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-crimson-text text-gray-700 mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function ApiCostReductionHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ApiCostReductionHeader, { title: "Cut Your ChatGPT API Costs", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen flex flex-col items-center bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-3xl p-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ApiCostReductionHeader, { title: "Cut Your ChatGPT API Costs", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-roboto text-gray-600 mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Save money on your ChatGPT API usage with our smart cost-reduction strategies."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow-lg rounded-lg w-full md:w-1/2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-gray-800 mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Monitor Usage"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Track your API calls and usage patterns with our detailed analytics dashboard.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow-lg rounded-lg w-full md:w-1/2", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-gray-800 mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Optimize Costs"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Leverage our AI-powered tools to optimize your API usage and reduce costs."))))); }