function MainComponent() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [memeImage, setMemeImage] = useState("https://ucarecdn.com/9e4a4e77-f9d2-44f8-a39a-dece28b13353/-/format/auto/"); const [memeText, setMemeText] = useState({ topText: "", bottomText: "" }); const generateMeme = async ()=>{ try { setLoading(true); setError(null); const response = await fetch("/api/generate-meme", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error("Meme oluşturulurken bir hata oluştu"); } const memeData = await response.json(); setMemeImage(memeData.imageUrl); setMemeText({ topText: memeData.topText, bottomText: memeData.bottomText }); } catch (err) { console.error(err); setError("Meme oluşturulamadı. Lütfen tekrar deneyin."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "relative min-h-screen w-full bg-gray-900", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 left-0 right-0 z-50 bg-black/80 backdrop-blur-md border-b border-gray-800", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/60b7eccd-b062-4e1c-bc71-69b233f557e6/-/format/auto/", alt: "CERO", className: "h-8 w-8", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold bg-gradient-to-r from-[#9945FF] to-[#14F195] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "CERO")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center gap-6", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-gray-300 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#features", className: "text-gray-300 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#community", className: "text-gray-300 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, "Community")), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/cerojpeg", target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-center w-8 h-8 rounded-full bg-gradient-to-r from-[#9945FF] to-[#14F195] hover:opacity-90 transition-duration-200", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4 text-white", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }))))))), /*#__PURE__*/ React.createElement("main", { className: "pt-16", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-20", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-0", style: { backgroundImage: `url('https://ucarecdn.com/5b2e6149-a407-451b-b872-b8a8a6038c57/-/format/auto/')`, backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat", opacity: "0.2" }, __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-gray-900/50 to-gray-900", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, "Welcome to", " ", /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-r from-[#9945FF] to-[#14F195] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, "CERO")), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "Experience the future of crypto memes with AI-powered generation. Join our community and create viral content effortlessly.")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8 items-start", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/40 p-8 rounded-2xl border border-gray-800 backdrop-blur-xl", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "CERO Token"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/60b7eccd-b062-4e1c-bc71-69b233f557e6/-/format/auto/", alt: "Token", className: "w-32 h-32 mb-6", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 w-full", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-gray-300", __source: { fileName: "", lineNumber: 133, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 134, columnNumber: 23 }, __self: this }, "Market Cap"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 135, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-gray-300", __source: { fileName: "", lineNumber: 137, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, "24h Volume"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 139, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gradient-to-r from-[#9945FF] to-[#14F195] text-white py-3 px-6 rounded-lg font-medium hover:opacity-90 transition-all duration-200", __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, "Buy CERO Token")))), /*#__PURE__*/ React.createElement("div", { className: "bg-black/40 p-8 rounded-2xl border border-gray-800 backdrop-blur-xl", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-4 text-[#9945FF]", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "CERO Meme Generator"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: memeImage, alt: "Meme Template", className: "w-48 h-48 object-contain mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-2 left-0 right-0 text-center text-white text-xl font-bold uppercase px-2", style: { textShadow: "-2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000" }, __source: { fileName: "", lineNumber: 159, columnNumber: 21 }, __self: this }, memeText.topText), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-6 left-0 right-0 text-center text-white text-xl font-bold uppercase px-2", style: { textShadow: "-2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000" }, __source: { fileName: "", lineNumber: 168, columnNumber: 21 }, __self: this }, memeText.bottomText)), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center", __source: { fileName: "", lineNumber: 179, columnNumber: 21 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: generateMeme, disabled: loading, className: "bg-gradient-to-r from-[#9945FF] to-[#14F195] text-white px-8 py-3 rounded-lg hover:opacity-90 w-full transition-all duration-200 disabled:opacity-50", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, loading ? "Generating..." : "Generate New Meme")))))), /*#__PURE__*/ React.createElement("section", { className: "py-20 bg-black/40", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white text-center mb-12", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, "Why Choose", " ", /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-r from-[#9945FF] to-[#14F195] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "CERO")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-xl border border-gray-800 backdrop-blur-xl", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-[#9945FF] to-[#14F195] rounded-lg mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z", __source: { fileName: "", lineNumber: 211, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, "Lightning Fast"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this }, "Generate viral memes in seconds using our advanced AI technology.")), /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-xl border border-gray-800 backdrop-blur-xl", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-[#9945FF] to-[#14F195] rounded-lg mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z", __source: { fileName: "", lineNumber: 235, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, "Secure Platform"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, "Your assets and creations are protected by industry-leading security.")), /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-xl border border-gray-800 backdrop-blur-xl", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-[#9945FF] to-[#14F195] rounded-lg mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z", __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, "Active Community"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }, "Join thousands of creators and investors in our growing ecosystem."))))), /*#__PURE__*/ React.createElement("section", { className: "py-20", __source: { fileName: "", lineNumber: 279, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", __source: { fileName: "", lineNumber: 280, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white mb-8", __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }, "Join Our Community"), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/cerojpeg", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 bg-gradient-to-r from-[#9945FF] to-[#14F195] text-white px-8 py-4 rounded-lg font-medium hover:opacity-90 transition-all duration-200", __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this })), "Follow @cerojpeg")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-black/40 border-t border-gray-800", __source: { fileName: "", lineNumber: 299, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 300, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", __source: { fileName: "", lineNumber: 301, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/60b7eccd-b062-4e1c-bc71-69b233f557e6/-/format/auto/", alt: "CERO", className: "h-8 w-8", __source: { fileName: "", lineNumber: 303, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold bg-gradient-to-r from-[#9945FF] to-[#14F195] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 308, columnNumber: 15 }, __self: this }, "CERO")), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 312, columnNumber: 13 }, __self: this }, "© 2024 CERO. All rights reserved."))))); }

Welcome to CERO

CERO Token

CERO Meme Generator

Why Choose CERO

Lightning Fast

Secure Platform

Active Community

Join Our Community