function MainComponent({ section }) { let content; switch(section){ case "header": content = /*#__PURE__*/ React.createElement("header", { className: "bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-montserrat text-xl text-[#A7C957]", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "SWELL Preserved Flowers"), /*#__PURE__*/ React.createElement("ul", { className: "flex gap-4", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-open-sans", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "font-open-sans", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "Kit Contents"), /*#__PURE__*/ React.createElement("li", { className: "font-open-sans", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Workshop Schedule"), /*#__PURE__*/ React.createElement("li", { className: "font-open-sans", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Reviews"), /*#__PURE__*/ React.createElement("li", { className: "font-open-sans", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "How to Buy")))); break; case "mainVisual": content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center bg-[#F5F5F5]", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/flower-image.jpg", alt: "Stunning Preserved Flower Arrangement", className: "w-full h-auto", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-xl mt-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Discover the Beauty of Preserved Flowers"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#A7C957] text-white font-open-sans p-2 rounded", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Learn More")); break; case "kitContent": content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-2xl", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Our Kits"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/kit-image.jpg", alt: "Preserved Flower Kit", className: "w-full h-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Starter Kit")), /*#__PURE__*/ React.createElement("div", { className: "w-[300px]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/kit-image2.jpg", alt: "Advanced Preserved Flower Kit", className: "w-full h-auto", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "アドバンストキット")))); break; case "workshops": content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-2xl", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Workshop Schedule"), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Check back soon for upcoming workshops!")); break; case "reviews": content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-2xl", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Customer Reviews"), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, '"Loved my preserved flower kit! The flowers are beautiful." - Jane Doe')); break; case "purchase": content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-2xl", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "How to Purchase"), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Select a kit, add to cart, and checkout. It's that simple!")); break; case "footer": content = /*#__PURE__*/ React.createElement("footer", { className: "bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-open-sans text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Contact Us | FAQ | Terms of Use | Privacy Policy")); break; default: content = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "Section not found"); } return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 10 }, __self: this }, content); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { section: "header", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "mainVisual", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "kitContent", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "workshops", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "reviews", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "purchase", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "footer", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this })); }