{meal.time} – 15:30{meal.title}{meal.kcal} kcal · B {meal.p} g · T {meal.f} g · W {meal.c} g
Zmień Pomiń Zjedzony
Zjadłeś coś spoza planu?
DziennikPlanPostępCzatWięcej
);
}
/* Czarna obudowa iPhone'a — tytanowa ramka, boczne przyciski, bezel */
function IPhoneFrame({ children }) {
return (
{children}
);
}
function HomeHero() {
return (
Ty żyj po swojemu. Co jeść, zaplanujemy my.
Nasi dietetycy ułożą jadłospis pod Twoje ciało, smaki i codzienny rytm, a potem poprowadzą Cię przez zmianę, aż zdrowe nawyki zostaną z Tobą na stałe. Bez głodówek i liczenia kalorii.
{r.id === 'google' ? (
{'Google'.split('').map((ch, i) => {ch})}
) : (
facebook
)}
{r.value} z {r.count} opinii
))}
);
}
/* ── Zajawka kalkulatora (blok w sekcji metamorfoz; kalkulator.html powstanie później) ── */
function CalcTeaser() {
return (
Być może jesz za dużo… albo właśnie za mało.
);
}
/* ── Slider metamorfoz (wspólny ArrowSlider z paskiem postępu) ── */
function shuffleHomeMetas(items) {
const out = items.slice();
for (let i = out.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[out[i], out[j]] = [out[j], out[i]];
}
return out;
}
function pickHomeMetas(items) {
// „Wszystkie” oznacza pełną bazę bez filtrowania po dodatkowych kategoriach.
// Do slidera trafiają wyłącznie kompletne historie ze zdjęciem przed i po.
const complete = (items || []).filter((m) => m && m.przed && m.po);
const women = shuffleHomeMetas(complete.filter((m) => m.plec === 'K')).slice(0, 5);
const men = shuffleHomeMetas(complete.filter((m) => m.plec === 'M')).slice(0, 5);
if (women.length < 5 || men.length < 5) return [];
const womenFirst = Math.random() < 0.5;
const selected = [];
for (let i = 0; i < 5; i++) {
selected.push(womenFirst ? women[i] : men[i]);
selected.push(womenFirst ? men[i] : women[i]);
}
return selected;
}
function MetaSlider() {
const [metas, setMetas] = React.useState([]);
React.useEffect(() => {
let active = true;
const fallback = () => {
const picked = pickHomeMetas(HD.METAS || []);
if (active) setMetas(picked);
};
if (!window.LL_DB || typeof window.LL_DB.getMetamorfozy !== 'function') {
fallback();
return () => { active = false; };
}
window.LL_DB.getMetamorfozy()
.then((items) => {
if (!active) return;
const picked = pickHomeMetas(items);
if (picked.length === 10) setMetas(picked);
else fallback();
})
.catch(fallback);
return () => { active = false; };
}, []);
return (
{metas.map((m) => )}
);
}
/* ── Dieta dla kobiet / dla mężczyzn ── */
const GENDER_PLANS = [
{
id: 'kobiety', mark: '♀', label: 'Dla kobiet', title: 'Dieta dla kobiet', drivers: ['Cykl', 'Tarczyca', 'Estrogen'],
lead: 'Plan, który respektuje cykl, tarczycę i wahania energii. Bez głodu, bez restrykcji, z efektem, który utrzymuje się po zakończeniu współpracy.',
points: [
{ icon: 'cycle', t: 'Uwzględnia fazy cyklu: w lutealnej zapotrzebowanie rośnie nawet o 300 kcal.' },
{ icon: 'thyroid', t: 'Wsparcie przy PCOS, insulinooporności i niedoczynności tarczycy.' },
{ icon: 'apple', t: 'Pokrywa żelazo, ferrytynę, witaminę D i kwasy omega-3.' },
{ icon: 'metabolism', t: 'Stabilizuje metabolizm po 35. roku życia i w perimenopauzie.' },
],
note: 'Zgodne z rekomendacjami EFSA, PTD i Instytutu Żywności i Żywienia.',
},
{
id: 'mezczyzni', mark: '♂', label: 'Dla mężczyzn', title: 'Dieta dla mężczyzn', dark: true, drivers: ['Testosteron', 'Mięśnie', 'Metabolizm'],
lead: 'Konkretne porcje, wyższa kaloryczność i wsparcie testosteronu. Zredukujesz tkankę tłuszczową lub zbudujesz formę, bez liczenia każdego grama.',
points: [
{ icon: 'muscle', t: '1,6–2,2 g białka na kg, pod redukcję tłuszczu lub budowę mięśni.' },
{ icon: 'metabolism', t: 'Kaloryka dopasowana do wyższego BMR, o 10–15% wyższego niż u kobiet.' },
{ icon: 'cardio', t: 'Profilaktyka serca: cholesterol, ciśnienie, trójglicerydy.' },
{ icon: 'meal', t: 'Sycące posiłki pod siłownię i pracę fizyczną, bez głodu w ciągu dnia.' },
],
note: 'Oparte na wytycznych WHO, ESC i Polskiego Towarzystwa Dietetyki.',
},
];
function GenderPlans() {
return (
);
}
/* ── „Twoja dieta zawsze pod ręką” — interaktywna makieta aplikacji ── */
const AP_FEATURES = [
{ icon: 'meal', screen: 'plan', t: 'Menu ułożone pod Twój dzień',
s: '4 posiłki na dziś, dopasowane do smaku i kalorii — z przepisem krok po kroku.',
d: 'Masz 4 posiłki dziennie dopasowane do Twojego smaku, czasu i kaloryczności. Otwierasz przepis, klikasz i przechodzisz przez kolejne kroki. Koniec ze zgadywaniem, co dziś ugotować.' },
{ icon: 'shopping', screen: 'zakupy', t: 'Zakupy bez kartek i chaosu',
s: 'Lista układa się sama z menu, poukładana pod półki w sklepie.',
d: 'Lista tworzy się sama z Twojego menu. Produkty są ułożone według półek w sklepie, z dokładnymi gramaturami. Koniec z krążeniem między alejkami i myślą „Co ja miałam kupić?”.' },
{ icon: 'chat', screen: 'czat', t: 'Dietetyk odpisuje także w weekend',
s: 'Piszesz w piątek wieczór i dostajesz konkretną odpowiedź — bez oceniania.',
d: 'Piątek wieczór, dzieci chcą pizzę, a Ty nie chcesz znów odpuścić. Piszesz na czacie i szybko dostajesz konkretną odpowiedź, bez oceniania, z gotowym rozwiązaniem na tę sytuację.' },
{ icon: 'water', screen: 'woda', t: 'Koniec z zapominaniem o wodzie',
s: 'Przypomnienia o wodzie wtedy, kiedy to ma sens — bez natarczywych alertów.',
d: 'Za mało wody spowalnia metabolizm i odbiera energię. Aplikacja przypomina wtedy, kiedy to ma sens: rano, przed posiłkiem albo przy popołudniowym spadku sił. Bez natarczywych alertów.' },
];
const AP_GOAL = { kcal: 1650, p: 95, f: 60, c: 190 };
const AP_WATER_GOAL = 2500;
const AP_MEAL_ICONS = ['sunrise', 'apple', 'salad', 'moon']; /* placeholdery zamiast zdjęć posiłków (do uzupełnienia) */
const AP_WATER_LOG0 = [{ t: '08:15', ml: 250 }, { t: '10:30', ml: 300 }, { t: '12:40', ml: 250 }, { t: '14:10', ml: 400 }];
/* ── Kadrowanie zdjęć posiłków (osie X/Y/Z) — jeden zestaw na zdjęcie steruje kaflem i hero ──
źródło kwadratowe 1024²: z = jaki ułamek WYSOKOŚCI źródła wypełnia placeholder (mniejsze z = większy zoom),
x/y = punkt źródła (0–1) trafiający w środek placeholdera. Ten sam zestaw działa w kwadracie i w pasie. */
function applyFraming(el, src, fr) {
if (!el) return;
el.style.backgroundImage = src ? "url('" + src + "')" : 'none';
el.style.backgroundRepeat = 'no-repeat';
if (!src) return;
// zdjęcia 3:2 mają danie wyśrodkowane w źródle -> proste cover + pozycja (domyślnie środek)
el.style.backgroundSize = 'cover';
const x = fr && fr.x != null ? fr.x : 0.5, y = fr && fr.y != null ? fr.y : 0.5;
el.style.backgroundPosition = (x * 100) + '% ' + (y * 100) + '%';
}
function FramedPhoto({ src, fr, className }) {
const ref = React.useRef(null);
React.useLayoutEffect(() => {
const el = ref.current;
applyFraming(el, src, fr);
if (!el || typeof ResizeObserver === 'undefined') return;
const ro = new ResizeObserver(() => applyFraming(el, src, fr));
ro.observe(el);
return () => ro.disconnect();
}, [src, fr && fr.x, fr && fr.y, fr && fr.z]);
return ;
}
/* rozbicie składnika "Płatki owsiane 60 g" → { n:'Płatki owsiane', q:'60 g' } (ilość z końca — "Mleko 2% 250 ml" zostaje "Mleko 2%") */
function apParseIng(ing) {
const m = ing.match(/([\d½¼¾⅓⅔][\d.,/]*\s?(?:g|kg|ml|l|szt\.?|łyżk\w*|łyżeczk\w*|puszk\w*|plaster\w*|garś\w*|kromk\w*|opakowan\w*)?)\s*$/i);
if (!m || m.index === 0) return { n: ing.trim(), q: '' };
return { n: ing.slice(0, m.index).trim().replace(/[,·]\s*$/, ''), q: m[1].trim() };
}
/* dopasowanie składnika do kategorii sklepowej */
function apCat(name) {
const s = name.toLowerCase();
if (/kurczak|indyk|łoso|dorsz|tuńczyk|makrel|wołow|schab|mielon|pulpet|szynk|ryb|krewetk/.test(s)) return 'Mięso i ryby';
if (/jaj|twar|skyr|jogurt|kefir|serek|\bser\b|mleko|śmietan|feta|mozzarell|maślank|parmez/.test(s)) return 'Nabiał i jaja';
if (/ryż|kasz|płatk|makaron|chleb|tortill|mąk|pieczyw|tost|bułk|grzank|wrap|spaghetti|kromk|granol/.test(s)) return 'Pieczywo i produkty suche';
if (/jabłk|banan|borówk|malin|truskawk|gruszk|pomarańcz|owoc|cytryn|rodzynk|bakali|migdał|orzech|daktyl/.test(s)) return 'Owoce i orzechy';
if (/brokuł|marchew|pomidor|ogór|sałat|warzyw|cebul|papryk|szpinak|awokado|ziemniak|dyni|burak|cukini|rzodkiew|kukurydz|hummus|groszek|fasol|ciecierzyc|seler|batat|rukol|jarmuż/.test(s)) return 'Warzywa';
return 'Dodatki i przyprawy';
}
/* lista zakupów zbudowana ze składników posiłków danego dnia (dedup) */
function apShopList(meals) {
const order = ['Warzywa', 'Owoce i orzechy', 'Mięso i ryby', 'Nabiał i jaja', 'Pieczywo i produkty suche', 'Dodatki i przyprawy'];
const cats = {}, seen = {};
meals.forEach((m) => (m.ing || []).forEach((ing) => {
const p = apParseIng(ing);
const key = p.n.toLowerCase();
if (!p.n || seen[key]) return;
seen[key] = 1;
const c = apCat(p.n);
(cats[c] = cats[c] || []).push({ id: 'sh-' + key.replace(/[^a-ząćęłńóśźż0-9]+/g, '-'), n: p.n, q: p.q });
}));
return order.filter((c) => cats[c]).map((c) => ({ cat: c, items: cats[c] }));
}
/* copy makiety (napisane przez copywritera marki) */
const AP_COPY = {
greeting: 'Cześć 👋',
dietitian: 'Kornelia',
chat: [
{ who: 'me', t: 'Kornelia, ratuj 😩', time: '17:24' },
{ who: 'me', t: 'Mam potworną ochotę na coś słodkiego, walczę z tym od godziny', time: '17:24' },
{ who: 'diet', t: 'To nie walcz 😄 co masz pod ręką w domu?', time: '17:26' },
{ who: 'me', t: 'Jogurt naturalny, banan i trochę orzechów', time: '17:27' },
{ who: 'diet', t: 'Idealnie 🙌 jogurt, pokrojony banan, łyżka orzechów i szczypta cynamonu. Słodko, sycąco i dalej w planie 💛', time: '17:28' },
{ who: 'me', t: 'O, brzmi super. Robię!', time: '17:28' },
{ who: 'diet', t: 'I tak to się robi 💪 daj znać, jak poszło', time: '17:29' },
],
quick: {
'Nie zdążę dziś ugotować 😅': 'Bez stresu 🙂 podmieniam obiad na wrapa z grillowanym kurczakiem, awokado i sosem jogurtowo-czosnkowym. 10 minut i gotowe 😋 Masz to już w planie 👌',
'Czym zastąpić chleb?': 'Sprawdzą się placuszki jaglane albo pełnoziarnisty wrap. Wrzucam Ci gramaturę do menu.',
'Waga stoi od tygodnia 😕': 'To zupełnie normalne, ciało czasem się zatrzymuje. Trzymamy kurs, zwykle w kolejnym tygodniu rusza. Zerknę na Twoje posiłki i napiszę.',
},
waterTip: 'Trzymaj butelkę na biurku — łatwiej pić łyk po łyku, niż nadrabiać wieczorem.',
waterReminder: (n) => n === 0
? 'Cel na dziś osiągnięty 💧'
: 'Do celu ' + (n === 1 ? 'została 1 szklanka' : n < 5 ? 'zostały ' + n + ' szklanki' : 'zostało ' + n + ' szklanek') + ' — przypomnę Ci w dobrym momencie.',
eatCta: 'Zjadłam to',
eatDone: 'Zjedzone ✓',
shopHint: 'Lista układa się sama z Twojego menu — nic nie musisz spisywać.',
notScreenshot: 'To nie zrzut ekranu — kliknij i sprawdź, jak to działa. Zaznacz posiłek, dolej wodę, napisz do mnie na czacie.',
};
/* pierścień postępu (dowolna liczba współśrodkowych łuków) */
function AppRing({ arcs, big, sub, size = 118 }) {
return (
Otwierasz telefon i od razu wiesz, co zjeść, co kupić i co dalej.}
sub={'Menu na dziś, lista zakupów pod sklep, przepisy krok po kroku i dietetyk na czacie, wszystko w jednym miejscu. Bez zgadywania, bez kartek, bez „co ja miałam dzisiaj ugotować”.'} />
{AP_FEATURES.map((f, i) => (
))}
Otwierasz telefon i wiesz, co zjeść, co kupić i co dalej.
{kadr && }
);
}
/* ── „Historia metamorfozy” — oś czasu jednej przemiany (zdjęcie reaguje na wybrany miesiąc) ── */
const MS_STEPS = [
{ n: '01', icon: 'wine', label: 'Start', kg: '0 kg', d: 'Po drugim dziecku waga została i rosła dalej, a Aneta tłumaczyła to zmęczeniem i brakiem czasu. Aż na badaniach kontrolnych wyszła insulinooporność i podwyższony cukier, a lekarka powiedziała wprost, że tak zaczyna się cukrzyca. Nie chciała czekać, aż „zaczyna się” zamieni się w diagnozę, więc następnego dnia napisała do LightLife.' },
{ n: '02', icon: 'leaf-hand', label: '1 miesiąc', kg: '−4 kg', d: 'Pierwszy miesiąc nie był łatwy: dwójka dzieci, gotowanie na szybko i wieczne dojadanie po maluchach. Dietetyk z LightLife nie kazał jej gotować osobno, tylko ułożył plan pod to, co i tak robiła dla rodziny. Zeszły 4 kilo, ale ważniejsze było to, że po posiłkach przestało ją tak ścinać z sił.' },
{ n: '03', icon: 'trending-down', label: '2 miesiąc', kg: '−8 kg', d: 'W drugim miesiącu złapała rytm. Pudełka do pracy szykowała przy okazji śniadania dla dzieci, a popołudniami miała siłę pobiegać z nimi po placu zabaw, zamiast siedzieć na ławce. Waga pokazała 8 kilo mniej, a napady na słodkie, które kiedyś ratowały ją przy zmęczeniu, po prostu odpuściły.' },
{ n: '04', icon: 'activity', label: '3 miesiąc', kg: '−14 kg', d: 'Po trzech miesiącach zniknęło 14 kilo, ale najbardziej ucieszyły ją wyniki. Cukier na czczo wrócił do normy, a lekarka pierwszy raz powiedziała „tak trzymać”. Aneta zapięła kurtkę, w której po ciąży nie mogła złapać nawet zamka, i pomyślała, że robi to nie dla rozmiaru, tylko żeby być zdrową dla dzieci.' },
{ n: '05', icon: 'heart', label: '4 miesiąc', kg: '−20 kg', d: 'Przy minus 20 kilo zmieniło się coś więcej niż liczba na wadze. Na rodzinnym obiedzie nie chowała się już w luźnym swetrze narzuconym „na wszelki wypadek”, tylko włożyła sukienkę i sama poprosiła męża o wspólne zdjęcie z dziećmi. Nie skasowała go po chwili, jak kiedyś.' },
{ n: '06', icon: 'sparkles', label: '5 miesiąc', kg: '−26 kg', d: 'W piątym miesiącu wszystko zrobiło się zwyczajne. Jedzenie przestało chodzić jej po głowie od rana do wieczora, jak przez ostatnie lata. Wieczorami, zamiast zajadać zmęczenie chipsami przed serialem, kroiła dzieciom owoce i szykowała plan na rano, bo to był już jej rytm, nie dieta.' },
{ n: '07', icon: 'trophy', label: '6 miesiąc', kg: '−30 kg', d: 'Po pół roku było jej o 30 kilo lżej, a badania wyglądały tak, jakby insulinooporności nigdy nie było. Weszła z zakupami na trzecie piętro i nie musiała już łapać oddechu w połowie schodów. Pierwszy raz od lat czuła, że nadąża za własnymi dziećmi.' },
];
function MetamorfozaStory() {
const [step, setStep] = React.useState(0);
const active = MS_STEPS[step];
const framesRef = React.useRef(null);
React.useEffect(() => {
const frames = framesRef.current;
if (!frames) return;
const el = frames.children[step];
if (!el) return;
const cRect = frames.getBoundingClientRect();
const eRect = el.getBoundingClientRect();
const target = frames.scrollLeft + (eRect.left - cRect.left) - (frames.clientWidth - eRect.width) / 2;
frames.scrollLeft = Math.max(0, target);
}, [step]);
return (
);
}
/* ── „Smak, do którego się wraca” — MealCard przeniesiona do site/shared.jsx (jedno źródło: home + oferta) ── */
const MENU_CAT_ICON = { 'Śniadanie': 'sunrise', 'II śniadanie': 'apple', 'Obiad': 'utensils', 'Kolacja': 'moon' };
function TastySection() {
const cats = HD.MENU;
const [cat, setCat] = React.useState(0);
return (
Wybierz kategorię, aby zobaczyć posiłki
{cats.map((c, i) => (
))}
{cats[cat].meals.map((m, i) => )}
);
}
/* ── Opinie (symulacja Google) ── */
/* ── Ikony Lucide (dokładne ścieżki ze strony LightLife), renderowane w naszym kolorze ── */
const LUCIDE = {
'heart-handshake': ,
/* ikony osi metamorfozy — dokładnie z lightlifediet.pl */
'wine': <>,
'leaf-hand': <>,
'trending-down': <>,
'activity': ,
'heart': ,
'trophy': <>,
'message-circle': ,
'sparkles': <>,
'calendar-check': <>,
'compass': <>,
'heart-pulse': <>,
'clock': <>,
'wallet': <>,
'utensils': <>,
'shopping-bag': <>,
'moon': ,
'apple': <>,
'flame': ,
'dumbbell': <>,
'droplet': ,
'send': <>,
'sunrise': <>,
'salad': <>,
'phone': ,
'video': <>,
'arrow-up': <>,
'send-solid': ,
};
function LucideIcon({ name, size = 22 }) {
return (
);
}
/* ── Ikony sekcji — Streamline (CC BY 4.0, przez Iconify), 1:1, cienka linia jak w sekcjach care/founder.
Dobrane pod znaczenie każdego punktu; kolor z currentColor (czarny --ink na tle 12% gold). ── */
const SL = {
cycle: ``,
thyroid: ``,
apple: ``,
metabolism: ``,
muscle: ``,
cardio: ``,
meal: ``,
success: ``,
time: ``,
wallet: ``,
health: ``,
care: ``,
chat: ``,
flexible: ``,
calendar: ``,
goal: ``,
shopping: ``,
water: ``,
};
function SIcon({ name, size = 22 }) {
return ;
}
/* ── „Twoje tempo, Twoje zasady” — akordeon obiekcji + zdjęcie ── */
const NAWET_CARDS = [
{ sit: 'odpadłaś już sześć razy', sol: 'Tym razem plan dopasowuje się do Twojej codzienności, a dietetyk reaguje, zanim jeden gorszy tydzień przekreśli resztę.' },
{ sit: 'masz 15 minut między pracą a dziećmi', sol: 'Większość posiłków zrobisz w 10–15 minut, bez meal prepu w niedzielę i pojemników po całej kuchni.' },
{ sit: 'nie chcesz przepłacać za jedzenie', sol: 'Zakupy robisz w Biedronce i Lidlu, bez egzotycznych superfoods. U większości podopiecznych wydatki spadają, a nie rosną.' },
{ sit: 'lubisz najeść się do syta', sol: 'Nie liczysz każdego grama. Pizza w piątek i schabowy w niedzielę mają swoje miejsce w planie.' },
{ sit: 'masz Hashimoto lub insulinooporność', sol: 'Plan uwzględnia Twoje wyniki, leki i samopoczucie. Układamy go pod Twoją fizjologię, nie pod ogólny schemat.' },
{ sit: 'gotujesz dla całej rodziny', sol: 'Jeden jadłospis dla całego domu, zamiast osobnego obiadu dla Ciebie i osobnego dla męża i dzieci.' },
];
function LifestyleSection() {
return (
{NAWET_CARDS.map((c, i) => (
Nawet jeśli
{c.sit}
{c.sol}
))}
Zobacz, jak taki plan wyglądałby u Ciebie.
);
}
/* ── „Twój osobisty opiekun” — dwie kolumny: zdjęcie + karty cech ── */
const CARER_FEATURES = [
{ icon: 'care', t: 'Ten sam dietetyk, który Cię zna',
d: 'To nie infolinia, gdzie za każdym razem odpowiada ktoś inny. Twój dietetyk zna Cię na tyle, że nie musisz przypominać, że pracujesz zmianowo albo nie tykasz nabiału.' },
{ icon: 'chat', t: 'Kontakt jak z kimś bliskim',
d: 'Niedziela, gotujesz i brakuje Ci jednego składnika. Jedna wiadomość w aplikacji i w kilka minut wiesz, czym go zastąpić, bez czekania.' },
{ icon: 'flexible', t: 'Nie smakuje? Zamieniasz w apce',
d: 'Nie masz ochoty na dzisiejszy obiad? Wymieniasz go w aplikacji, wybierając z listy rezerwowej dobranej pod Twoje kalorie i makro. Jesz to, na co masz ochotę, a plan dalej się zgadza.' },
{ icon: 'calendar', t: 'Co tydzień 30 minut tylko o Tobie',
d: 'Co tydzień bierzemy Twój tydzień na warsztat: waga, centymetry, energia, co poszło gładko, a co Cię wykoleiło. Zamiast błądzić w domysłach, wychodzisz z konkretem: co zostaje, a co zmieniamy na kolejne siedem dni.' },
{ icon: 'goal', t: 'Nie znikamy z ostatnią wpłatą',
d: 'Większość diet kończy się z ostatnią wpłatą, a po kilku tygodniach kilogramy wracają. My zostajemy dłużej, aż nauczysz się jeść tak, że waga trzyma się sama, bez ciągłego pilnowania.' },
{ icon: 'alert', t: 'Reagujemy, zanim się poddasz',
d: 'Gorszy tydzień nie musi kończyć się rezygnacją. Gdy coś się nie klei, dietetyk pisze pierwszy, podpowiada, co teraz, i wyciąga Cię z dołka, zanim machniesz na wszystko ręką.' },
];
function CarerSection() {
return (
{CARER_FEATURES.map((f) => (
{f.t}
{f.d}
))}
Tym razem masz kogoś po swojej stronie. Zacznij już dziś.
);
}
function SocialProof() {
// losowa kolejność opinii przy każdym odświeżeniu strony (Fisher-Yates, raz na wejście)
const reviews = React.useMemo(() => {
const a = GOOGLE_REVIEWS.slice();
for (let i = a.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[a[i], a[j]] = [a[j], a[i]];
}
return a;
}, []);
return (
{reviews.map((r) => )}
Zamiast czytać o cudzych metamorfozach, zacznij własną.
