+ {/* Back Button and Title */}
+
+
+
+
+ {label} Toolkit
+
+
+
+ {selectedLanguage !== null
+ ? `Complete beginner guide, core concepts, use cases, and resources for ${PROGRAMMING_LANGUAGES_GUIDES[selectedLanguage].name}.`
+ : selectedCategory !== null
+ ? `Browse essential ${categories[selectedCategory].title} software, guides, and developer resources.`
+ : `Explore all categories and tools curated for ${label} students.`}
+
+
+
+ {/* Main Content Area */}
+ {selectedLanguage !== null ? (
+ /* ── Detailed Programming Language Guide View ── */
+ (() => {
+ const guide = PROGRAMMING_LANGUAGES_GUIDES[selectedLanguage];
+ return (
+
+
+
+
+
+
+
{guide.name}
+
{guide.tagline}
+
+
+
+ {guide.whatItIs}
+
+
+
+
+
+ Key Concepts to Learn
+
+
+ {guide.keyConcepts.map((concept, idx) => (
+ -
+ •
+ {concept}
+
+ ))}
+
+
+
+
+
+ Real-World Use Cases
+
+
+ {guide.useCases.map((useCase, idx) => (
+
+ {useCase}
+
+ ))}
+
+
+
+ Official Documentation & Courses
+
+
+
+
+
+ );
+ })()
+ ) : selectedCategory !== null ? (
+ /* ── Tools inside selected Category ── */
+ (() => {
+ const cat = categories[selectedCategory];
+ const IconComp = cat.icon;
+ return (
+
+
+
+
+
+
+
{cat.title}
+
+ {cat.tools.length} software tools & resources available
+
+
+
+ {cat.tools.map((tool, idx) => (
+
{
+ if (selectedToolkit === 'cs' && selectedCategory === 0) {
+ setSelectedLanguage(idx);
+ } else {
+ setSelectedTool({ ...tool, category: cat.title, bg: cat.bg, color: cat.color });
+ }
+ }}
+ className="p-6 bg-white hover:bg-[#FFF7ED] rounded-2xl border border-[#E5E7EB] hover:border-[#FED7AA] cursor-pointer group transition-all flex flex-col justify-between"
+ >
+
+
+
+ {tool.name}
+
+
+
+
+ {tool.desc}
+
+
+ ))}
+
+ );
+ })()
+ ) : (
+ /* ── Category Cards Grid ── */
+
+ {categories.map((cat, idx) => {
+ const IconComp = cat.icon;
+ return (
+
setSelectedCategory(idx)}
+ className="p-7 bg-white hover:bg-[#FFF7ED] rounded-[22px] border border-[#E5E7EB] hover:border-[#FED7AA] cursor-pointer group transition-all shadow-xs flex flex-col justify-between"
+ >
+
+
+
+
+
+ {cat.title}
+
+
+ {cat.tools.length} curated tools and guides available.
+
+
+ Browse Tools
+
+
+
+ );
+ })}
+
+ )}
+