Вайбим

const slots = [
  { time: "10:30", master: "Илья", service: "Стрижка и борода" },
  { time: "13:10", master: "Марат", service: "Классическая стрижка" },
  { time: "18:40", master: "Роман", service: "Тонирование" }
];

export default function App() {
  return (
    <main className="shell">
      <section className="hero">
        <p className="eyebrow">Барбершоп рядом с метро</p>
        <h1>Запись без звонков за тридцать секунд</h1>
        <p className="lead">
          Клиенты видят свободные окна, выбирают мастера и получают подтверждение сразу в браузере.
        </p>
        <button>Записаться</button>
      </section>
      <section className="panel">
        <h2>Сегодня</h2>
        {slots.map((slot) => (
          <article key={slot.time} className="slot">
            <strong>{slot.time}</strong>
            <span>{slot.master}</span>
            <small>{slot.service}</small>
          </article>
        ))}
      </section>
    </main>
  );
}