function SmartAiHeader({ title }) { return /*#__PURE__*/ React.createElement("h2", { className: "font-inter text-3xl text-[#0d1117] mt-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function SmartAiHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SmartAiHeader, { title: "Smart AI", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function TextInputField({ name, placeholder }) { return /*#__PURE__*/ React.createElement("textarea", { name: name, placeholder: placeholder, className: "mt-6 w-[80%] max-w-[800px] h-[200px] p-4 border border-[#e2e8f0] rounded-lg font-inter text-lg focus:outline-none focus:border-[#0f172a]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function TextInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TextInputField, { name: "text-to-humanize", placeholder: "Enter text to be humanized here...", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function AiContentToolHeader({ heading }) { return /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-5xl text-[#0d1117]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, heading); } function AiContentToolHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiContentToolHeader, { heading: "Transform AI interactions into human experiences", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(AiContentToolHeader, { heading: "The first humanizing tool for AI content that REALLY works", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { const catchyWord = "HumanMagic"; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#f3f4f6] flex flex-col items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#0f172a] text-white p-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-inter text-2xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "HumanMagicAI"), /*#__PURE__*/ React.createElement("nav", { className: "flex gap-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#features", className: "font-inter", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "font-inter", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "font-inter", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("section", { className: "w-full flex flex-col items-center py-20 bg-[#ffffff]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(AiContentToolHeader, { heading: "Transform AI interactions into human experiences", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-xl text-[#1e293b] mt-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Empower your business with AI that feels like a human touch"), /*#__PURE__*/ React.createElement("button", { className: "mt-8 px-8 py-4 bg-[#0f172a] text-white font-inter rounded-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("section", { className: "w-full flex flex-col items-center py-20 bg-[#ffffff]", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SmartAiHeader, { title: `Start ${catchyWord}`, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(TextInputField, { name: "text-to-humanize", placeholder: "Enter text to be humanized here...", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "features", className: "w-full py-20 bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[1200px] mx-auto grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 bg-[#ffffff] rounded-lg text-center shadow-lg", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-5xl text-[#0f172a]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(SmartAiHeader, { title: "Smart AI", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-lg text-[#475569] mt-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Utilizing advanced algorithms to mimic human behavior.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 bg-[#ffffff] rounded-lg text-center shadow-lg", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-5xl text-[#0f172a]", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(SmartAiHeader, { title: "User Friendly", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-lg text-[#475569] mt-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Easy to interact interfaces designed for everyone.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 bg-[#ffffff] rounded-lg text-center shadow-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-5xl text-[#0f172a]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(SmartAiHeader, { title: "Secure", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-lg text-[#475569] mt-2", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Top-notch security to keep your data safe.")))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "w-full py-20 bg-[#ffffff]", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto text-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-inter text-4xl text-[#0f172a]", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-xl text-[#1e293b] mt-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "We are innovators in the AI space, offering cutting-edge solutions that add a human touch to digital interactions."))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "w-full py-20 bg-[#f3f4f6] flex flex-col items-center", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-inter text-4xl text-[#0f172a]", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "mt-6 w-full max-w-[500px] flex flex-col bg-[#ffffff] p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Name", className: "mb-4 p-3 border border-[#e2e8f0] rounded-lg font-inter", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "mb-4 p-3 border border-[#e2e8f0] rounded-lg font-inter", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Message", className: "mb-4 p-3 border border-[#e2e8f0] rounded-lg font-inter", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-8 py-4 bg-[#0f172a] text-white font-inter rounded-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Send")))); }

Transform AI interactions into human experiences

Start HumanMagic

Smart AI

User Friendly

Secure

About Us

Contact Us