fix(ui): center CTA buttons (no full-width stretch), move birthday hero title to bottom
Some checks are pending
CI / Type Check (push) Waiting to run
CI / Lint (push) Waiting to run
CI / Unit Tests (push) Waiting to run
Deploy / Build & Push Image (push) Waiting to run
Deploy / Deploy to VPS (push) Blocked by required conditions

This commit is contained in:
Vadym Samoilenko 2026-06-03 14:33:21 +01:00
parent 619bed7a00
commit a2fb01ea11
3 changed files with 3 additions and 3 deletions

View file

@ -349,7 +349,7 @@ export default async function BirthdayPage() {
<JsonLd data={birthdayPageJsonLd} />
{/* ── 1. HERO ─────────────────────────────────────────────────────── */}
<section
className="relative flex min-h-[480px] items-center justify-center overflow-hidden px-6 py-24 lg:min-h-[640px]"
className="relative flex min-h-[480px] items-end justify-center overflow-hidden px-6 pt-24 pb-8 lg:min-h-[640px] lg:pb-12"
style={{
backgroundImage: `url('${heroBg}')`,
backgroundSize: 'cover',

View file

@ -171,7 +171,7 @@ export default async function GroupVisitsPage() {
<p className="text-[18px] leading-[1.5] text-white md:text-[24px]">{heroDescription}</p>
<a
href="#order-form"
className="inline-flex items-center justify-center rounded-[64px] bg-[#f28b4a] px-[30px] py-[10px] text-[18px] font-bold text-white transition-opacity hover:opacity-90 md:text-[20px]"
className="inline-flex items-center justify-center self-center rounded-[64px] bg-[#f28b4a] px-[30px] py-[10px] text-[18px] font-bold text-white transition-opacity hover:opacity-90 md:text-[20px]"
>
{heroCta}
</a>

View file

@ -155,7 +155,7 @@ export function FormBlock({ form, submitLabel }: FormBlockProps) {
<button
type="submit"
disabled={isPending}
className="mt-2 inline-flex items-center justify-center rounded-[64px] bg-[#f28b4a] px-10 py-4 text-[16px] font-bold text-white transition-shadow hover:shadow-[0_0_20px_0_#f28b4a] disabled:opacity-60"
className="mt-2 inline-flex items-center justify-center self-center rounded-[64px] bg-[#f28b4a] px-10 py-4 text-[16px] font-bold text-white transition-shadow hover:shadow-[0_0_20px_0_#f28b4a] disabled:opacity-60"
style={{ fontFamily: FONT }}
>
{isPending