From c89e378bb307da843afb47945cead43056abfc36 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 9 Jun 2026 13:26:34 +0000
Subject: [PATCH] Bob AI: Centered the heading and buttons in the about section

---
 src/pages/HomePage/sections/About.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
index 7c08cf7..0a9d7f3 100644
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -25,7 +25,7 @@ const AboutInline = () => {
   return (
     <section aria-label="About section" className="py-20">
       <div className="w-content-width mx-auto flex flex-col gap-8">
-        <div className="flex flex-col gap-4 items-start">
+        <div className="flex flex-col gap-4 items-center text-center">
           <Tag text="Premium Experience" />
           <TextAnimation
             text={"Grandeur Hotel: A Sanctuary of Elegance"}
@@ -34,6 +34,12 @@ const AboutInline = () => {
             tag="h2"
             className="text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-balance"
           />
+          {(primaryButton || secondaryButton) && (
+            <div className="flex flex-wrap justify-center gap-4 mt-4">
+              {primaryButton && <Button text={primaryButton.text} href={primaryButton.href} variant="primary" />}
+              {secondaryButton && <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />}
+            </div>
+          )}
         </div>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 items-stretch">
           <div className="flex flex-col gap-6 h-full">
@@ -46,12 +52,7 @@ const AboutInline = () => {
               </ul>
             </Card>
 
-            {(primaryButton || secondaryButton) && (
-              <div className="flex flex-wrap gap-4 mt-auto">
-                {primaryButton && <Button text={primaryButton.text} href={primaryButton.href} variant="primary" />}
-                {secondaryButton && <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />}
-              </div>
-            )}
+
           </div>
           
           <div className="relative w-full h-full min-h-[400px] rounded-2xl overflow-hidden border border-border">
-- 
2.49.1