import type { Metadata } from "next";
import Image from "next/image";
import { Award, CheckCircle2, Lightbulb, Users } from "lucide-react";
import { Features, PageHero, SectionHeading, VideoBanner } from "@/components/sections";

export const metadata: Metadata = {
  title: "درباره ما",
  description: "با داستان شکل‌گیری، اختراع‌ها، کیفیت تولید و خدمات آینه هوشمند گلسموند آشنا شوید.",
  alternates: { canonical: "/about" },
  openGraph: {
    title: "درباره گلسموند",
    description: "داستان شکل‌گیری گلسموند و اختراع آینه هوشمند ضد بخار را بخوانید.",
    url: "/about",
    images: ["/images/about/gallery-1.jpg"],
  },
};

export default function AboutPage() {
  return (
    <>
      <PageHero englishTitle="ABOUT US" title="درباره ما بیشتر بدانید" />

      <section className="about-intro">
        <div className="container about-grid">
          <div className="about-gallery">
            <div className="gallery-main">
              <Image src="/images/about/gallery-1.jpg" alt="آینه هوشمند گلسموند در فضای مدرن" fill sizes="40vw" />
            </div>
            <div className="gallery-side">
              <Image src="/images/about/gallery-3.jpg" alt="طراحی آینه گلسموند" fill sizes="22vw" />
            </div>
            <div className="about-year">
              <strong>۱۳۹۳</strong>
              <span>سال آغاز فعالیت</span>
            </div>
          </div>

          <div className="about-copy">
            <SectionHeading
              eyebrow=""
              englishTitle="ABOUT GLASSMOND"
              title="درباره گلسموند"
              align="start"
            />
            <p>
              شرکت فن‌آوران صنعت گلسمند با برند «گلسموند» در سال ۱۳۹۳ شروع به کار
              کرد. بنیان‌گذار این شرکت، مهندس مهدی عرب‌پور، در سال ۱۳۹۷ برای اولین
              بار موفق به ثبت اختراع و پتنت موقت آمریکا در زمینه تولید آینه‌های
              هوشمند ضد بخار شد.
            </p>
            <p>
              ویژگی‌های انحصاری این آینه‌ها نتیجه طراحی و توسعه داخلی است و محصول
              امروز به‌صورت کاملا صنعتی در مجموعه گلسموند تولید می‌شود.
            </p>
            <div className="about-highlights">
              <div><Award /><span><b>ثبت اختراع</b> فناوری انحصاری ضد بخار</span></div>
              <div><Users /><span><b>خدمات گسترده</b> نمایندگی در ایران و عراق</span></div>
              <div><Lightbulb /><span><b>تولید هوشمند</b> قطعات به‌روز و ایمن</span></div>
            </div>
          </div>
        </div>
      </section>

      <section className="about-stats" aria-label="آمار مجموعه گلسموند">
        <div className="container about-stats-grid">
          <article>
            <span>EXPERIENCE</span>
            <strong>+۱۰</strong>
            <p>سال تجربه و نوآوری</p>
          </article>
          <article>
            <span>INNOVATION</span>
            <strong>۱</strong>
            <p>اختراع ثبت‌شده</p>
          </article>
          <article>
            <span>SUPPORT</span>
            <strong>۱۰</strong>
            <p>سال خدمات پس از فروش</p>
          </article>
        </div>
      </section>

      <section className="why-section">
        <div className="container why-grid">
          <div>
            <SectionHeading
              eyebrow=""
              englishTitle="OUR SERVICES"
              title="چرا گلسموند؟"
              align="start"
            />
            <p>
              طراحی و اختراع انحصاری، رعایت استانداردهای جهانی در طراحی و تولید،
              تضمین کیفیت در ضد بخار و ضد آب بودن و قیمت‌گذاری متناسب با کیفیت،
              پایه‌های اعتماد مشتریان به گلسموند هستند.
            </p>
            <ul className="check-list">
              <li><CheckCircle2 /> طراحی و اختراع انحصاری محصول</li>
              <li><CheckCircle2 /> رعایت استانداردهای جهانی و ایمنی</li>
              <li><CheckCircle2 /> تضمین کیفیت و قیمت</li>
              <li><CheckCircle2 /> یک سال گارانتی و ده سال خدمات پس از فروش</li>
              <li><CheckCircle2 /> استفاده از مواد اولیه درجه یک</li>
            </ul>
          </div>
          <div className="why-image">
            <Image src="/images/about/gallery-4.jpg" alt="کیفیت آینه گلسموند" fill sizes="45vw" />
          </div>
        </div>
      </section>

      <Features compact />
      <VideoBanner />
    </>
  );
}