/**
 * @license
 * Copyright (c) 2024 Božidar Mišković. All rights reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 */

export default function About() {
  return (
    <div className="page-content">
      <header className="page-header">
        <div className="container">
          <h1>O Nama</h1>
          <p>Tradicija, kvalitet i vizija koja traje kroz generacije.</p>
        </div>
      </header>

      <section className="section">
        <div className="container">
          <div className="about-card">
            <h2>Naša Priča</h2>
            <p>
              Progres Tim je nastao iz strasti prema obradi materijala i izgradnji prostora koji inspirišu. 
              Počeli smo kao mala radionica za izradu nameštaja, a danas smo lideri u proizvodnji metalnih konstrukcija i montažnih objekata.
            </p>
            <p>
              Naš tim čine iskusni majstori, inženjeri i dizajneri koji dele istu viziju: beskompromisni kvalitet i zadovoljstvo klijenta. 
              Bilo da je reč o malom komadu nameštaja ili velikoj industrijskoj hali, svakom zadatku pristupamo sa istom posvećenosnošću.
            </p>
          </div>

          <div className="about-card">
            <h2>Naša Vizija</h2>
            <p>
              Težimo da budemo sinonim za inovaciju u gradnji i dizajnu nameštaja. Svaki naš projekat je dokaz da se preciznost metalurgije 
              i toplina drveta mogu savršeno uklopiti u moderne arhitektonske forme.
            </p>
          </div>

          <div className="about-card">
            <h2>Proces Rada</h2>
            <div className="process-grid">
              <div className="process-step">
                <h3>Konsultacije</h3>
                <p>Saslušaćemo vaše želje i predložiti najbolje rešenje.</p>
              </div>
              <div className="process-step">
                <h3>Projektovanje</h3>
                <p>Izrađujemo detaljne nacrte i 3D modele vašeg projekta.</p>
              </div>
              <div className="process-step">
                <h3>Izrada</h3>
                <p>Naši majstori koriste najsavremenije alate i materijale.</p>
              </div>
              <div className="process-step">
                <h3>Montaža</h3>
                <p>Brza i čista ugradnja na vašoj lokaciji.</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <div className="video-background-container">
        <video 
          autoPlay 
          muted 
          loop 
          playsInline 
          className="bg-video"
          poster="/large-works.png"
        >
          <source src="#" type="video/mp4" />
        </video>
      </div>
    </div>
  );
}
