From a2fb01ea11a6a00efad0470bb4548dac79fee0e7 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 3 Jun 2026 14:33:21 +0100
Subject: [PATCH] fix(ui): center CTA buttons (no full-width stretch), move
 birthday hero title to bottom

---
 src/app/(frontend)/dni-narodzhennia/page.tsx      | 2 +-
 src/app/(frontend)/grupovi-vidviduvannia/page.tsx | 2 +-
 src/components/forms/FormBlock.tsx                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(frontend)/dni-narodzhennia/page.tsx b/src/app/(frontend)/dni-narodzhennia/page.tsx
index 933aabe..3446f3a 100644
--- a/src/app/(frontend)/dni-narodzhennia/page.tsx
+++ b/src/app/(frontend)/dni-narodzhennia/page.tsx
@@ -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',
diff --git a/src/app/(frontend)/grupovi-vidviduvannia/page.tsx b/src/app/(frontend)/grupovi-vidviduvannia/page.tsx
index 62dcd3b..d68689b 100644
--- a/src/app/(frontend)/grupovi-vidviduvannia/page.tsx
+++ b/src/app/(frontend)/grupovi-vidviduvannia/page.tsx
@@ -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>
diff --git a/src/components/forms/FormBlock.tsx b/src/components/forms/FormBlock.tsx
index 3fb8f10..5086022 100644
--- a/src/components/forms/FormBlock.tsx
+++ b/src/components/forms/FormBlock.tsx
@@ -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