function MainComponent() { const { useState, useEffect } = React; const [currentTime, setCurrentTime] = useState(new Date()); const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }); const [isLoaded, setIsLoaded] = useState(false); const [activeSection, setActiveSection] = useState('profile'); useEffect(()=>{ const timerId = setInterval(()=>{ setCurrentTime(new Date()); }, 1000); return ()=>clearInterval(timerId); }, []); useEffect(()=>{ const handleMouseMove = (e)=>{ setMousePosition({ x: e.clientX, y: e.clientY }); }; window.addEventListener("mousemove", handleMouseMove); setIsLoaded(true); return ()=>window.removeEventListener("mousemove", handleMouseMove); }, []); const achievements = [ { title: "Quantum Computing Pioneer", description: "Leading breakthrough research in quantum-classical hybrid systems", year: "2024", icon: "fas fa-atom" }, { title: "AI Innovation Award", description: "Recognition for revolutionary generative AI applications", year: "2023", icon: "fas fa-brain" }, { title: "Tech Visionary Fellowship", description: "Selected for advanced technology leadership program", year: "2023", icon: "fas fa-rocket" }, { title: "Digital Art Revolution", description: "Pioneered new forms of interactive digital experiences", year: "2022", icon: "fas fa-palette" } ]; const expertise = [ { skill: "Quantum Computing", level: 95, color: "from-pink-500 to-purple-500" }, { skill: "AI/Machine Learning", level: 92, color: "from-cyan-500 to-blue-500" }, { skill: "Creative Technology", level: 88, color: "from-green-500 to-teal-500" }, { skill: "Digital Innovation", level: 90, color: "from-orange-500 to-red-500" }, { skill: "System Architecture", level: 85, color: "from-purple-500 to-pink-500" } ]; const currentProjects = [ { name: "Quantum Sound Portal", status: "ACTIVE", description: "Revolutionary audio generation using quantum algorithms", progress: 75 }, { name: "Neural Art Synthesis", status: "BETA", description: "AI-powered creative expression platform", progress: 60 }, { name: "Quantum Matrix Engine", status: "RESEARCH", description: "Next-generation computational framework", progress: 30 } ]; const getStatusColor = (status)=>{ switch(status){ case "ACTIVE": return "text-green-400 bg-green-400/20 border-green-400/50"; case "BETA": return "text-yellow-400 bg-yellow-400/20 border-yellow-400/50"; case "RESEARCH": return "text-purple-400 bg-purple-400/20 border-purple-400/50"; default: return "text-gray-400 bg-gray-400/20 border-gray-400/50"; } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gradient-to-tl from-indigo-900 via-purple-800 to-pink-700 text-gray-100 selection:bg-pink-500 selection:text-white relative overflow-hidden", __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed pointer-events-none z-50 w-6 h-6 rounded-full bg-gradient-to-r from-pink-500 to-purple-500 opacity-60 blur-sm transition-all duration-300 ease-out", style: { left: mousePosition.x - 12, top: mousePosition.y - 12, transform: `scale(${isLoaded ? 1 : 0})` }, __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 pointer-events-none z-10", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, [ ...Array.from({ length: 20 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "absolute w-1 h-1 bg-white/20 rounded-full animate-pulse", style: { left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`, animationDelay: `${Math.random() * 5}s`, animationDuration: `${3 + Math.random() * 4}s` }, __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } @keyframes backgroundShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bg-gradient-to-tl { background-size: 400% 400%; animation: backgroundShift 20s ease infinite; } @keyframes glitchAnim { 0% { clip-path: inset(40% 0 61% 0); } 5% { clip-path: inset(92% 0 1% 0); } 10% { clip-path: inset(43% 0 1% 0); } 15% { clip-path: inset(25% 0 58% 0); } 20% { clip-path: inset(54% 0 7% 0); } 25% { clip-path: inset(58% 0 43% 0); } 30% { clip-path: inset(54% 0 18% 0); } 35% { clip-path: inset(0% 0 0% 0); } 40% { clip-path: inset(50% 0 6% 0); } 45% { clip-path: inset(6% 0 87% 0); } 50% { clip-path: inset(0 0 0 0); } 55% { clip-path: inset(67% 0 4% 0); } 60% { clip-path: inset(10% 0 85% 0); } 65% { clip-path: inset(78% 0 23% 0); } 70% { clip-path: inset(50% 0 39% 0); } 75% { clip-path: inset(25% 0 58% 0); } 80% { clip-path: inset(52% 0 31% 0); } 85% { clip-path: inset(92% 0 2% 0); } 90% { clip-path: inset(17% 0 56% 0); } 95% { clip-path: inset(81% 0 8% 0); } 100% { clip-path: inset(26% 0 67% 0); } } .glitch-text { font-family: 'Orbitron', sans-serif; position: relative; animation: glitchAnim 8s infinite steps(1); text-shadow: 0 0 10px rgba(236, 72, 153, 0.8), 0 0 20px rgba(168, 85, 247, 0.6), 0 0 30px rgba(56, 189, 248, 0.4); } .glitch-text::before, .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; } .glitch-text::before { left: 3px; text-shadow: -2px 0 #ff00c1, 0 0 10px #ff00c1; animation: glitchSkew1 3s infinite linear alternate-reverse; } .glitch-text::after { left: -3px; text-shadow: -2px 0 #00fff9, 0 0 10px #00fff9; animation: glitchSkew2 3s infinite linear alternate-reverse; } @keyframes glitchSkew1 { 0% { transform: skew(0deg); } 10% { transform: skew(1deg); } 20% { transform: skew(0deg); } 30% { transform: skew(2deg); } 40% { transform: skew(0deg); } 50% { transform: skew(-1deg); } 60% { transform: skew(0deg); } 70% { transform: skew(1deg); } 80% { transform: skew(0deg); } 90% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } @keyframes glitchSkew2 { 0% { transform: skew(0deg); } 15% { transform: skew(-1deg); } 25% { transform: skew(0deg); } 35% { transform: skew(-2deg); } 45% { transform: skew(0deg); } 55% { transform: skew(1deg); } 65% { transform: skew(0deg); } 75% { transform: skew(-1deg); } 85% { transform: skew(0deg); } 95% { transform: skew(2deg); } 100% { transform: skew(0deg); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulseGlow { 0%, 100% { text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor; } 50% { text-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor; } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } .floating-element { animation: float 6s ease-in-out infinite; } .quantum-title { background: linear-gradient(45deg, #ff00c1, #00fff9, #ff00c1); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: backgroundShift 3s ease infinite; } .tech-grid { background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 50px 50px; } .profile-card { backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .profile-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(236, 72, 153, 0.4); } .skill-bar { background: rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; position: relative; } .skill-progress { height: 8px; border-radius: 10px; transition: width 2s ease-in-out; position: relative; } .skill-progress::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); animation: shimmer 2s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .nav-tab { transition: all 0.3s ease; position: relative; } .nav-tab.active { background: rgba(236, 72, 153, 0.2); border-color: rgba(236, 72, 153, 0.5); } .nav-tab.active::before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #ff00c1, #00fff9); } `), /*#__PURE__*/ React.createElement("div", { className: "tech-grid absolute inset-0 z-0", __source: { fileName: "", lineNumber: 352, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("header", { className: "text-center py-12 relative z-20", __source: { fileName: "", lineNumber: 355, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "floating-element", __source: { fileName: "", lineNumber: 356, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-black tracking-tight mb-4 glitch-text quantum-title", "data-text": "CREATOR PROFILE", style: { fontFamily: "'Orbitron', sans-serif", fontWeight: 900 }, __source: { fileName: "", lineNumber: 357, columnNumber: 11 }, __self: this }, "CREATOR PROFILE")), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-gray-200 mb-6 font-light", style: { fontFamily: "'Rajdhani', sans-serif", textShadow: "0 0 20px rgba(168, 85, 247, 0.5)" }, __source: { fileName: "", lineNumber: 368, columnNumber: 9 }, __self: this }, "ARCHITECT OF QUANTUM INNOVATION")), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 mb-8 relative z-20", __source: { fileName: "", lineNumber: 380, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 381, columnNumber: 9 }, __self: this }, [ { id: 'profile', label: 'PROFILE', icon: 'fas fa-user' }, { id: 'expertise', label: 'EXPERTISE', icon: 'fas fa-cogs' }, { id: 'achievements', label: 'ACHIEVEMENTS', icon: 'fas fa-trophy' }, { id: 'projects', label: 'PROJECTS', icon: 'fas fa-rocket' }, { id: 'contact', label: 'CONTACT', icon: 'fas fa-envelope' } ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveSection(tab.id), className: `nav-tab px-6 py-3 rounded-full border backdrop-blur-sm font-semibold transition-all duration-300 ${activeSection === tab.id ? 'active text-pink-300' : 'border-white/20 text-gray-300 hover:border-pink-500/50 hover:text-pink-300'}`, style: { fontFamily: "'Rajdhani', sans-serif" }, __source: { fileName: "", lineNumber: 389, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${tab.icon} mr-2`, __source: { fileName: "", lineNumber: 399, columnNumber: 15 }, __self: this }), tab.label)))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 relative z-20 mb-16", __source: { fileName: "", lineNumber: 407, columnNumber: 7 }, __self: this }, activeSection === 'profile' && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 410, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "profile-card rounded-3xl p-8 md:p-12", __source: { fileName: "", lineNumber: 411, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8 items-center", __source: { fileName: "", lineNumber: 412, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-1 text-center", __source: { fileName: "", lineNumber: 413, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative inline-block", __source: { fileName: "", lineNumber: 414, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/c93d440a-cee9-4889-8ec8-43b35456d6bb/-/format/auto/", alt: "Creator profile - PFANT T.HARE", className: "w-48 h-48 rounded-full mx-auto border-4 border-pink-500/50 shadow-2xl", __source: { fileName: "", lineNumber: 415, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-2 -right-2 w-12 h-12 bg-gradient-to-r from-green-400 to-cyan-400 rounded-full flex items-center justify-center border-4 border-white/20", __source: { fileName: "", lineNumber: 420, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-atom text-white text-lg", __source: { fileName: "", lineNumber: 421, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2 space-y-6", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-white mb-2", style: { fontFamily: "'Orbitron', sans-serif", textShadow: "0 0 10px rgba(255, 255, 255, 0.3)" }, __source: { fileName: "", lineNumber: 428, columnNumber: 21 }, __self: this }, "PFANT T.HARE"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-pink-400 mb-4 font-semibold", style: { fontFamily: "'Rajdhani', sans-serif" }, __source: { fileName: "", lineNumber: 437, columnNumber: 21 }, __self: this }, "Quantum Innovation Architect")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 text-gray-200", __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg leading-relaxed", __source: { fileName: "", lineNumber: 446, columnNumber: 21 }, __self: this }, "Pioneering the convergence of quantum computing, artificial intelligence, and creative technology. Leading breakthrough research in quantum-classical hybrid systems that push the boundaries of what's possible."), /*#__PURE__*/ React.createElement("p", { className: "text-lg leading-relaxed", __source: { fileName: "", lineNumber: 450, columnNumber: 21 }, __self: this }, "With over a decade of experience in advanced computational systems, I specialize in transforming theoretical quantum concepts into practical, revolutionary applications that reshape industries.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 456, columnNumber: 19 }, __self: this }, [ 'Quantum Computing', 'AI Research', 'Creative Tech', 'Innovation Leadership' ].map((tag)=>/*#__PURE__*/ React.createElement("span", { key: tag, className: "inline-block bg-gradient-to-r from-pink-600/40 to-purple-600/40 text-pink-100 text-sm font-semibold px-4 py-2 rounded-full border border-pink-500/30 backdrop-blur-sm", __source: { fileName: "", lineNumber: 458, columnNumber: 23 }, __self: this }, tag))))))), activeSection === 'expertise' && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 474, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "profile-card rounded-3xl p-8 md:p-12", __source: { fileName: "", lineNumber: 475, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl md:text-3xl font-bold text-center mb-8 text-white", style: { fontFamily: "'Orbitron', sans-serif" }, __source: { fileName: "", lineNumber: 476, columnNumber: 15 }, __self: this }, "TECHNICAL EXPERTISE"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 483, columnNumber: 15 }, __self: this }, expertise.map((skill, index)=>/*#__PURE__*/ React.createElement("div", { key: skill.skill, className: "space-y-2", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 486, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 487, columnNumber: 23 }, __self: this }, skill.skill), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-400 font-mono", __source: { fileName: "", lineNumber: 488, columnNumber: 23 }, __self: this }, skill.level, "%")), /*#__PURE__*/ React.createElement("div", { className: "skill-bar h-3", __source: { fileName: "", lineNumber: 490, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `skill-progress bg-gradient-to-r ${skill.color}`, style: { width: `${skill.level}%`, animationDelay: `${index * 0.2}s` }, __source: { fileName: "", lineNumber: 491, columnNumber: 23 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 503, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-xl p-6 border border-white/10", __source: { fileName: "", lineNumber: 504, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-pink-400 mb-4", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, "Core Technologies"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-gray-200", __source: { fileName: "", lineNumber: 506, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 507, columnNumber: 21 }, __self: this }, "• Quantum Circuit Design"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this }, "• Neural Network Architecture"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 509, columnNumber: 21 }, __self: this }, "• Distributed Systems"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 510, columnNumber: 21 }, __self: this }, "• Real-time Processing"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-xl p-6 border border-white/10", __source: { fileName: "", lineNumber: 513, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-cyan-400 mb-4", __source: { fileName: "", lineNumber: 514, columnNumber: 19 }, __self: this }, "Innovation Areas"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-gray-200", __source: { fileName: "", lineNumber: 515, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 516, columnNumber: 21 }, __self: this }, "• Quantum-AI Fusion"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 517, columnNumber: 21 }, __self: this }, "• Creative Computing"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 518, columnNumber: 21 }, __self: this }, "• Immersive Experiences"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 519, columnNumber: 21 }, __self: this }, "• Next-Gen Interfaces")))))), activeSection === 'achievements' && /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto", __source: { fileName: "", lineNumber: 529, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 530, columnNumber: 13 }, __self: this }, achievements.map((achievement, index)=>/*#__PURE__*/ React.createElement("div", { key: achievement.title, className: "profile-card rounded-2xl p-6", style: { animation: `fadeInUp 0.6s ease-out ${index * 0.1}s forwards`, opacity: 0 }, __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 540, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 541, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-pink-500 to-purple-500 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 542, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${achievement.icon} text-white text-lg`, __source: { fileName: "", lineNumber: 543, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 546, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 547, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 548, columnNumber: 25 }, __self: this }, achievement.title), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-400 font-mono text-sm", __source: { fileName: "", lineNumber: 549, columnNumber: 25 }, __self: this }, achievement.year)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200 leading-relaxed", __source: { fileName: "", lineNumber: 551, columnNumber: 23 }, __self: this }, achievement.description))))))), activeSection === 'projects' && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 562, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "profile-card rounded-3xl p-8 md:p-12", __source: { fileName: "", lineNumber: 563, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl md:text-3xl font-bold text-center mb-8 text-white", style: { fontFamily: "'Orbitron', sans-serif" }, __source: { fileName: "", lineNumber: 564, columnNumber: 15 }, __self: this }, "CURRENT PROJECTS"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 571, columnNumber: 15 }, __self: this }, currentProjects.map((project, index)=>/*#__PURE__*/ React.createElement("div", { key: project.name, className: "bg-white/5 rounded-xl p-6 border border-white/10", style: { animation: `slideInLeft 0.6s ease-out ${index * 0.2}s forwards`, opacity: 0 }, __source: { fileName: "", lineNumber: 573, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between mb-4", __source: { fileName: "", lineNumber: 581, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 582, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 583, columnNumber: 25 }, __self: this }, project.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200", __source: { fileName: "", lineNumber: 584, columnNumber: 25 }, __self: this }, project.description)), /*#__PURE__*/ React.createElement("div", { className: "mt-4 md:mt-0", __source: { fileName: "", lineNumber: 586, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-xs font-bold border ${getStatusColor(project.status)}`, __source: { fileName: "", lineNumber: 587, columnNumber: 25 }, __self: this }, project.status))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 593, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 594, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-300", __source: { fileName: "", lineNumber: 595, columnNumber: 25 }, __self: this }, "Progress"), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-400 font-mono text-sm", __source: { fileName: "", lineNumber: 596, columnNumber: 25 }, __self: this }, project.progress, "%")), /*#__PURE__*/ React.createElement("div", { className: "skill-bar h-2", __source: { fileName: "", lineNumber: 598, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "skill-progress bg-gradient-to-r from-green-500 to-cyan-500", style: { width: `${project.progress}%` }, __source: { fileName: "", lineNumber: 599, columnNumber: 25 }, __self: this })))))))), activeSection === 'contact' && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 614, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "profile-card rounded-3xl p-8 md:p-12", __source: { fileName: "", lineNumber: 615, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl md:text-3xl font-bold text-center mb-8 text-white", style: { fontFamily: "'Orbitron', sans-serif" }, __source: { fileName: "", lineNumber: 616, columnNumber: 15 }, __self: this }, "GET IN TOUCH"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 623, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 624, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-xl p-6 border border-white/10", __source: { fileName: "", lineNumber: 625, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-pink-400 mb-4", __source: { fileName: "", lineNumber: 626, columnNumber: 21 }, __self: this }, "Professional Inquiries"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 627, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 628, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-cyan-400", __source: { fileName: "", lineNumber: 629, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-200", __source: { fileName: "", lineNumber: 630, columnNumber: 25 }, __self: this }, "info@hichammneimne.com")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 632, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-cyan-400", __source: { fileName: "", lineNumber: 633, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-200", __source: { fileName: "", lineNumber: 634, columnNumber: 25 }, __self: this }, "www.sqyloom.com www.hichammneimne.com")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 637, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-cyan-400", __source: { fileName: "", lineNumber: 638, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-200", __source: { fileName: "", lineNumber: 639, columnNumber: 25 }, __self: this }, "Beirut/Fiji/Istanbul")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-xl p-6 border border-white/10", __source: { fileName: "", lineNumber: 644, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-purple-400 mb-4", __source: { fileName: "", lineNumber: 645, columnNumber: 21 }, __self: this }, "Collaboration"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200 mb-4", __source: { fileName: "", lineNumber: 646, columnNumber: 21 }, __self: this }, "Interested in quantum computing research, AI innovation, or creative technology partnerships?"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gradient-to-r from-purple-600 to-pink-600 text-white font-bold py-3 px-6 rounded-xl hover:from-purple-500 hover:to-pink-500 transition-all duration-300", __source: { fileName: "", lineNumber: 649, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-handshake mr-2", __source: { fileName: "", lineNumber: 650, columnNumber: 23 }, __self: this }), "START COLLABORATION"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 656, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-xl p-6 border border-white/10", __source: { fileName: "", lineNumber: 657, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-green-400 mb-4", __source: { fileName: "", lineNumber: 658, columnNumber: 21 }, __self: this }, "Research & Development"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200 mb-4", __source: { fileName: "", lineNumber: 659, columnNumber: 21 }, __self: this }, "Join the quantum revolution. Connect with cutting-edge research and breakthrough innovations."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 662, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 bg-gradient-to-r from-green-600 to-teal-600 text-white font-bold py-2 px-4 rounded-lg hover:from-green-500 hover:to-teal-500 transition-all duration-300", __source: { fileName: "", lineNumber: 663, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-flask mr-2", __source: { fileName: "", lineNumber: 664, columnNumber: 25 }, __self: this }), "RESEARCH"), /*#__PURE__*/ React.createElement("button", { className: "flex-1 bg-gradient-to-r from-blue-600 to-cyan-600 text-white font-bold py-2 px-4 rounded-lg hover:from-blue-500 hover:to-cyan-500 transition-all duration-300", __source: { fileName: "", lineNumber: 667, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket mr-2", __source: { fileName: "", lineNumber: 668, columnNumber: 25 }, __self: this }), "INNOVATE"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-xl p-6 border border-white/10", __source: { fileName: "", lineNumber: 674, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-yellow-400 mb-4", __source: { fileName: "", lineNumber: 675, columnNumber: 21 }, __self: this }, "Social & Updates"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 676, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded-lg transition-all duration-300", __source: { fileName: "", lineNumber: 677, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin mr-2", __source: { fileName: "", lineNumber: 678, columnNumber: 25 }, __self: this }), "LinkedIn"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-800 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded-lg transition-all duration-300", __source: { fileName: "", lineNumber: 681, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github mr-2", __source: { fileName: "", lineNumber: 682, columnNumber: 25 }, __self: this }), "GitHub"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-400 hover:bg-blue-300 text-white font-bold py-2 px-4 rounded-lg transition-all duration-300", __source: { fileName: "", lineNumber: 685, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter mr-2", __source: { fileName: "", lineNumber: 686, columnNumber: 25 }, __self: this }), "Twitter"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-600 hover:bg-red-500 text-white font-bold py-2 px-4 rounded-lg transition-all duration-300", __source: { fileName: "", lineNumber: 689, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube mr-2", __source: { fileName: "", lineNumber: 690, columnNumber: 25 }, __self: this }), "YouTube")))))))), /*#__PURE__*/ React.createElement("footer", { className: "text-center py-8 relative z-20 border-t border-white/20 backdrop-blur-sm bg-black/20", __source: { fileName: "", lineNumber: 703, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "floating-element", __source: { fileName: "", lineNumber: 704, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/c93d440a-cee9-4889-8ec8-43b35456d6bb/-/format/auto/", alt: "HM Advanced Technologies Logo", className: "mx-auto mb-4 h-12 filter drop-shadow-lg hover:scale-110 transition-transform duration-300", __source: { fileName: "", lineNumber: 705, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-100 mb-2 font-bold", style: { fontFamily: "'Orbitron', sans-serif", textShadow: "0 0 15px rgba(236, 72, 153, 0.6)" }, __source: { fileName: "", lineNumber: 712, columnNumber: 9 }, __self: this }, "HM ADVANCED TECHNOLOGIES"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center space-x-4 text-xs", __source: { fileName: "", lineNumber: 722, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("time", { className: "text-pink-400 font-mono bg-black/30 px-3 py-1 rounded-full backdrop-blur-sm border border-pink-500/30", __source: { fileName: "", lineNumber: 723, columnNumber: 11 }, __self: this }, "⏰ ", currentTime.toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-cyan-400 font-mono bg-black/30 px-3 py-1 rounded-full backdrop-blur-sm border border-cyan-500/30", __source: { fileName: "", lineNumber: 726, columnNumber: 11 }, __self: this }, "🌐 CREATOR PROFILE")))); }