function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } "use client"; function MainComponent() { const [applications, setApplications] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [searchTerm, setSearchTerm] = useState(""); const [selectedType, setSelectedType] = useState("ALL"); const [sortBy, setSortBy] = useState("created_at"); const [sortOrder, setSortOrder] = useState("desc"); const [selectedApp, setSelectedApp] = useState(null); const [hoveredApp, setHoveredApp] = useState(null); const [formData, setFormData] = useState({ name: "", email: "", company: "", caseStudy: "", impact: "" }); const [submitting, setSubmitting] = useState(false); const [submitSuccess, setSubmitSuccess] = useState(false); const [submitError, setSubmitError] = useState(null); const types = [ "ALL", "AI_TOOL", "AUTOMATION", "COURSE" ]; const typeLabels = { ALL: "All", AI_TOOL: "AI Tools", AUTOMATION: "Automation", COURSE: "Courses" }; const fetchApplications = useCallback(async ()=>{ try { setLoading(true); const applications = [ { id: 1, title: "IT Cost Optimization Analyzer", description: "Analyze and optimize IT infrastructure costs using AI-powered insights and recommendations.", type: "AI_TOOL", url: "https://cost-intel-optimizer-michelle114.replit.app/", techStack: [ "Python", "TensorFlow", "React" ], features: [ "Cost Analysis", "AI Insights", "Automated Reports" ], technologies: [ { name: "Python", icon: "fab fa-python" }, { name: "React", icon: "fab fa-react" }, { name: "AI", icon: "fas fa-brain" } ] }, { id: 2, title: "Script Genius", description: "Create advanced workflow diagrams and process maps with AI assistance and interactive editing.", type: "AUTOMATION", url: "https://www.create.xyz/app/fec65dd3-5197-4af6-9aa1-d11d1feb683b", techStack: [ "JavaScript", "D3.js", "GPT-3" ], features: [ "Workflow Design", "AI Suggestions", "Real-time Collaboration" ], technologies: [ { name: "JavaScript", icon: "fab fa-js" }, { name: "D3", icon: "fas fa-chart-network" }, { name: "AI", icon: "fas fa-robot" } ] }, { id: 3, title: "Task Automation Builder", description: "Build and analyze automated task workflows with detailed cost and resource planning.", type: "AUTOMATION", url: "https://autotaskanalysis.created.app", techStack: [ "Node.js", "Express", "MongoDB" ], features: [ "Task Management", "Resource Planning", "Analytics" ], technologies: [ { name: "Node.js", icon: "fab fa-node-js" }, { name: "MongoDB", icon: "fas fa-database" }, { name: "Analytics", icon: "fas fa-chart-line" } ] }, { id: 4, title: "Business AI Assistant", description: "Intelligent chatbot for business inquiries and support with real-time response capabilities.", type: "AI_TOOL", url: "https://businessassistant.created.app", techStack: [ "Python", "BERT", "FastAPI" ], features: [ "Natural Language Processing", "Real-time Responses", "Learning System" ], technologies: [ { name: "Python", icon: "fab fa-python" }, { name: "AI", icon: "fas fa-brain" }, { name: "API", icon: "fas fa-code" } ] }, { id: 5, title: "IT Support AI", description: "AI-powered IT support system with automated ticket management and resolution.", type: "AI_TOOL", url: "https://ai-help-desk-michelle114.replit.app/", techStack: [ "Python", "TensorFlow", "React" ], features: [ "Ticket Management", "AI Resolution", "Analytics" ], technologies: [ { name: "Python", icon: "fab fa-python" }, { name: "React", icon: "fab fa-react" }, { name: "Analytics", icon: "fas fa-chart-bar" } ] }, { id: 6, title: "AI Ticket Triage", description: "Automatically classify, prioritize, and assign IT support tickets using AI.", type: "AUTOMATION", url: "https://ai-ticket-sorter-michelle114.replit.app/", techStack: [ "Python", "scikit-learn", "FastAPI" ], features: [ "Auto Classification", "Priority Assignment", "Team Routing" ], technologies: [ { name: "Python", icon: "fab fa-python" }, { name: "AI", icon: "fas fa-brain" }, { name: "API", icon: "fas fa-code" } ] }, { id: 7, title: "MeetWhiz", description: "Comprehensive meeting management tool with AI assistance for agenda tracking and action items.", type: "AI_TOOL", url: "https://meet-whiz-michelle114.replit.app/", techStack: [ "React", "Node.js", "MongoDB" ], features: [ "Meeting Management", "AI Assistance", "Action Tracking" ], technologies: [ { name: "React", icon: "fab fa-react" }, { name: "Node.js", icon: "fab fa-node-js" }, { name: "AI", icon: "fas fa-robot" } ] }, { id: 8, title: "SharpSlides", description: "Create professional presentations with AI-powered templates and transitions.", type: "AI_TOOL", url: "https://sharp-slides-michelle114.replit.app", techStack: [ "React", "Three.js", "GPT-3" ], features: [ "AI Templates", "Smart Transitions", "Real-time Preview" ], technologies: [ { name: "React", icon: "fab fa-react" }, { name: "Three.js", icon: "fas fa-cube" }, { name: "AI", icon: "fas fa-brain" } ] }, { id: 9, title: "ProcessPilot", description: "Create advanced workflow diagrams and process maps with AI assistance and interactive editing.", type: "AUTOMATION", url: "https://ai-assistant-tool-michelle114.replit.app/", techStack: [ "Vue.js", "D3.js", "Python" ], features: [ "Process Mapping", "AI Suggestions", "Collaboration" ], technologies: [ { name: "Vue", icon: "fab fa-vuejs" }, { name: "Python", icon: "fab fa-python" }, { name: "AI", icon: "fas fa-robot" } ] } ]; setApplications(applications); setLoading(false); } catch (err) { setError("Failed to load applications"); console.error(err); setLoading(false); } }, []); useEffect(()=>{ fetchApplications(); }, [ fetchApplications ]); const filteredApps = applications.sort((a, b)=>a.title.localeCompare(b.title)).filter((app)=>{ const matchesSearch = app.title.toLowerCase().includes(searchTerm.toLowerCase()) || app.description.toLowerCase().includes(searchTerm.toLowerCase()); const matchesType = selectedType === "ALL" || app.type === selectedType; return matchesSearch && matchesType; }); const handleSubmit = async (e)=>{ e.preventDefault(); setSubmitting(true); setSubmitError(null); try { const response = await fetch("/api/submit-case", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setSubmitSuccess(true); setFormData({ name: "", email: "", company: "", caseStudy: "", impact: "" }); setTimeout(()=>{ setSubmitSuccess(false); }, 5000); } catch (error) { setSubmitError(error.message); } finally{ setSubmitting(false); } }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; if (error) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1B1B1B] p-6", __source: { fileName: "", lineNumber: 233, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-20", __source: { fileName: "", lineNumber: 234, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-4xl text-[#FF00FF] mb-4", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#F6F6F6]", __source: { fileName: "", lineNumber: 236, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: fetchApplications, className: "mt-4 px-6 py-2 bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] text-[#1B1B1B] rounded hover:bg-[#2C2C2C] hover:text-[#F6F6F6] transition-colors", __source: { fileName: "", lineNumber: 237, columnNumber: 11 }, __self: this }, "Try Again"))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1B1B1B]", __source: { fileName: "", lineNumber: 249, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12", __source: { fileName: "", lineNumber: 250, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 251, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-6xl font-bold text-[#F6F6F6] mb-4", __source: { fileName: "", lineNumber: 252, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-inter-tight bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] bg-clip-text text-transparent hover:scale-110 transition-transform duration-300 inline-block", __source: { fileName: "", lineNumber: 253, columnNumber: 3 }, __self: this }, "AI COP Prototypes (beta)")), /*#__PURE__*/ React.createElement("p", { className: "text-xl bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] bg-clip-text text-transparent font-bold mb-8 animate-fade-in", __source: { fileName: "", lineNumber: 257, columnNumber: 1 }, __self: this }, "Augmented Intelligence Tools "), /*#__PURE__*/ React.createElement("div", { className: "relative max-w-2xl mx-auto mb-12", __source: { fileName: "", lineNumber: 260, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search applications...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full px-6 py-4 rounded-lg bg-[#2C2C2C] text-[#F6F6F6] border border-[#4B4B4B] focus:outline-none focus:border-[#FF00FF] search-glow", __source: { fileName: "", lineNumber: 261, columnNumber: 3 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute right-4 top-1/2 transform -translate-y-1/2 text-[#B1B1B1]", __source: { fileName: "", lineNumber: 268, columnNumber: 3 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 mb-12", __source: { fileName: "", lineNumber: 270, columnNumber: 1 }, __self: this }, types.map((type)=>/*#__PURE__*/ React.createElement("button", { key: type, onClick: ()=>setSelectedType(type), className: `px-6 py-2 rounded-full transition-all duration-500 transform hover:scale-105 ${selectedType === type ? "bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] text-[#1B1B1B]" : "bg-[#2C2C2C] text-[#F6F6F6] hover:bg-[#4B4B4B]"}`, __source: { fileName: "", lineNumber: 272, columnNumber: 5 }, __self: this }, typeLabels[type]))), loading ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this }, [ 1, 2, 3, 4, 5, 6 ].map((i)=>/*#__PURE__*/ React.createElement(FramerMotion, { key: i, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: i * 0.1 }, __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-pulse", __source: { fileName: "", lineNumber: 294, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2C2C2C] h-64 rounded-t-xl", __source: { fileName: "", lineNumber: 295, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2C2C2C] p-6 rounded-b-xl", __source: { fileName: "", lineNumber: 296, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-6 bg-[#4B4B4B] rounded mb-4", __source: { fileName: "", lineNumber: 297, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-[#4B4B4B] rounded mb-2", __source: { fileName: "", lineNumber: 298, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-[#4B4B4B] rounded", __source: { fileName: "", lineNumber: 299, columnNumber: 23 }, __self: this })))))) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 auto-rows-fr", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, filteredApps.map((app)=>/*#__PURE__*/ React.createElement(FramerMotion, { key: app.id, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, className: "h-full float-animation group", onHoverStart: ()=>setHoveredApp(app.id), onHoverEnd: ()=>setHoveredApp(null), __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2C2C2C] rounded-xl overflow-hidden border border-[#4B4B4B] hover:border-[#FF00FF] h-full flex flex-col transform transition-all duration-500 hover:scale-105 hover:shadow-2xl relative", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-64 w-full", __source: { fileName: "", lineNumber: 318, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: app.url, title: app.title, className: "w-full h-full", loading: "lazy", __source: { fileName: "", lineNumber: 319, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-[#2C2C2C]/90", __source: { fileName: "", lineNumber: 325, columnNumber: 23 }, __self: this }), hoveredApp === app.id && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/80 flex items-center justify-center p-4 transition-opacity duration-300", __source: { fileName: "", lineNumber: 327, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-center", __source: { fileName: "", lineNumber: 328, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 329, columnNumber: 29 }, __self: this }, "Key Features:"), /*#__PURE__*/ React.createElement("ul", { className: "mb-4", __source: { fileName: "", lineNumber: 330, columnNumber: 29 }, __self: this }, app.features.map((feature, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-sm mb-1", __source: { fileName: "", lineNumber: 332, columnNumber: 33 }, __self: this }, feature)))))), /*#__PURE__*/ React.createElement("div", { className: "p-6 relative flex-grow flex flex-col", __source: { fileName: "", lineNumber: 339, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 340, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, transition: { duration: 0.6, delay: 0.2 }, __source: { fileName: "", lineNumber: 341, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-[#F6F6F6]", __source: { fileName: "", lineNumber: 346, columnNumber: 27 }, __self: this }, app.title)), /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.6, delay: 0.3 }, __source: { fileName: "", lineNumber: 350, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] text-[#1B1B1B] text-sm rounded-full", __source: { fileName: "", lineNumber: 355, columnNumber: 27 }, __self: this }, typeLabels[app.type]))), /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: 0.4 }, className: "flex-grow", __source: { fileName: "", lineNumber: 360, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B1B1B1] mb-4", __source: { fileName: "", lineNumber: 366, columnNumber: 25 }, __self: this }, app.description), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-4", __source: { fileName: "", lineNumber: 367, columnNumber: 25 }, __self: this }, app.techStack.map((tech, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-2 py-1 bg-[#1B1B1B] text-[#F6F6F6] text-xs rounded-md border border-[#4B4B4B]", __source: { fileName: "", lineNumber: 369, columnNumber: 29 }, __self: this }, tech))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mb-4", __source: { fileName: "", lineNumber: 377, columnNumber: 25 }, __self: this }, app.technologies.map((tech, index)=>/*#__PURE__*/ React.createElement("i", { key: index, className: `${tech.icon} text-xl text-[#FF00FF] hover:text-[#00FFFF] transition-colors duration-300`, __source: { fileName: "", lineNumber: 379, columnNumber: 29 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mt-auto", __source: { fileName: "", lineNumber: 383, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, className: "flex-1", __source: { fileName: "", lineNumber: 384, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedApp(app), className: "w-full px-4 py-2 bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] text-[#1B1B1B] rounded font-bold hover:opacity-90 transition-all duration-300", __source: { fileName: "", lineNumber: 389, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play-circle mr-2", __source: { fileName: "", lineNumber: 393, columnNumber: 29 }, __self: this }), "Live Demo")))))))), !loading && filteredApps.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-20", __source: { fileName: "", lineNumber: 405, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-4xl text-[#4B4B4B] mb-4", __source: { fileName: "", lineNumber: 406, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#B1B1B1]", __source: { fileName: "", lineNumber: 407, columnNumber: 15 }, __self: this }, "No applications found"))), /*#__PURE__*/ React.createElement("section", { className: "mt-20 text-center", __source: { fileName: "", lineNumber: 412, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-[#F6F6F6] mb-6", __source: { fileName: "", lineNumber: 413, columnNumber: 11 }, __self: this }, "Submit Your Use Case"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B1B1B1] mb-8 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 416, columnNumber: 11 }, __self: this }, "Have an innovative use case for our AI applications? Share it with our community and help others discover new possibilities."), /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, className: "bg-[#2C2C2C] p-8 rounded-xl border border-[#4B4B4B] hover:border-[#FF00FF] transition-all duration-300 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 419, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 425, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 426, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, placeholder: "Your Name", className: "w-full px-4 py-3 bg-[#1B1B1B] text-[#F6F6F6] rounded-lg border border-[#4B4B4B] focus:outline-none focus:border-[#FF00FF]", required: true, __source: { fileName: "", lineNumber: 427, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 437, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, placeholder: "Your Email", className: "w-full px-4 py-3 bg-[#1B1B1B] text-[#F6F6F6] rounded-lg border border-[#4B4B4B] focus:outline-none focus:border-[#FF00FF]", required: true, __source: { fileName: "", lineNumber: 438, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 448, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "company", value: formData.company, onChange: handleInputChange, placeholder: "Company/Organization", className: "w-full px-4 py-3 bg-[#1B1B1B] text-[#F6F6F6] rounded-lg border border-[#4B4B4B] focus:outline-none focus:border-[#FF00FF]", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "caseStudy", value: formData.caseStudy, onChange: handleInputChange, placeholder: "Describe your use case", rows: "4", className: "w-full px-4 py-3 bg-[#1B1B1B] text-[#F6F6F6] rounded-lg border border-[#4B4B4B] focus:outline-none focus:border-[#FF00FF]", required: true, __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: submitting, className: `w-full py-4 rounded-lg font-bold transition-all duration-300 ${submitting ? "bg-[#4B4B4B] text-[#B1B1B1]" : "bg-gradient-to-r from-[#FF00FF] to-[#00FFFF] text-[#1B1B1B] hover:opacity-90"}`, __source: { fileName: "", lineNumber: 469, columnNumber: 15 }, __self: this }, submitting ? "Submitting..." : "Submit Use Case"), submitSuccess && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-green-500/10 text-green-500 rounded-lg", __source: { fileName: "", lineNumber: 481, columnNumber: 17 }, __self: this }, "Thank you for your submission! We'll review it shortly."), submitError && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-red-500/10 text-red-500 rounded-lg", __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, submitError))))), selectedApp && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 495, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, scale: 0.9, y: 20 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.9, y: 20 }, transition: { duration: 0.4, ease: "easeOut" }, className: "bg-[#1B1B1B] rounded-xl w-full h-[90vh] max-w-6xl relative border border-[#FF00FF] overflow-hidden shadow-2xl", __source: { fileName: "", lineNumber: 496, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 z-20 flex gap-2", __source: { fileName: "", lineNumber: 503, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedApp(null), className: "bg-[#2C2C2C] p-2 rounded-full hover:bg-[#FF00FF] transition-all duration-300 transform hover:scale-110", __source: { fileName: "", lineNumber: 504, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-white", __source: { fileName: "", lineNumber: 508, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full h-full", __source: { fileName: "", lineNumber: 511, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: selectedApp.url, title: selectedApp.title, className: "w-full h-full", loading: "lazy", __source: { fileName: "", lineNumber: 512, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 522, columnNumber: 7 }, __self: this }, ` @keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes glow { 0% { box-shadow: 0 0 5px rgba(255, 0, 255, 0.2), 0 0 10px rgba(0, 255, 255, 0.2); } 50% { box-shadow: 0 0 20px rgba(255, 0, 255, 0.4), 0 0 30px rgba(0, 255, 255, 0.4); } 100% { box-shadow: 0 0 5px rgba(255, 0, 255, 0.2), 0 0 10px rgba(0, 255, 255, 0.2); } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .animate-fade-in { animation: fade-in 0.6s ease-out forwards; } .search-glow { animation: glow 2s ease-in-out infinite; } .float-animation { animation: float 3s ease-in-out infinite; } `)); }