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 (
    <>
      <PageHero
        title="درباره ما"
        lead="آرامش پلازا مجموعه‌ای از معماران، مهندسان سازه و مدیران پروژه است که از سال ۱۳۸۳ در حوزه ساخت‌وساز لوکس فعالیت می‌کند."
        image={IMAGES[3]}
      />
      
      <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 />
    </>
  )
}