/* global React, CourzaUI */ const { Icon, Logo, CompassRose, SectionHeader, CourseCard, InstitutionCard, FAQItem } = CourzaUI; // ───────────────────────────────────────────────────────────────── // Nav // ───────────────────────────────────────────────────────────────── const Nav = ({ activePage, setPage }) => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 16); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); const links = [ { id: 'home', label: 'Home' }, { id: 'discover', label: 'Discover' }, { id: 'institutions', label: 'Institutions' }, { id: 'list', label: 'List your institution' }, ]; return ( ); }; // ───────────────────────────────────────────────────────────────── // Footer // ───────────────────────────────────────────────────────────────── const Footer = ({ setPage }) => { const [nlState, setNlState] = React.useState('idle'); const submitNewsletter = async (e) => { e.preventDefault(); setNlState('submitting'); try { const data = new FormData(e.target); data.append('_subject', 'New newsletter signup — CourzaTT'); const res = await fetch('https://formspree.io/f/mvzlzjje', { method: 'POST', body: data, headers: { Accept: 'application/json' }, }); setNlState(res.ok ? 'done' : 'error'); } catch { setNlState('error'); } }; return ( ); }; // ───────────────────────────────────────────────────────────────── // Home Page // ───────────────────────────────────────────────────────────────── const Home = ({ setPage }) => { const { COURSES, CATEGORIES, FAQS, BLOG_POSTS } = window.CourzaData; const courseByTitle = COURSES.reduce((m, c) => { m[c.title.toLowerCase()] = c; return m; }, {}); const [activeFAQ, setActiveFAQ] = React.useState(0); const [openIdx, setOpenIdx] = React.useState(0); const [searchQ, setSearchQ] = React.useState(''); const featured = COURSES.filter(c => c.featured).slice(0, 3); const trendingTags = ['CompTIA Security+', 'Project Management', 'AI Literacy', 'Solar Power', 'Pastry Arts', 'Public Speaking']; const catIcons = { 'Business & Entrepreneurship': 'briefcase', 'Technology & Digital': 'cpu', 'Hospitality & Culinary': 'chef-hat', 'Personal Development': 'sparkles', 'Creative Arts & Design': 'palette', 'Technical Trades': 'wrench', 'Professional Development': 'star', 'Business': 'building', 'Health & Medical': 'heart', 'Finance & Accounting': 'sliders', 'Law & Governance': 'bookmark', 'Agriculture & Environment': 'leaf', 'Communication & Media': 'globe', 'Soft Skills': 'compass', 'Technology': 'filter', 'Engineering & Construction': 'map-pin', }; const catTones = { 'Business & Entrepreneurship': 'emerald', 'Technology & Digital': 'ink', 'Hospitality & Culinary': 'amber', 'Personal Development': 'emerald', 'Creative Arts & Design': 'amber', 'Technical Trades': '', 'Professional Development': '', 'Business': 'ink', 'Health & Medical': '', 'Finance & Accounting': 'emerald', 'Law & Governance': '', 'Agriculture & Environment': 'emerald', 'Communication & Media': '', 'Soft Skills': 'amber', 'Technology': '', 'Engineering & Construction': '', }; const categoryShowcase = CATEGORIES.map(c => { const name = typeof c === 'string' ? c : c.name; return { name, count: COURSES.filter(x => x.category === name).length, icon: catIcons[name] || 'book', tone: catTones[name] || '', }; }); return (
{/* HERO */}
An almanac of learning · Trinidad & Tobago

Learning skills for a better you.

One place to discover programmes from public, private, and government institutions across Trinidad & Tobago.

setSearchQ(e.target.value)} placeholder="Search courses, skills, or institutions…" style={{ flexGrow: 1, background: 'transparent', border: 'none', outline: 'none', padding: '14px 12px', fontSize: 15 }} />
Trending → {trendingTags.map(t => ( ))}
{/* Decorative compass */}
{/* Hero photo */}
Learner
{/* Stat card overlay */}
Programmes indexed
163
+12 this week
{/* Pill badge removed */}
Updated daily
{/* MARQUEE — institutions */}
{[...Array(2)].map((_, k) => (
{['UWI Global Campus', 'UTT', 'SBCS', 'COSTAATT', 'MIC Institute', 'NESC', 'YTEPP', 'ROYTEC', 'Cipriani College', 'School of Business'].map((n, i) => ( {n} ✦ ))}
))}
{/* CATEGORIES */}
Explore top categories.} sub={`${CATEGORIES.length} disciplines, mapped to T&T's evolving labour market — from sustainable agriculture to data science.`}/>
{categoryShowcase.slice(0, 4).map((c) => ( ))}
{/* TRENDING COURSES */}
This week's picks

Trending courses.

{featured.map(c => setPage(`course:${c.id}`)}/>)}
{/* GUIDES */}
Field notes

Course guides & reading.

Practical reading for learners weighing their next move.

{/* FEATURED — first post */} {(() => { const p = BLOG_POSTS[0]; return (
{/* Cover image */}
Course guides {/* Gradient fade into card */}
{/* Topic chip */}
{p.topic} {p.readTime} read

{p.title}

{p.excerpt}

Featured courses
{p.courses.slice(0, 3).map((c, ci) => { const match = courseByTitle[c.name.toLowerCase()]; return (
{match ? : {c.name} }
); })}
); })()} {/* SIDE — posts 2 & 3 */}
{BLOG_POSTS.slice(1).map((p, i) => (
{p.topic} {p.readTime} read

{p.title}

{p.excerpt}

Featured courses
{p.courses.slice(0, 2).map((c, ci) => { const match = courseByTitle[c.name.toLowerCase()]; return (
{match ? : {c.name} }
); })}
))}
{/* FAQ */}
Got questions?} sub="Everything you need to know about navigating your learning journey with CourzaTT."/>
Topics
{FAQS.map((cat, idx) => ( ))}

Still stuck? Our team is on hand to help you find your path.

{FAQS[activeFAQ].questions.map((q, i) => ( setOpenIdx(openIdx === i ? -1 : i)} /> ))}
{/* CTA */}
Final word

Your next chapter is already listed.

One directory. Every accredited programme. Built for the way Trinbagonians actually learn.

); }; window.CourzaPages = window.CourzaPages || {}; Object.assign(window.CourzaPages, { Nav, Footer, Home });