update

src/pages/About.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
-import { PageHero } from '../components/PageHero';
-import { Story } from '../components/home/Story';
-import { Stats } from '../components/home/Stats';
-import { Timeline } from '../components/home/Timeline';
-import { WhyUs } from '../components/home/WhyUs';
-import { Team } from '../components/home/Team';
-import { ContactSection } from '../components/ContactSection';
-import { IMAGES } from '../data/site';
+import React from 'react'
+import { PageHero } from '../components/PageHero'
+import { Story } from '../components/home/Story'
+import { Stats } from '../components/home/Stats'
+import { Timeline } from '../components/home/Timeline'
+import { WhyUs } from '../components/home/WhyUs'
+import { Team } from '../components/home/Team'
+import { ContactSection } from '../components/ContactSection'
+import { IMAGES } from '../data/site'
 
 export function About() {
   return (
@@ -14,14 +14,24 @@ export function About() {
       <PageHero
         title="درباره ما"
         lead="آرامش پلازا مجموعه‌ای از معماران، مهندسان سازه و مدیران پروژه است که از سال ۱۳۸۳ در حوزه ساخت‌وساز لوکس فعالیت می‌کند."
-        image={IMAGES[3]} />
+        image={IMAGES[3]}
+      />
       
-      <Story />
+      <Story showLink={false} showLabel={false} alignTop={true}>
+        {/* این باکس دقیقاً فضای خالی زیر آمار را پر می‌کند */}
+        <div className="mt-12 border-r-2 border-copper bg-char/40 p-6">
+          <p className="text-sm font-light leading-8 text-ivory/80">
+            «ساختمان برای ما فقط آجر و بتن نیست؛ بلکه تعهدی است به کیفیت زندگی ساکنان. ما فضاهایی می‌سازیم که در گذر زمان ارزش و هویت خود را حفظ کنند.»
+          </p>
+          <p className="mt-5 text-sm font-bold text-copper">کامران آرامش — مدیرعامل شرکت ساختمانی آرامش</p>
+        </div>
+      </Story>
+
       <Stats />
       <Timeline />
       <WhyUs />
       <Team />
       <ContactSection />
-    </>);
-
+    </>
+  )
 }