function BlueSignUpButton({ label = "Sign Up Now", onSubmit }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-medium py-3 px-6 rounded hover:bg-blue-600 transition duration-300 mt-4 md:mt-0", onClick: onSubmit, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, label); } function BlueSignUpButtonStory() { const handleSubmit = ()=>alert("Submitted"); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BlueSignUpButton, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const [email, setEmail] = React.useState(''); const [signedUp, setSignedUp] = React.useState(false); const handleSubmit = async (event)=>{ event.preventDefault(); await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`, { method: 'GET' }).then((response)=>response.json()).then((data)=>{ if (data.status === "deliverable") { setSignedUp(true); // further steps for successful sign up, such as informing the user, could be added here. } else { // handle the case where the email is not deliverable. } }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-gradient-to-br from-[#6DD5FA] to-[#FFFFFF]", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center bg-[#FFFFFF] p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "AI Assistant Logo for Small Businesses", className: "w-[120px] h-auto", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden text-3xl", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: `${isMenuOpen ? 'block' : 'hidden'} absolute top-14 left-0 w-full bg-white md:bg-transparent md:static md:block`, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4 p-4 md:p-0", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "About Us")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "Pricing")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "Sign-Up")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "Trial")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#333] mt-6", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Empower Your Small Business"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-medium mt-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Top-notch consulting at a fraction of the price with our AI-driven solutions."), /*#__PURE__*/ React.createElement("img", { src: "./concept-image-1.png", alt: "AI assistant and business owner discussing sales decline", className: "my-12 mx-auto w-full max-w-md", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./concept-image-2.png", alt: "AI assistant and business owner discussing competition", className: "my-12 mx-auto w-full max-w-md", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./concept-image-3.png", alt: "AI assistant and business owner discussing cash flow issues", className: "my-12 mx-auto w-full max-w-md", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "my-10", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col md:flex-row justify-center items-center", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "p-2 text-xl font-medium md:mr-4 rounded", placeholder: "Your email", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(BlueSignUpButton, { label: "Sign Up Now", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), signedUp && /*#__PURE__*/ React.createElement("p", { className: "text-green-500 mt-4", __source: { fileName: "", lineNumber: 50, columnNumber: 24 }, __self: this }, "Signed up, we'll keep you posted soon!"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#FFFFFF] p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col md:flex-row justify-center space-x-0 md:space-x-4 space-y-4 md:space-y-0", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "About Us")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "Pricing")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "Sign-Up")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Trial")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] font-medium", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-[#333] mt-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "© 2024 AI Assistant. All rights reserved."))); }