function Text() {
  return (
    <div className="content-stretch flex h-[17.5px] items-start relative shrink-0" data-name="Text">
      <div className="font-['Poppins:SemiBold',_sans-serif] leading-[0] not-italic relative shrink-0 text-[12.25px] text-nowrap text-white">
        <p className="leading-[17.5px] whitespace-pre">GET A CITY CARD</p>
      </div>
    </div>
  );
}

export default function BeforeLogin() {
  return (
    <div className="bg-[#f95f62] relative rounded-[3.35544e+07px] shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.1),0px_4px_6px_-4px_rgba(0,0,0,0.1)] size-full" data-name="Before Login">
      <div className="flex flex-col items-center relative size-full">
        <div className="box-border content-stretch flex flex-col gap-[8px] items-center overflow-clip px-[47px] py-[17px] relative size-full">
          <Text />
        </div>
      </div>
    </div>
  );
}