rentstack.app — dashboard
{[
{ l: "Wykorzystanie", v: "87%", a: true },
{ l: "Przychód", v: "€4 218" },
{ l: "Wolne", v: "6" },
{ l: "Konflikty", v: "0", a: true },
].map((k) => (
))}
{/* Sparkline-style bar chart */}
wykorzystanie / 14 dni
+12%
{[40, 55, 48, 62, 60, 75, 70, 82, 78, 85, 80, 90, 86, 92].map((h, i) => (
= 10 ? "var(--accent)" : "rgba(182,255,61,.3)",
borderRadius: 1.5,
animationDelay: chartIn ? `${i * 50}ms` : undefined,
transform: chartIn ? undefined : "scaleY(0)",
}}/>
))}
{!mobile && (
{[
{ t: "14:30", c: "VW Polo · 4321-KZA", k: "Sánchez, M.", s: "wyd." },
{ t: "16:45", c: "Fiat 500 · 7702-MFG", k: "Müller, K.", s: "zwr." },
].map((r, i) => (
{r.t}
{r.c}
{r.k}
{r.s}
))}
)}
);
}
function ForestMockCalendar({ mobile }) {
const cars = ["Polo 4321", "Clio 3389", "Fiat 7702", "BMW 5511"];
const days = ["pn", "wt", "śr", "cz", "pt", "so", "nd"];
const bookings = [
{ car: 0, start: 0, len: 3, c: "var(--accent)" },
{ car: 1, start: 1, len: 2, c: "var(--rose)" },
{ car: 1, start: 4, len: 3, c: "var(--accent)" },
{ car: 2, start: 0, len: 5, c: "var(--rose)" },
{ car: 3, start: 2, len: 2, c: "var(--accent)" },
{ car: 3, start: 5, len: 2, c: "#7ad6a5" },
];
const [calRef, calIn] = useInView({ threshold: 0.25 });
return (
kalendarz — tydz. 21
{days.map((d, i) => ({d}))}
{cars.map((c, ci) => (
{c}
{[0,1,2,3,4,5,6].map((d) => {
const b = bookings.find((b) => b.car === ci && d >= b.start && d < b.start + b.len);
const animDelay = b ? (ci * 80 + b.start * 50) : 0;
return (
);
})}
))}
);
}
function ForestMockContract({ mobile }) {
return (
umowa — pdf
// 2025/0142
Umowa najmu
{[
["KLIENT", "Mateusz Sánchez"],
["AUTO", "VW Polo · 4321-KZA"],
["OD", "23.05 14:30 · MLG"],
["DO", "28.05 11:00 · MLG"],
["DEPOZYT", "€350 (auth.)"],
].slice(0, mobile ? 4 : 5).map(([k, v]) => (
{k}
{v}
))}
✦ podpis
● signed
);
}
// ─── Stats ───
function ForestStats({ mode }) {
return (
{LP_COPY.stats.eyebrow}
{LP_COPY.stats.items.map((s, i) => (
{s.l}
))}
);
}
// ─── Versus ───
function ForestVersus({ mode }) {
return (
{LP_COPY.versus.eyebrow}
{LP_COPY.versus.title}
{mode === "desktop" ? (
<>
Excel + WhatsApp
rentstack
{LP_COPY.versus.rows.map(([k, a, b], i) => (
{k}
{a}
{b}
))}
) : (
LP_COPY.versus.rows.map(([k, a, b], i) => (
))
)}
);
}
// ─── Integrations ───
function ForestIntegrations({ mode }) {
return (
{LP_COPY.integrations.eyebrow}
{LP_COPY.integrations.title}
Synchronizacja kalendarzy, automatyczne potwierdzenia, faktury i tracking floty — bez przepisywania danych między systemami.
{LP_COPY.integrations.items.map((it, i) => (
{it}
))}
);
}
// ─── FAQ ───
function ForestFaq({ mode }) {
return (
{LP_COPY.faq.eyebrow}
{LP_COPY.faq.title}
{LP_COPY.faq.items.map((it, i) => (
[{String(i + 1).padStart(2, "0")}]
{it.q}
{it.a}
))}
);
}
// ─── Final CTA ───
function ForestCta({ mode }) {
return (
);
}
// ─── Footer ───
function ForestFooter({ mode }) {
return (
);
}
function VariantForest({ mode = "desktop" }) {
return (
);
}
window.VariantForest = VariantForest;