From 1271ebce90417ea314d986bc6adaefa723bbda89 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 14:51:24 +0000
Subject: [PATCH] Bob AI: Update about section layout with top text, left list,
 right

---
 src/pages/HomePage/sections/About.tsx | 79 +++++++++++++++++----------
 1 file changed, 49 insertions(+), 30 deletions(-)

diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
index 1e09a5d..daf0054 100644
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -3,39 +3,58 @@ import Tag from "@/components/ui/Tag";
 import ScrollReveal from "@/components/ui/ScrollReveal";
 import ImageOrVideo from "@/components/ui/ImageOrVideo";
 import Button from "@/components/ui/Button";
+import { Check } from "lucide-react";
 
 export default function AboutSection() {
   return (
-    <section data-webild-section="about" id="about" className="bg-background">
-      <div className="max-w-content-width mx-auto px-6">
-        <div className="grid grid-cols-1 lg:grid-cols-2 items-center">
-          <ScrollReveal variant="slide-up">
-            <div className="space-y-8">
-              <Tag text="About Us" />
-              <h2 className="text-4xl md:text-5xl font-bold text-foreground tracking-tight">
-                A Legacy of Unparalleled Hospitality
-              </h2>
-              <p className="text-lg text-muted-foreground leading-relaxed">
-                Nestled in the heart of the city, The Grand Hotel has been a beacon of luxury and comfort for over a century. Our commitment to excellence is reflected in every detail, from our meticulously designed rooms to our world-class dining experiences.
-              </p>
-              <p className="text-lg text-muted-foreground leading-relaxed">
-                We believe that true luxury lies in the experience. Our dedicated staff is here to ensure that your stay is nothing short of extraordinary, anticipating your every need and exceeding your expectations.
-              </p>
-              <Button text="Discover Our Story" variant="primary" />
-            </div>
-          </ScrollReveal>
-          
-          <ScrollReveal variant="fade">
-            <div className="relative h-[600px] rounded-theme overflow-hidden">
-              <ImageOrVideo 
-                imageSrc="https://images.unsplash.com/photo-1542314831-c6a4d14d837e?q=80&w=2000&auto=format&fit=crop"
-                className="w-full h-full object-cover"
-              />
-              <div className="absolute inset-0 bg-black/10"></div>
-            </div>
-          </ScrollReveal>
-        </div>
+    <section data-webild-section="about" id="about" className="bg-background py-24">
+  <div className="max-w-content-width mx-auto px-6">
+    <ScrollReveal variant="slide-up">
+      <div className="text-center max-w-3xl mx-auto mb-16 space-y-6">
+        <Tag text="About Us" />
+        <h2 className="text-4xl md:text-5xl font-bold text-foreground tracking-tight">
+          A Legacy of Unparalleled Hospitality
+        </h2>
+        <p className="text-lg text-muted-foreground leading-relaxed">
+          Nestled in the heart of the city, The Grand Hotel has been a beacon of luxury and comfort for over a century. Our commitment to excellence is reflected in every detail, from our meticulously designed rooms to our world-class dining experiences.
+        </p>
       </div>
-    </section>
+    </ScrollReveal>
+
+    <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+      <ScrollReveal variant="slide-up">
+        <div className="space-y-8">
+          <ul className="space-y-4">
+            {[
+              "Award-winning fine dining restaurants",
+              "World-class spa and wellness center",
+              "24/7 personalized concierge service",
+              "Breathtaking panoramic city views",
+              "State-of-the-art fitness facilities"
+            ].map((item, index) => (
+              <li key={index} className="flex items-center gap-3">
+                <div className="flex-shrink-0 w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center">
+                  <Check className="w-4 h-4 text-primary" />
+                </div>
+                <span className="text-foreground">{item}</span>
+              </li>
+            ))}
+          </ul>
+          <Button text="Discover Our Story" variant="primary" />
+        </div>
+      </ScrollReveal>
+      
+      <ScrollReveal variant="fade">
+        <div className="relative h-[500px] rounded-theme overflow-hidden">
+          <ImageOrVideo 
+            imageSrc="https://images.unsplash.com/photo-1542314831-c6a4d14d837e?q=80&w=2000&auto=format&fit=crop"
+            className="w-full h-full object-cover"
+          />
+          <div className="absolute inset-0 bg-black/10"></div>
+        </div>
+      </ScrollReveal>
+    </div>
+  </div>
+</section>
   );
 }
\ No newline at end of file
-- 
2.49.1