// Abstract floating UI fragments — no phone shell, just elements suspended in space // Each fragment animates independently, drifts on hover, transforms with scroll const { useState, useEffect, useRef } = React; const CYAN = "#39D1FF"; // Service card (e.g. "Маникюр / 2ч / 200 000") function ServiceFragment({ title, sub, price, delay = 0, float = "a" }) { return (
{title}
{sub}
{price}
); } // Time chip function TimeChip({ time, selected = false, delay = 0, float = "b" }) { return (
{time}
); } // Master pill (avatar + name + rating) function MasterPill({ name, craft, rating, hue, delay = 0, float = "a" }) { return (
{name} {craft}
{rating}
); } // Mini calendar with one date highlighted function CalendarFragment({ delay = 0 }) { const days = [27, 28, 29, 30, 1, 2]; const labels = ["ПН","ВТ","СР","ЧТ","ПТ","СБ"]; return (
Выберите день
{days.map((d, i) => { const sel = i === 2; return (
{labels[i]}
{d}
); })}
); } // Confirmation toast function ConfirmToast({ delay = 0 }) { return (
Запись подтверждена
); } // Search bar fragment function SearchFragment({ delay = 0, placeholder = "Маникюр рядом" }) { return (
{placeholder}
); } // Glowing orb (visual accent) function Orb({ size = 200, hue = 200, delay = 0, opacity = 0.5 }) { return (
); } window.YookieFragments = { ServiceFragment, TimeChip, MasterPill, CalendarFragment, ConfirmToast, SearchFragment, Orb };