function MainComponent() { const { data: user, loading } = useUser(); const [activeTab, setActiveTab] = useState("navigator"); const [searchQuery, setSearchQuery] = useState(""); const [voiceSearchActive, setVoiceSearchActive] = useState(false); const [userProfile, setUserProfile] = useState(null); const [aiRecommendations, setAiRecommendations] = useState([]); const [loadingRecommendations, setLoadingRecommendations] = useState(false); // Product showcase images const productImages = { navigator: "https://images.unsplash.com/photo-1551434678-e076c223a692?w=800&h=600&fit=crop&crop=center", mentor: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=800&h=600&fit=crop&crop=center", jobs: "https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=600&fit=crop&crop=center", interview: "https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?w=800&h=600&fit=crop&crop=center", portfolio: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&h=600&fit=crop&crop=center", "nft-resume": "https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=800&h=600&fit=crop&crop=center", rewards: "https://images.unsplash.com/photo-1621761191319-c6fb62004040?w=800&h=600&fit=crop&crop=center", dao: "https://images.unsplash.com/photo-1559526324-4b87b5e36e44?w=800&h=600&fit=crop&crop=center", hiring: "https://images.unsplash.com/photo-1521791136064-7986c2920216?w=800&h=600&fit=crop&crop=center", freelance: "https://images.unsplash.com/photo-1556761175-b413da4baf72?w=800&h=600&fit=crop&crop=center", "talent-map": "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=800&h=600&fit=crop&crop=center", voice: "https://images.unsplash.com/photo-1589254065878-42c9da997008?w=800&h=600&fit=crop&crop=center", startup: "https://images.unsplash.com/photo-1559136555-9303baea8ebd?w=800&h=600&fit=crop&crop=center", reputation: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop&crop=center", identity: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=800&h=600&fit=crop&crop=center" }; // Fetch user profile and AI recommendations React.useEffect(()=>{ const fetchData = async ()=>{ if (!user) return; try { const response = await fetch("/api/get-profile", { method: "POST", headers: { "Content-Type": "application/json" } }); const result = await response.json(); if (result.success) { setUserProfile(result.profile); generateAIRecommendations(result.profile); } } catch (error) { console.error("Error fetching profile:", error); } }; fetchData(); }, [ user ]); const generateAIRecommendations = async (profile)=>{ setLoadingRecommendations(true); // Simulate AI-powered recommendations based on user profile setTimeout(()=>{ const recommendations = [ { type: "career_path", title: `Senior ${profile?.specialization || "Developer"} Role`, confidence: 92, description: "Based on your skills and experience, this path offers 85% salary growth potential", action: "Explore Path", icon: "fas fa-route" }, { type: "skill_gap", title: "Cloud Computing Certification", confidence: 88, description: "87% of similar profiles benefit from this skill in your domain", action: "Start Learning", icon: "fas fa-cloud" }, { type: "mentor", title: "Connect with Sarah Chen", confidence: 95, description: "Senior Engineering Manager at Google, 98% compatibility match", action: "Send Request", icon: "fas fa-user-tie" }, { type: "job_match", title: "3 Perfect Job Matches", confidence: 91, description: "AI found roles matching 90%+ of your criteria", action: "View Jobs", icon: "fas fa-briefcase" } ]; setAiRecommendations(recommendations); setLoadingRecommendations(false); }, 1500); }; const features = [ { id: "navigator", name: "AI Career Navigator", icon: "fas fa-compass", description: "AI-powered career path recommendations" }, { id: "mentor", name: "Mentor Matchmaking", icon: "fas fa-user-tie", description: "Connect with industry mentors" }, { id: "jobs", name: "Job Match & Analysis", icon: "fas fa-bullseye", description: "Smart job matching and skill gap analysis" }, { id: "interview", name: "Interview Coach", icon: "fas fa-microphone", description: "AI-powered interview practice" }, { id: "portfolio", name: "Smart Portfolio", icon: "fas fa-folder-open", description: "AI-optimized portfolio builder" }, { id: "nft-resume", name: "NFT Resume", icon: "fas fa-certificate", description: "Blockchain-verified credentials" }, { id: "rewards", name: "Learning Rewards", icon: "fas fa-trophy", description: "Earn tokens for skill development" }, { id: "dao", name: "DAO Governance", icon: "fas fa-vote-yea", description: "Community-driven platform decisions" }, { id: "hiring", name: "Verified Hiring", icon: "fas fa-shield-check", description: "Blockchain-verified recruitment" }, { id: "freelance", name: "Freelance Marketplace", icon: "fas fa-handshake", description: "Decentralized gig economy" }, { id: "talent-map", name: "Global Talent Map", icon: "fas fa-globe", description: "Worldwide talent visualization" }, { id: "voice", name: "Voice Search", icon: "fas fa-microphone-alt", description: "Voice-powered career search" }, { id: "startup", name: "Startup Launchpad", icon: "fas fa-rocket", description: "Launch and fund your startup" }, { id: "reputation", name: "Reputation System", icon: "fas fa-star", description: "Blockchain-based reputation scoring" }, { id: "identity", name: "Web3 Identity", icon: "fas fa-id-card", description: "Decentralized identity management" } ]; const handleVoiceSearch = ()=>{ setVoiceSearchActive(!voiceSearchActive); if (!voiceSearchActive) { // Simulate voice recognition setTimeout(()=>{ setSearchQuery("Find senior developer jobs in AI"); setVoiceSearchActive(false); }, 3000); } }; const renderFeatureContent = ()=>{ switch(activeTab){ case "navigator": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 223, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-600 to-purple-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 224, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, "AI Career Navigator"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-100", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, "Get personalized career path recommendations powered by advanced AI algorithms")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Platform Preview"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages.navigator, alt: "AI Career Navigator Dashboard", className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this }, "AI-Powered Career Analytics"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 248, columnNumber: 21 }, __self: this }, "Real-time career path visualization and recommendations"))))), loadingRecommendations ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this }, "AI is analyzing your profile...")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, aiRecommendations.map((rec, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-xl p-6 shadow-sm border hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-4", __source: { fileName: "", lineNumber: 268, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-blue-100 to-purple-100 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 269, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${rec.icon} text-blue-600 text-xl`, __source: { fileName: "", lineNumber: 270, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 bg-green-100 text-green-800 text-sm font-medium rounded-full", __source: { fileName: "", lineNumber: 272, columnNumber: 23 }, __self: this }, rec.confidence, "% match")), /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 276, columnNumber: 21 }, __self: this }, rec.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm mb-4", __source: { fileName: "", lineNumber: 279, columnNumber: 21 }, __self: this }, rec.description), /*#__PURE__*/ React.createElement("button", { className: "w-full px-4 py-2 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 282, columnNumber: 21 }, __self: this }, rec.action)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 290, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, "Career Path Visualization"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between py-4 border-b", __source: { fileName: "", lineNumber: 294, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 295, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 296, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-600 font-semibold text-sm", __source: { fileName: "", lineNumber: 297, columnNumber: 21 }, __self: this }, "1")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 301, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }, "Current Position"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 305, columnNumber: 21 }, __self: this }, userProfile?.specialization || "Developer"))), /*#__PURE__*/ React.createElement("span", { className: "text-green-600 font-medium", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, "✓ Complete")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between py-4 border-b", __source: { fileName: "", lineNumber: 312, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 313, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-yellow-100 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-yellow-600 font-semibold text-sm", __source: { fileName: "", lineNumber: 315, columnNumber: 21 }, __self: this }, "2")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 319, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 320, columnNumber: 21 }, __self: this }, "Skill Enhancement"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 323, columnNumber: 21 }, __self: this }, "Cloud Computing + AI/ML"))), /*#__PURE__*/ React.createElement("span", { className: "text-yellow-600 font-medium", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, "In Progress")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between py-4", __source: { fileName: "", lineNumber: 330, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 331, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gray-100 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-semibold text-sm", __source: { fileName: "", lineNumber: 333, columnNumber: 21 }, __self: this }, "3")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 338, columnNumber: 21 }, __self: this }, "Senior Role"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 339, columnNumber: 21 }, __self: this }, "Tech Lead / Architect"))), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 font-medium", __source: { fileName: "", lineNumber: 344, columnNumber: 17 }, __self: this }, "Upcoming")))); case "mentor": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 352, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-green-600 to-teal-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 353, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 354, columnNumber: 15 }, __self: this }, "Mentor Matchmaking"), /*#__PURE__*/ React.createElement("p", { className: "text-green-100", __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, "Connect with industry experts who can guide your career journey")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 361, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, "Mentor Matching Interface"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 365, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages.mentor, alt: "Mentor Matchmaking Platform", className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 366, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 371, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 373, columnNumber: 21 }, __self: this }, "AI-Powered Mentor Matching"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 376, columnNumber: 21 }, __self: this }, "Connect with industry leaders based on compatibility scores"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, [ { name: "Sarah Chen", role: "Senior Engineering Manager", company: "Google", match: 98, expertise: [ "Leadership", "AI/ML", "Team Building" ], sessions: 150, rating: 4.9 }, { name: "Marcus Rodriguez", role: "Principal Architect", company: "Microsoft", match: 95, expertise: [ "Cloud Architecture", "System Design", "Mentoring" ], sessions: 200, rating: 4.8 }, { name: "Priya Sharma", role: "VP of Engineering", company: "Stripe", match: 92, expertise: [ "Fintech", "Scaling Teams", "Product Strategy" ], sessions: 120, rating: 4.9 } ].map((mentor, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-xl p-6 shadow-sm border hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 423, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-green-500 to-teal-500 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 424, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 425, columnNumber: 23 }, __self: this }, mentor.name.split(" ").map((n)=>n[0]).join(""))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 432, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900", __source: { fileName: "", lineNumber: 433, columnNumber: 23 }, __self: this }, mentor.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 436, columnNumber: 23 }, __self: this }, mentor.role))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 442, columnNumber: 23 }, __self: this }, "Match Score"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-green-600", __source: { fileName: "", lineNumber: 445, columnNumber: 23 }, __self: this }, mentor.match, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-green-500 to-teal-500 h-2 rounded-full", style: { width: `${mentor.match}%` }, __source: { fileName: "", lineNumber: 450, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 457, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 458, columnNumber: 21 }, __self: this }, "Expertise"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-1", __source: { fileName: "", lineNumber: 461, columnNumber: 21 }, __self: this }, mentor.expertise.map((skill, idx)=>/*#__PURE__*/ React.createElement("span", { key: idx, className: "px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full", __source: { fileName: "", lineNumber: 463, columnNumber: 25 }, __self: this }, skill)))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4 text-sm text-gray-600", __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 474, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments mr-1", __source: { fileName: "", lineNumber: 475, columnNumber: 23 }, __self: this }), mentor.sessions, " sessions"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 478, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1 text-yellow-500", __source: { fileName: "", lineNumber: 479, columnNumber: 23 }, __self: this }), mentor.rating)), /*#__PURE__*/ React.createElement("button", { className: "w-full px-4 py-2 bg-gradient-to-r from-green-600 to-teal-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, "Request Mentorship"))))); case "jobs": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 495, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-purple-600 to-pink-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 496, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 497, columnNumber: 15 }, __self: this }, "Job Match & Skill Gap Analysis"), /*#__PURE__*/ React.createElement("p", { className: "text-purple-100", __source: { fileName: "", lineNumber: 500, columnNumber: 15 }, __self: this }, "AI-powered job matching with detailed skill gap analysis")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 506, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 507, columnNumber: 15 }, __self: this }, "Job Matching Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 510, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages.jobs, alt: "Job Matching and Skill Analysis", className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 511, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 516, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 517, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 518, columnNumber: 21 }, __self: this }, "Smart Job Recommendations"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 519, columnNumber: 21 }, __self: this }, "AI analyzes skills and matches perfect job opportunities"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 527, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2 space-y-4", __source: { fileName: "", lineNumber: 528, columnNumber: 15 }, __self: this }, [ { title: "Senior Full Stack Developer", company: "TechCorp Inc.", location: "San Francisco, CA", salary: "$120k - $160k", match: 94, skills: [ "React", "Node.js", "AWS", "TypeScript" ], missing: [ "GraphQL", "Docker" ] }, { title: "Lead Software Engineer", company: "Innovation Labs", location: "Remote", salary: "$140k - $180k", match: 89, skills: [ "Python", "Machine Learning", "Kubernetes" ], missing: [ "TensorFlow", "MLOps" ] }, { title: "Principal Engineer", company: "StartupXYZ", location: "New York, NY", salary: "$160k - $200k", match: 87, skills: [ "System Design", "Microservices", "Leadership" ], missing: [ "Blockchain", "Web3" ] } ].map((job, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 558, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-4", __source: { fileName: "", lineNumber: 562, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 563, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 564, columnNumber: 25 }, __self: this }, job.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 567, columnNumber: 25 }, __self: this }, job.company), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4 mt-2 text-sm text-gray-500", __source: { fileName: "", lineNumber: 568, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 569, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-1", __source: { fileName: "", lineNumber: 570, columnNumber: 29 }, __self: this }), job.location), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 573, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign mr-1", __source: { fileName: "", lineNumber: 574, columnNumber: 29 }, __self: this }), job.salary))), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 bg-purple-100 text-purple-800 text-sm font-medium rounded-full", __source: { fileName: "", lineNumber: 579, columnNumber: 23 }, __self: this }, job.match, "% match")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 584, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 585, columnNumber: 23 }, __self: this }, "Matching Skills"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-1", __source: { fileName: "", lineNumber: 588, columnNumber: 23 }, __self: this }, job.skills.map((skill, idx)=>/*#__PURE__*/ React.createElement("span", { key: idx, className: "px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full", __source: { fileName: "", lineNumber: 590, columnNumber: 27 }, __self: this }, "✓ ", skill)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 600, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 601, columnNumber: 23 }, __self: this }, "Skills to Learn"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-1", __source: { fileName: "", lineNumber: 604, columnNumber: 23 }, __self: this }, job.missing.map((skill, idx)=>/*#__PURE__*/ React.createElement("span", { key: idx, className: "px-2 py-1 bg-orange-100 text-orange-800 text-xs rounded-full", __source: { fileName: "", lineNumber: 606, columnNumber: 27 }, __self: this }, "📚 ", skill)))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 616, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 px-4 py-2 bg-gradient-to-r from-purple-600 to-pink-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 617, columnNumber: 23 }, __self: this }, "Apply Now"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 620, columnNumber: 23 }, __self: this }, "Save Job"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 628, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 629, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 630, columnNumber: 19 }, __self: this }, "Skill Gap Analysis"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 633, columnNumber: 19 }, __self: this }, [ { skill: "GraphQL", demand: 85, proficiency: 0 }, { skill: "Docker", demand: 90, proficiency: 30 }, { skill: "TensorFlow", demand: 75, proficiency: 0 }, { skill: "Blockchain", demand: 70, proficiency: 10 } ].map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 640, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm mb-1", __source: { fileName: "", lineNumber: 641, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 642, columnNumber: 27 }, __self: this }, item.skill), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 645, columnNumber: 27 }, __self: this }, item.proficiency, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 649, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-red-500 to-orange-500 h-2 rounded-full", style: { width: `${item.proficiency}%` }, __source: { fileName: "", lineNumber: 650, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 655, columnNumber: 25 }, __self: this }, item.demand, "% market demand")))), /*#__PURE__*/ React.createElement("button", { className: "w-full mt-4 px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700 transition-colors", __source: { fileName: "", lineNumber: 661, columnNumber: 19 }, __self: this }, "Create Learning Plan")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 666, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 667, columnNumber: 19 }, __self: this }, "Market Insights"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 670, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 671, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 672, columnNumber: 23 }, __self: this }, "Avg. Salary Growth"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-green-600", __source: { fileName: "", lineNumber: 675, columnNumber: 23 }, __self: this }, "+15%")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 679, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 680, columnNumber: 23 }, __self: this }, "Job Openings"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-blue-600", __source: { fileName: "", lineNumber: 683, columnNumber: 23 }, __self: this }, "2,847")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 687, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 688, columnNumber: 23 }, __self: this }, "Competition Level"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-orange-600", __source: { fileName: "", lineNumber: 691, columnNumber: 23 }, __self: this }, "Medium"))))))); case "interview": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 704, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-red-600 to-pink-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 705, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 706, columnNumber: 15 }, __self: this }, "AI Interview Coach"), /*#__PURE__*/ React.createElement("p", { className: "text-red-100", __source: { fileName: "", lineNumber: 707, columnNumber: 15 }, __self: this }, "Practice interviews with AI feedback and real-time analysis")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 713, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 714, columnNumber: 15 }, __self: this }, "Interview Practice Interface"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 717, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages.interview, alt: "AI Interview Coach Platform", className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 718, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 723, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 724, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 725, columnNumber: 21 }, __self: this }, "AI-Powered Interview Practice"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 728, columnNumber: 21 }, __self: this }, "Real-time feedback and performance analytics"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 736, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 737, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 738, columnNumber: 17 }, __self: this }, "Mock Interview Sessions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 741, columnNumber: 17 }, __self: this }, [ { type: "Technical", duration: "45 min", difficulty: "Senior", completed: true, score: 87 }, { type: "Behavioral", duration: "30 min", difficulty: "Mid-level", completed: true, score: 92 }, { type: "System Design", duration: "60 min", difficulty: "Senior", completed: false, score: null } ].map((session, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between p-4 border rounded-lg", __source: { fileName: "", lineNumber: 765, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 769, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 770, columnNumber: 25 }, __self: this }, session.type, " Interview"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 773, columnNumber: 25 }, __self: this }, session.duration, " • ", session.difficulty, " Level")), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 777, columnNumber: 23 }, __self: this }, session.completed ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 779, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-semibold text-green-600", __source: { fileName: "", lineNumber: 780, columnNumber: 29 }, __self: this }, session.score, "%"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 783, columnNumber: 29 }, __self: this }, "Completed")) : /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 786, columnNumber: 27 }, __self: this }, "Start")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 796, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 797, columnNumber: 17 }, __self: this }, "Performance Analytics"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 800, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 801, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm mb-1", __source: { fileName: "", lineNumber: 802, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 803, columnNumber: 23 }, __self: this }, "Communication"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 806, columnNumber: 23 }, __self: this }, "92%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 808, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-green-500 to-green-600 h-2 rounded-full", style: { width: "92%" }, __source: { fileName: "", lineNumber: 809, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 815, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm mb-1", __source: { fileName: "", lineNumber: 816, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 817, columnNumber: 23 }, __self: this }, "Technical Skills"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 820, columnNumber: 23 }, __self: this }, "87%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 822, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-500 to-blue-600 h-2 rounded-full", style: { width: "87%" }, __source: { fileName: "", lineNumber: 823, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 829, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm mb-1", __source: { fileName: "", lineNumber: 830, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 831, columnNumber: 23 }, __self: this }, "Problem Solving"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 834, columnNumber: 23 }, __self: this }, "85%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 836, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-purple-500 to-purple-600 h-2 rounded-full", style: { width: "85%" }, __source: { fileName: "", lineNumber: 837, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 843, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm mb-1", __source: { fileName: "", lineNumber: 844, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 845, columnNumber: 23 }, __self: this }, "Confidence"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 848, columnNumber: 23 }, __self: this }, "78%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 850, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-yellow-500 to-orange-500 h-2 rounded-full", style: { width: "78%" }, __source: { fileName: "", lineNumber: 851, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-blue-50 rounded-lg", __source: { fileName: "", lineNumber: 859, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-medium text-blue-800 mb-2", __source: { fileName: "", lineNumber: 860, columnNumber: 19 }, __self: this }, "AI Recommendations"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-blue-700 space-y-1", __source: { fileName: "", lineNumber: 863, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 864, columnNumber: 21 }, __self: this }, "• Practice explaining complex concepts simply"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 865, columnNumber: 21 }, __self: this }, "• Work on maintaining eye contact"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 866, columnNumber: 21 }, __self: this }, "• Prepare more STAR method examples")))))); case "portfolio": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 876, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-orange-600 to-red-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 877, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 878, columnNumber: 15 }, __self: this }, "Smart Portfolio Builder"), /*#__PURE__*/ React.createElement("p", { className: "text-orange-100", __source: { fileName: "", lineNumber: 881, columnNumber: 15 }, __self: this }, "AI-optimized portfolio creation with dynamic content suggestions")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 887, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 888, columnNumber: 15 }, __self: this }, "Portfolio Builder Interface"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 891, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages.portfolio, alt: "Smart Portfolio Builder", className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 892, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 897, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 898, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 899, columnNumber: 21 }, __self: this }, "AI-Optimized Portfolios"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 900, columnNumber: 21 }, __self: this }, "Dynamic content suggestions and performance tracking"))))), /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 908, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-orange-100 rounded-full mx-auto mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 909, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder-open text-orange-600 text-2xl", __source: { fileName: "", lineNumber: 910, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 912, columnNumber: 15 }, __self: this }, "Smart Portfolio Builder"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 915, columnNumber: 15 }, __self: this }, "Create AI-optimized portfolios that showcase your skills effectively"), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 bg-gradient-to-r from-orange-600 to-red-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 919, columnNumber: 15 }, __self: this }, "Build Portfolio"))); case "nft-resume": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 928, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-indigo-600 to-purple-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 929, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 930, columnNumber: 15 }, __self: this }, "NFT-Based Resume"), /*#__PURE__*/ React.createElement("p", { className: "text-indigo-100", __source: { fileName: "", lineNumber: 931, columnNumber: 15 }, __self: this }, "Create blockchain-verified, tamper-proof professional credentials")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 938, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 939, columnNumber: 15 }, __self: this }, "NFT Credential System"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 942, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages["nft-resume"], alt: "NFT-Based Resume and Credentials", className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 943, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 948, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 949, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 950, columnNumber: 21 }, __self: this }, "Blockchain-Verified Credentials"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 953, columnNumber: 21 }, __self: this }, "Tamper-proof professional history on the blockchain"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 961, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 962, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 963, columnNumber: 17 }, __self: this }, "Your NFT Credentials"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 966, columnNumber: 17 }, __self: this }, [ { type: "Education", title: "Computer Science Degree", issuer: "Stanford University", verified: true, tokenId: "#CS2021-4567" }, { type: "Certification", title: "AWS Solutions Architect", issuer: "Amazon Web Services", verified: true, tokenId: "#AWS-SA-8901" }, { type: "Experience", title: "Senior Developer at Google", issuer: "Google Inc.", verified: true, tokenId: "#GOOG-DEV-2345" }, { type: "Achievement", title: "Hackathon Winner 2024", issuer: "TechCrunch Disrupt", verified: false, tokenId: "Pending..." } ].map((credential, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between p-4 border rounded-lg", __source: { fileName: "", lineNumber: 997, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1001, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 1002, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-certificate text-white", __source: { fileName: "", lineNumber: 1003, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1005, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 1006, columnNumber: 27 }, __self: this }, credential.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1009, columnNumber: 27 }, __self: this }, credential.issuer), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1012, columnNumber: 27 }, __self: this }, credential.tokenId))), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 1017, columnNumber: 23 }, __self: this }, credential.verified ? /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", __source: { fileName: "", lineNumber: 1019, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-1", __source: { fileName: "", lineNumber: 1020, columnNumber: 29 }, __self: this }), "Verified") : /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800", __source: { fileName: "", lineNumber: 1023, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 1024, columnNumber: 29 }, __self: this }), "Pending"))))), /*#__PURE__*/ React.createElement("button", { className: "w-full mt-4 px-4 py-2 bg-gradient-to-r from-indigo-600 to-purple-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 1031, columnNumber: 17 }, __self: this }, "Add New Credential")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1036, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 1037, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 1038, columnNumber: 19 }, __self: this }, "NFT Resume Preview"), /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-8 text-center", __source: { fileName: "", lineNumber: 1041, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-full mx-auto mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 1042, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-white text-2xl", __source: { fileName: "", lineNumber: 1043, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("h5", { className: "font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 1045, columnNumber: 21 }, __self: this }, "Interactive NFT Resume"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-4", __source: { fileName: "", lineNumber: 1048, columnNumber: 21 }, __self: this }, "Your blockchain-verified professional profile"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors", __source: { fileName: "", lineNumber: 1051, columnNumber: 21 }, __self: this }, "Generate NFT Resume"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 1057, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 1058, columnNumber: 19 }, __self: this }, "Blockchain Stats"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 1061, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1062, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1063, columnNumber: 23 }, __self: this }, "Total NFTs"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 1064, columnNumber: 23 }, __self: this }, "4")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1068, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1069, columnNumber: 23 }, __self: this }, "Verified Credentials"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-green-600", __source: { fileName: "", lineNumber: 1072, columnNumber: 23 }, __self: this }, "3")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1076, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1077, columnNumber: 23 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-mono text-gray-600", __source: { fileName: "", lineNumber: 1080, columnNumber: 23 }, __self: this }, "0x1234...5678")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1084, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1085, columnNumber: 23 }, __self: this }, "Network"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold text-blue-600", __source: { fileName: "", lineNumber: 1086, columnNumber: 23 }, __self: this }, "Ethereum"))))))); default: return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1099, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border", __source: { fileName: "", lineNumber: 1101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 1102, columnNumber: 15 }, __self: this }, "Feature Preview"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 1105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImages[activeTab] || productImages.navigator, alt: `${features.find((f)=>f.id === activeTab)?.name || "Feature"} Preview`, className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 1106, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent flex items-end", __source: { fileName: "", lineNumber: 1111, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white", __source: { fileName: "", lineNumber: 1112, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold", __source: { fileName: "", lineNumber: 1113, columnNumber: 21 }, __self: this }, features.find((f)=>f.id === activeTab)?.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 1116, columnNumber: 21 }, __self: this }, features.find((f)=>f.id === activeTab)?.description))))), /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 1124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gray-100 rounded-full mx-auto mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 1125, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-gray-400 text-2xl", __source: { fileName: "", lineNumber: 1126, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 1128, columnNumber: 15 }, __self: this }, "Feature Coming Soon"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1131, columnNumber: 15 }, __self: this }, "This feature is currently under development."))); } }; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-purple-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 1142, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1143, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4", __source: { fileName: "", lineNumber: 1144, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1145, columnNumber: 11 }, __self: this }, "Loading AI Career Navigator..."))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-purple-50", __source: { fileName: "", lineNumber: 1152, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 1154, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 1155, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1156, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 1158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-compass text-white text-lg", __source: { fileName: "", lineNumber: 1159, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1161, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 1162, columnNumber: 17 }, __self: this }, "AI Career Navigator"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1165, columnNumber: 17 }, __self: this }, "Comprehensive career enablement platform"))), user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1173, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gradient-to-r from-blue-600 to-purple-600 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 1174, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm font-semibold", __source: { fileName: "", lineNumber: 1175, columnNumber: 21 }, __self: this }, user.name ? user.name.charAt(0).toUpperCase() : user.email.charAt(0).toUpperCase())), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1181, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 1182, columnNumber: 21 }, __self: this }, user.name || "User"))), /*#__PURE__*/ React.createElement("a", { href: "/dashboard", className: "px-4 py-2 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 1187, columnNumber: 17 }, __self: this }, "Dashboard")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1195, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-4 py-2 text-gray-600 hover:text-gray-900 transition-colors", __source: { fileName: "", lineNumber: 1196, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "px-6 py-2 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg hover:shadow-lg transition-all", __source: { fileName: "", lineNumber: 1202, columnNumber: 17 }, __self: this }, "Get Started"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white border-b", __source: { fileName: "", lineNumber: 1215, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 1216, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 1217, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 1219, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), placeholder: "Search careers, skills, jobs, mentors...", className: "w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1220, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 1227, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleVoiceSearch, className: `p-3 rounded-lg transition-all ${voiceSearchActive ? "bg-red-600 text-white animate-pulse" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1229, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${voiceSearchActive ? "fa-stop" : "fa-microphone"}`, __source: { fileName: "", lineNumber: 1237, columnNumber: 17 }, __self: this }))), voiceSearchActive && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-0 right-0 mt-2 p-4 bg-white border rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 1243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1244, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-red-500 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 1245, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1246, columnNumber: 19 }, __self: this }, "Listening... Speak now")))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 1256, columnNumber: 7 }, __self: this }, user && aiRecommendations.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-gradient-to-r from-blue-600 to-purple-600 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 1259, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1260, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1261, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 1262, columnNumber: 17 }, __self: this }, "🤖 AI Recommendations for You"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-100", __source: { fileName: "", lineNumber: 1265, columnNumber: 17 }, __self: this }, "Based on your profile and career goals")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 1269, columnNumber: 15 }, __self: this }, aiRecommendations.slice(0, 3).map((rec, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white bg-opacity-20 rounded-lg p-3 text-center min-w-[120px]", __source: { fileName: "", lineNumber: 1271, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${rec.icon} text-2xl mb-1 block`, __source: { fileName: "", lineNumber: 1275, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-medium", __source: { fileName: "", lineNumber: 1276, columnNumber: 21 }, __self: this }, rec.confidence, "% match")))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 1287, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200", __source: { fileName: "", lineNumber: 1288, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "-mb-px flex space-x-8 overflow-x-auto", __source: { fileName: "", lineNumber: 1289, columnNumber: 13 }, __self: this }, features.map((feature)=>/*#__PURE__*/ React.createElement("button", { key: feature.id, onClick: ()=>setActiveTab(feature.id), className: `whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm transition-colors ${activeTab === feature.id ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 1291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1300, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${feature.icon} text-lg`, __source: { fileName: "", lineNumber: 1301, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1302, columnNumber: 21 }, __self: this }, feature.name))))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 1311, columnNumber: 9 }, __self: this }, renderFeatureContent()), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 1314, columnNumber: 9 }, __self: this }, features.map((feature)=>/*#__PURE__*/ React.createElement("div", { key: feature.id, onClick: ()=>setActiveTab(feature.id), className: `bg-white rounded-xl p-6 shadow-sm border hover:shadow-md transition-all cursor-pointer ${activeTab === feature.id ? "ring-2 ring-blue-500 border-blue-200" : ""}`, __source: { fileName: "", lineNumber: 1316, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-blue-100 to-purple-100 rounded-lg flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 1325, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${feature.icon} text-blue-600 text-xl`, __source: { fileName: "", lineNumber: 1326, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 1328, columnNumber: 15 }, __self: this }, feature.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 1331, columnNumber: 15 }, __self: this }, feature.description), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1332, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gradient-to-r from-blue-100 to-purple-100 text-blue-800", __source: { fileName: "", lineNumber: 1333, columnNumber: 17 }, __self: this }, "AI Powered"))))))); }