function MainComponent() { const [showSignUp, setShowSignUp] = React.useState(false); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [confirmPassword, setConfirmPassword] = React.useState(""); const [prompts, setPrompts] = React.useState([]); const [loading, setLoading] = React.useState(true); const [selectedPrompt, setSelectedPrompt] = React.useState(null); const [activeCategory, setActiveCategory] = React.useState("featured"); const [error, setError] = React.useState(null); // Load prompts on component mount and category change React.useEffect(()=>{ loadPrompts(); }, [ activeCategory ]); const loadPrompts = async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/prompts", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ category: activeCategory === "featured" ? undefined : activeCategory, featured: activeCategory === "featured" ? true : undefined, limit: 50 }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); console.log("API Response:", data); // Debug log if (data.success && data.prompts) { setPrompts(data.prompts); } else { throw new Error(data.error || "Failed to load prompts"); } } catch (error) { console.error("Error loading prompts:", error); setError(error.message); // Fallback to sample data if API fails setPrompts([ { id: 1, imageUrl: "https://picsum.photos/300/400?random=1", author: { username: "NorthmoorAI", isPro: true }, likesCount: 760, title: "Cyberpunk Warrior", promptText: "A futuristic cyberpunk warrior with neon armor, standing in a rain-soaked city street, dramatic lighting, highly detailed, 8k resolution", model: "Midjourney", negativePrompt: "blurry, low quality, distorted" }, { id: 2, imageUrl: "https://picsum.photos/300/500?random=2", author: { username: "Grayve", isPro: true }, likesCount: 0, title: "Fantasy Dragon", promptText: "Majestic dragon soaring through cloudy skies, fantasy art style, epic composition, vibrant colors", model: "FLUX", negativePrompt: "cartoon, simple" }, { id: 3, imageUrl: "https://picsum.photos/300/350?random=3", author: { username: "heeyrina", isPro: false }, likesCount: 0, title: "Anime Portrait", promptText: "Beautiful anime girl with flowing hair, soft lighting, detailed eyes, studio ghibli style", model: "Stable Diffusion", negativePrompt: "realistic, 3d" }, { id: 4, imageUrl: "https://picsum.photos/300/450?random=4", author: { username: "AIArtist", isPro: true }, likesCount: 67, title: "Sci-Fi Landscape", promptText: "Alien planet landscape with multiple moons, purple sky, crystalline formations, concept art", model: "Midjourney", negativePrompt: "earth-like, familiar" }, { id: 5, imageUrl: "https://picsum.photos/300/380?random=5", author: { username: "PromptMaster", isPro: false }, likesCount: 89, title: "Abstract Art", promptText: "Colorful abstract composition with flowing shapes and gradients, modern art style", model: "DALL-E", negativePrompt: "realistic, photographic" }, { id: 6, imageUrl: "https://picsum.photos/300/400?random=6", author: { username: "PhotoPro", isPro: true }, likesCount: 234, title: "Portrait Photography", promptText: "Professional headshot, studio lighting, shallow depth of field, 85mm lens", model: "FLUX", negativePrompt: "amateur, blurry" } ]); } finally{ setLoading(false); } }; const categories = [ { key: "featured", label: "Featured" }, { key: "hot", label: "Hot" }, { key: "new", label: "New" }, { key: "top", label: "Top" }, { key: "flux", label: "FLUX" }, { key: "sora", label: "Sora" }, { key: "veo", label: "Veo" }, { key: "midjourney", label: "Midjourney" }, { key: "stable-diffusion", label: "Stable Diffusion" }, { key: "portraits", label: "Portraits" }, { key: "photography", label: "Photography" }, { key: "anime", label: "Anime" } ]; const copyToClipboard = async (text)=>{ try { await navigator.clipboard.writeText(text); // You could add a toast notification here } catch (err) { console.error("Failed to copy text: ", err); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white font-inter", __source: { fileName: "", lineNumber: 145, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white text-black px-4 py-3 flex items-center justify-between", __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 bg-black rounded", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, "PromptHero")), /*#__PURE__*/ React.createElement("a", { href: "/community", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-gray-500", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, "Community")), /*#__PURE__*/ React.createElement("a", { href: "/academy", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-gray-500", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, "Academy"), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-400 text-black px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, "NEW")), /*#__PURE__*/ React.createElement("a", { href: "/create", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-gray-500", __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, "Create"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-600 hover:text-black", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, "Log in"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignUp(true), className: "bg-black text-white px-4 py-2 rounded hover:bg-gray-800", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-100 px-4 py-2 text-black text-sm", __source: { fileName: "", lineNumber: 190, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category.key, onClick: ()=>setActiveCategory(category.key), className: `hover:text-black transition-colors ${activeCategory === category.key ? "font-medium text-black" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, category.label)))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 209, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900 text-red-100 p-4 rounded mb-4", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, "Error: ", error, ". Showing sample data instead."), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, "Loading prompts...")) : /*#__PURE__*/ React.createElement("div", { className: "columns-2 md:columns-3 lg:columns-4 xl:columns-5 gap-4 space-y-4", __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }, prompts.map((prompt)=>/*#__PURE__*/ React.createElement("div", { key: prompt.id, className: "break-inside-avoid mb-4 relative group cursor-pointer", onClick: ()=>setSelectedPrompt(prompt), __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative overflow-hidden rounded-lg", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: prompt.imageUrl, alt: prompt.title || `Art by ${prompt.author?.username || "Unknown"}`, className: "w-full h-auto hover:scale-105 transition-transform duration-300", onError: (e)=>{ e.target.src = `https://picsum.photos/300/400?random=${prompt.id}`; }, __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-300", __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-3 left-3 flex items-center space-x-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 bg-gray-400 rounded-full", __source: { fileName: "", lineNumber: 246, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm font-medium", __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, prompt.author?.username || "Anonymous"), prompt.author?.isPro && /*#__PURE__*/ React.createElement("span", { className: "bg-orange-500 text-white px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, "PRO")), prompt.likesCount > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute top-3 right-3 flex items-center space-x-1 bg-black bg-opacity-50 rounded px-2 py-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300", __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-red-500 text-xs", __source: { fileName: "", lineNumber: 260, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-xs", __source: { fileName: "", lineNumber: 261, columnNumber: 23 }, __self: this }, prompt.likesCount)), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-x-3 bottom-12 bg-black bg-opacity-80 text-white p-3 rounded opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs", __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium mb-1", __source: { fileName: "", lineNumber: 269, columnNumber: 21 }, __self: this }, prompt.title), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300 line-clamp-3", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }, prompt.promptText), /*#__PURE__*/ React.createElement("div", { className: "text-orange-400 mt-1", __source: { fileName: "", lineNumber: 273, columnNumber: 21 }, __self: this }, prompt.model))))))), selectedPrompt && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 284, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black rounded-lg max-w-4xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 285, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 p-6", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, selectedPrompt.model === "Sora" || selectedPrompt.model === "Veo" ? /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 291, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("video", { src: selectedPrompt.imageUrl, className: "w-full rounded-lg", controls: true, muted: true, onError: (e)=>{ e.target.style.display = "none"; e.target.nextSibling.style.display = "block"; }, __source: { fileName: "", lineNumber: 292, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: `https://picsum.photos/400/500?random=${selectedPrompt.id}`, alt: selectedPrompt.title, className: "w-full rounded-lg", style: { display: "none" }, __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-3 left-3 bg-red-600 text-white px-2 py-1 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 309, columnNumber: 21 }, __self: this }, "VIDEO")) : /*#__PURE__*/ React.createElement("img", { src: selectedPrompt.imageUrl, alt: selectedPrompt.title, className: "w-full rounded-lg", onError: (e)=>{ e.target.src = `https://picsum.photos/400/500?random=${selectedPrompt.id}`; }, __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 p-6", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 328, columnNumber: 19 }, __self: this }, selectedPrompt.title), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedPrompt(null), className: "text-gray-500 hover:text-black text-xl", __source: { fileName: "", lineNumber: 329, columnNumber: 19 }, __self: this }, "×")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-6", __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-gray-300 rounded-full", __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 341, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 342, columnNumber: 23 }, __self: this }, selectedPrompt.author?.username || "Anonymous"), selectedPrompt.author?.isPro && /*#__PURE__*/ React.createElement("span", { className: "bg-orange-500 text-white px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 346, columnNumber: 25 }, __self: this }, "PRO")), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 flex items-center space-x-2", __source: { fileName: "", lineNumber: 351, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 352, columnNumber: 23 }, __self: this }, selectedPrompt.model), (selectedPrompt.model === "Sora" || selectedPrompt.model === "Veo") && /*#__PURE__*/ React.createElement("span", { className: "bg-red-100 text-red-800 px-2 py-0.5 rounded text-xs", __source: { fileName: "", lineNumber: 355, columnNumber: 25 }, __self: this }, "Video")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 365, columnNumber: 19 }, __self: this }, selectedPrompt.model === "Sora" || selectedPrompt.model === "Veo" ? "Video Prompt" : "Prompt"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded text-sm", __source: { fileName: "", lineNumber: 371, columnNumber: 19 }, __self: this }, selectedPrompt.promptText)), selectedPrompt.negativePrompt && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 378, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 379, columnNumber: 21 }, __self: this }, "Negative Prompt"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded text-sm", __source: { fileName: "", lineNumber: 380, columnNumber: 21 }, __self: this }, selectedPrompt.negativePrompt)), (selectedPrompt.model === "Sora" || selectedPrompt.model === "Veo") && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 389, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }, "Video Details"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded text-sm space-y-1", __source: { fileName: "", lineNumber: 391, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 392, columnNumber: 23 }, __self: this }, "Model: ", selectedPrompt.model), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 393, columnNumber: 23 }, __self: this }, "Views: ", selectedPrompt.viewsCount || 0), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 394, columnNumber: 23 }, __self: this }, "Type: AI Generated Video"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 400, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex items-center space-x-2 bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 401, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 402, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 403, columnNumber: 21 }, __self: this }, selectedPrompt.likesCount || 0)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(selectedPrompt.promptText), className: "bg-gray-200 text-black px-4 py-2 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 405, columnNumber: 19 }, __self: this }, "Copy Prompt"), selectedPrompt.model === "Sora" || selectedPrompt.model === "Veo" ? /*#__PURE__*/ React.createElement("button", { className: "bg-purple-500 text-white px-4 py-2 rounded hover:bg-purple-600", __source: { fileName: "", lineNumber: 413, columnNumber: 21 }, __self: this }, "Generate Video") : /*#__PURE__*/ React.createElement("button", { className: "bg-orange-500 text-white px-4 py-2 rounded hover:bg-orange-600", __source: { fileName: "", lineNumber: 417, columnNumber: 21 }, __self: this }, "Try This")))))), showSignUp && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black rounded-lg p-8 max-w-md w-full relative", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignUp(false), className: "absolute top-4 right-4 text-gray-500 hover:text-black text-xl", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 439, columnNumber: 13 }, __self: this }, "Join PromptHero"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 441, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, "Add your email"), /*#__PURE__*/ React.createElement("input", { type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "your_best_email@gmail.com", className: "w-full border border-gray-300 rounded px-3 py-2 focus:border-orange-500 focus:outline-none", __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 455, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 456, columnNumber: 17 }, __self: this }, "Choose a password"), /*#__PURE__*/ React.createElement("input", { type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full border border-gray-300 rounded px-3 py-2 focus:border-orange-500 focus:outline-none", __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 467, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 468, columnNumber: 17 }, __self: this }, "Password confirmation"), /*#__PURE__*/ React.createElement("input", { type: "password", value: confirmPassword, onChange: (e)=>setConfirmPassword(e.target.value), className: "w-full border border-gray-300 rounded px-3 py-2 focus:border-orange-500 focus:outline-none", __source: { fileName: "", lineNumber: 471, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-orange-500 hover:bg-orange-600 text-white font-medium py-3 rounded transition-colors", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }, "Create Account")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 487, columnNumber: 13 }, __self: this }, "Already a member?", " ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-orange-500 hover:underline", __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, "Log in"), ". By creating an account, you agree to our", " ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-orange-500 hover:underline", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, "Terms Of Service"), ", and to receive emails and updates."), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 500, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-3", __source: { fileName: "", lineNumber: 501, columnNumber: 15 }, __self: this }, "Join a vibrant community of thousands of AI enthusiasts like you."), /*#__PURE__*/ React.createElement("div", { className: "flex -space-x-2", __source: { fileName: "", lineNumber: 505, columnNumber: 15 }, __self: this }, [ 1, 2, 3, 4, 5, 6, 7, 8 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "w-8 h-8 bg-gray-300 rounded-full border-2 border-white", __source: { fileName: "", lineNumber: 507, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 518, columnNumber: 7 }, __self: this }, ` .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } `)); }