// Mini-UI previews for each of the 8 tools in the tools grid.
// Each preview is a self-contained illustrative thumbnail.
function PreviewPron() {
// Deterministic waveform: rising then falling
const bars = Array.from({ length: 38 }, (_, i) => {
const x = i / 37;
return 4 + Math.sin(x * Math.PI) * 14;
});
return (
Aš noriu išsinuomoti.
{bars.map((h, i) => (
))}
);
}
function PreviewConvo() {
return (
Sveiki! Kuo galiu padėti?
Norėčiau kavos su pienu.
{[0,1,2].map(d => )}
);
}
function PreviewLevel() {
const skills = [{k:'Listening',v:78,l:'B1'},{k:'Grammar',v:62,l:'A2+'},{k:'Speaking',v:48,l:'A2'}];
return (
{skills.map((s, i) => (
))}
);
}
function PreviewGrammar() {
return (
Laba diena, Ponia Petkevičiūte,
Norėčiau užsiregistruoti.
Vocative needs -ei ending
);
}
function PreviewDict() {
return (
namas
noun, masculine
{[{l:'A1',d:'house, home'},{l:'B1',d:'building (any)'},{l:'B2',d:'household'}].map((s,i) => (
{s.l}
{s.d}
))}
);
}
function PreviewReader() {
return (
15min.lt
·
B1
·
4 min read
Vilniaus meras pristatė naują strategiją, kuria siekiama mažinti automobilių srautą.
);
}
function PreviewExt() {
return (
nytimes.com
The new strategija aims to reduce traffic in the senamiestis over two years.
);
}
function PreviewMentor() {
const seats = [
{ initial: 'M', color: '#1f7a3a', live: true },
{ initial: 'A', color: '#c1272d' },
{ initial: 'D', color: '#3a5fcf' },
{ initial: 'S', color: '#d9a420' },
{ initial: 'K', color: '#7a59c8' },
{ initial: '+1', color: '#6a716c' },
];
return (
Group session · B1
Thu 18:00
{seats.map((s, i) => (
{s.initial}
{s.live && }
))}
);
}
const TOOL_PREVIEWS = [PreviewPron, PreviewConvo, PreviewLevel, PreviewGrammar, PreviewDict, PreviewReader, PreviewExt, PreviewMentor];
const TOOL_ICONS = ['mic', 'chat', 'target', 'pen', 'book', 'newspaper', 'globe', 'users'];
window.TOOL_PREVIEWS = TOOL_PREVIEWS;
window.TOOL_ICONS = TOOL_ICONS;