function Pillars() {
const pillars = [
{
n: "I",
t: "Σημειώσεις",
d: "Δομημένες, καθαρές, κατανοητές. Σχεδιασμένες να μελετάς γρήγορα και να κατανοείς βαθιά.",
stat: "1.450+ διαθέσιμες",
img: "https://images.unsplash.com/photo-1455390582262-044cdead277a?w=900&q=80",
kind: "image-tall",
},
{
n: "II",
t: "Ασκήσεις",
d: "Από εύκολες έως απαιτητικές, με αναλυτικές λύσεις βήμα-βήμα.",
stat: "Όλα τα επίπεδα",
kind: "color-forest",
},
{
n: "III",
t: "Τεστ",
sub: "Κατανόησης",
d: "Quiz με άμεση βαθμολογία και feedback. Δες τι κατάλαβες, που χρειάζεσαι περισσότερη μελέτη.",
stat: "Άμεσα αποτελέσματα",
kind: "score",
},
{
n: "IV",
t: "Παρακολούθηση",
d: "Personal dashboard με τη δική σου πρόοδο. Στατιστικά, χρόνος μελέτης, επιδόσεις.",
stat: "Personal dashboard",
kind: "chart",
},
{
n: "V",
t: "Ψυχολογική",
sub: "Στήριξη",
d: "Άρθρα και οδηγίες για άγχος, συγκέντρωση, μέθοδο μελέτης. Από επιστήμονα του χώρου.",
stat: "MSc Σχ. Ψυχολογία",
img: "https://images.unsplash.com/photo-1499209974431-9dddcece7f88?w=900&q=80",
kind: "image-overlay",
},
{
n: "VI",
t: "Κοινότητα",
d: "Συνδέσου με άλλους μαθητές. Μοιράσου, ρώτα, βοήθα. Η μελέτη δεν είναι μοναχικό άθλημα.",
stat: "3.200+ μαθητές",
kind: "color-ember",
},
];
return (
{/* watermark numeral */}
VI
Έξι τρόποι να
πετύχεις
.
"Δεν αρκεί να έχεις υλικό. Χρειάζεσαι σύστημα — από τη μελέτη
μέχρι την ψυχολογική στήριξη."
{/* Magazine spread grid */}
{/* I — image tall */}
{/* II — color forest, big number */}
{/* III — test/score visual */}
{/* IV — chart visual */}
{/* V — image with overlay */}
{/* VI — ember */}
);
}
function PillarCard({pillar, style}) {
const p = pillar;
const base = {
position: "relative", overflow: "hidden",
borderRadius: 4, padding: 28,
display: "flex", flexDirection: "column",
border: "1px solid var(--ink)",
cursor: "pointer", transition: "transform .35s ease",
...style,
};
// I — Image tall: photo with bottom text card
if (p.kind === "image-tall") {
return (
{p.n}
{p.t}
{p.d}
✦ {p.stat}
);
}
// II — Forest card with massive numeral, sample exercise
if (p.kind === "color-forest") {
return (
ΠΥΛΏΝΑΣ {p.n}
{p.t}
{p.d}
✦ {p.stat}
{/* Mini exercise chip stack */}
{["x² + 3x", "= −2", "▸ λύση"].map((t, i) => (
{t}
))}
);
}
// III — Score visualization
if (p.kind === "score") {
return (
ΠΥΛΏΝΑΣ {p.n}
{/* Big circular score */}
87%
ΣΩΣΤΆ
{p.t} {p.sub}
{p.d.split(".")[0]}.
✦ {p.stat}
);
}
// IV — Bar chart progress
if (p.kind === "chart") {
return (
ΠΥΛΏΝΑΣ {p.n}
{p.t}
{p.d}
✦ {p.stat}
{/* Mini bar chart */}
{[40, 65, 52, 78, 88, 72, 95].map((h, i) => (
{["Δ","Τ","Τ","Π","Π","Σ","Κ"][i]}
))}
);
}
// V — Image overlay (psych)
if (p.kind === "image-overlay") {
return (
{p.n}
ΠΥΛΏΝΑΣ {p.n}
{p.t} {p.sub}
{p.d}
✦ {p.stat}
);
}
// VI — Ember card with avatar stack
return (