import { aboutParagraphs, faqs } from '../../lib/content';
export const metadata = { title: 'دربارهٔ گروه معماری ساناز گودرزی', description:'با رویکرد، تجربه و حوزه‌های فعالیت گروه معماری و دکوراسیون ساناز گودرزی در طراحی، نظارت و اجرای پروژه‌های معماری آشنا شوید.', alternates:{canonical:'/aboutus/'} };
const indicators = [['رضایت مشتریان',68],['تنوع خدمات',25],['زیبایی بصری',36],['نمونه‌کارها',82]];
export default function About() {
  return <>
    <section className="reference-about-hero"><p className="reference-english" dir="ltr">About Us</p><h1>رویای شما<br/>تبدیل به واقعیت می‌شود</h1>
      <div className="reference-about-icons" aria-label="طراحی، نظارت و اجرا">{[1,2,3].map((number)=><span key={number}><img src={`/img/info/${number}.png`} alt={['نظارت و اجرا','طراحی معماری','دکوراسیون داخلی'][number-1]} width="60" height="80"/></span>)}</div>
    </section>
    <section className="reference-about-intro"><div><h2>گروه معماری و دکوراسیون<br/>ساناز گودرزی</h2><p className="reference-english" dir="ltr">ARCHITECT & INTERIOR DESIGN</p><p>{aboutParagraphs.join(' ')}</p></div><img src="/img/info_1/bg.jpg" alt="طراحی داخلی فضای غذاخوری" loading="lazy"/></section>
    <section className="reference-about-values"><img src="/img/info_2/bg.jpg" alt="طراحی فضای نشیمن" loading="lazy"/><div className="reference-about-values-copy"><h2>رویای شما تبدیل به واقعیت می‌شود؛ این تمام چیزی است که ما انجام می‌دهیم.</h2><p className="reference-english" dir="ltr">TURN YOUR DREAMS INTO REALITY</p><p>رویای شما تبدیل به واقعیت می‌شود؛ این تمام چیزی است که ما انجام می‌دهیم.</p>
      {indicators.map(([label,value],index)=><div className="reference-progress" key={label}><label htmlFor={`indicator-${index}`}>{label}</label><progress id={`indicator-${index}`} value={value} max="100">{value}%</progress></div>)}
    </div></section>
    <section className="reference-faq"><div><h2>با ما بیشتر آشنا شوید</h2><p className="reference-english" dir="ltr">MORE ABOUT US</p><p>این مجموعه با اولویت قرار دادن خواسته‌های کارفرما و رسیدگی پیگیرانه به موضوعات پیش‌آمده، تا حصول نتیجهٔ رضایت‌بخش دست از تلاش و همکاری بر نخواهد داشت.</p><div className="faqs">{faqs.map(([question,answer])=><details key={question}><summary>{question}<span aria-hidden="true">+</span></summary><p>{answer}</p></details>)}</div></div></section>
  </>;
}