Дарья

Если выбор сводится к да/нет, то почему должны быть две радиокнопки, а не один чекбокс? Но окей, вам виднее.

Складываем в массивы описания радиокнопок:

const presence = [
  { value:    'coming', text:    'Приду' },
  { value: 'notComing', text: 'Не приду' },
];

const transport = [
  { value: 'yes', text:  'Да' },
  { value:  'no', text: 'Нет' },
];

Создаём стейт с данными формы и метод его обновления:

const [ formData, setFormData ] = useState({});
const onChange = ({ target: t }) =>
  setFormData(fd => ({
    ...fd,
    [t.name]: t.value,
  }));

Создаём компоненты радиокнопки и радиогруппы:

const Radio = ({ children, className, ...props }) =>
  <label className={className ?? ''}>
    <input type="radio" {...props} />
    {children}
  </label>;

const RadioGroup = ({ title, name, items, value, onChange }) =>
  <div className="radiogroup">
    <div className="radiogroup-title">{title}</div>
    {items.map(n => (
      <Radio
        key={n.value}
        className={`radiogroup-item ${value === n.value ? 'active' : ''}`}
        name={name}
        value={n.value}
        checked={value === n.value}
        onChange={onChange}
      >
        {n.text}
      </Radio>
    ))}
  </div>;

Создаём радиогруппы, используя массивы с описаниями радиокнопок:

<RadioGroup
  title="Подтвердите присутствие"
  name="presence"
  items={presence}
  value={formData.presence}
  onChange={onChange}
/>
<RadioGroup
  title="Нужен ли трансфер до места проведения?"
  name="transport"
  items={transport}
  value={formData.transport}
  onChange={onChange}
/>

Всё.

.cards > div:nth-child(2n) {
  transform: translateY(-40px);
/*   либо */
/*   margin: -40px 0 40px; */
}

https://codepen.io/xdevelx/pen/mybBWWd

Вы пытаетесь в качестве имени свойства использовать объект, а JS разрешает там только строки.
Объект приводится к строке и ваш код превращается в итоге вот в это:

dwayne['[object Object]'] = 123;
dwayne['[object Object]'] = 456;

console.log(dwayne['[object Object]']);

Думаю, тут уже понятно, почему результат именно такой.

При этом, если бы вы использовали другой синтаксис, то и результат был бы другим:

dwayne.daniel = 123; // аналог dwayne['daniel']
dwayne.jason = 456; // аналог dwayne['jason']

console.log(dwayne.daniel);

Но эти daniel и jason никак не связаны с одноимёнными объектами выше.

вам нужно создавать 4 переменные и присваивать для каждой создание и инициализацию конкретного слайдера

var slider1 = new Swiper ('.slider1', {
      loop: true
}) 
var slider2 = new Swiper ('.slider2', {
      loop: true
})