function CtaButton() { return /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 hover:bg-green-600 text-white font-semibold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Click me"); } function CtaButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CtaButton, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function FeatureCard({ title, description }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-6 shadow-sm", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl mb-2 font-inter", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-inter", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, description)); } function FeatureCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FeatureCard, { title: "Easy Integration", description: "Connect and deploy your applications with just a few clicks.", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-900 to-blue-950 text-white px-4 py-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold font-crimson-text mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Career Path Finder AI"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Empowering you to make the right career choices")), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null))); }