function MainComponent({ title, description, imageUrl, buttonLabel, onButtonClick, linkUrl }) { const handleFormSubmit = (e)=>{ e.preventDefault(); window.location.href = `mailto:tomifactory@gmail.com?subject=Contact from ${e.target.name.value} &body=Name: ${e.target.name.value}%0DEmail: ${e.target.email.value}%0DMessage: ${e.target.message.value}`; }; return /*#__PURE__*/ React.createElement("div", { className: "relative flex flex-col md:flex-row items-center md:justify-between p-4 md:p-8 bg-[#e6f7e6]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 z-10", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-4xl font-bold text-[#006400] mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-base md:text-xl text-[#008000] mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("button", { onClick: onButtonClick, className: "px-4 py-2 bg-[#00a86b] text-white font-semibold rounded hover:bg-[#008050] transition duration-300", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, buttonLabel), linkUrl && /*#__PURE__*/ React.createElement("a", { href: linkUrl, className: "mt-4 inline-block text-[#00a86b] hover:underline", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Read more"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 flex flex-col", onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "px-4 py-2 border-2 border-[#90ee90] rounded mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "px-4 py-2 border-2 border-[#90ee90] rounded mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: "px-4 py-2 border-2 border-[#90ee90] rounded mb-4 h-32 resize-none", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#00a86b] text-white rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Submit"))), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 flex justify-center z-10", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-[300px] md:w-[500px] h-auto", src: imageUrl, alt: `${title} image`, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }))); } function StoryComponent() { const handleClick = ()=>alert('Button clicked!'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "Zoukei Akita's Website Renewal", description: "Explore the new face of traditional artistry in the digital age. Witness how tradition meets innovation.", imageUrl: "./images/zoukei-akita-renewal.jpg", buttonLabel: "Learn More", onButtonClick: handleClick, linkUrl: "https://www.zoukei-akita-site.com/renewal", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Behind the Scenes", description: "Delve into the craft. Understand the meticulous process behind Zoukei Akita's masterpieces.", imageUrl: "./images/behind-scenes.jpg", buttonLabel: "View Gallery", onButtonClick: handleClick, linkUrl: "https://www.zoukei-akita-site.com/behind-the-scenes", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Upcoming Exhibitions", description: "Don't miss out on experiencing Zoukei Akita's work live. See upcoming dates and venues.", imageUrl: "./images/exhibitions.jpg", buttonLabel: "See Schedule", onButtonClick: handleClick, linkUrl: "https://www.zoukei-akita-site.com/exhibitions", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this })); }