function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[500px] overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "header-image.jpg", alt: "Header Image", className: "w-full h-full object-cover brightness-50", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 w-[33%] h-full bg-gradient-to-l from-[#010101] to-transparent", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[20%] left-[10%] text-white", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Furniture.AI"), /*#__PURE__*/ React.createElement("p", { className: "text-4xl mt-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Design your dream furniture with AI"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#121212] text-white px-8 py-4 rounded-md mt-8 font-bold text-xl", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Create")), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 w-[33%] h-full bg-gradient-to-l from-[#010101] to-transparent opacity-50 animate-slide-in", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "header-image.jpg", alt: "Header Image", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, ` @keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } .animate-slide-in { animation: slide-in 1s ease-in-out; } `)); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this })); }