function MainComponent({ onStartBuilding }) { return /*#__PURE__*/ React.createElement("header", { className: "sticky top-0 w-full bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-900 dark:text-white text-xl font-inter font-bold hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "Create")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/pricing", className: "hidden md:block text-gray-700 dark:text-gray-300 font-inter hover:text-gray-900 dark:hover:text-white transition-colors", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("button", { onClick: onStartBuilding, className: "inline-block px-4 py-2 rounded-md bg-indigo-600 text-white font-inter hover:bg-indigo-500 transition-colors", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Start Building"))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-black", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { onStartBuilding: ()=>console.log("Start building clicked"), __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this })); }