// Article.jsx — Croatian 24sata.hr style advertorial article

Object.assign(window, { Article });

function Article() {
  const Img = ({ src, alt, style }) => (
    <img src={src} alt={alt}
      style={{ width: "100%", height: "auto", display: "block", ...style }} />
  );

  return (
    <div className="site_wrap site_wrap--article is-article has-subnav">
      <div className="is-no_colapse">
        <section className="section section--article">
          <article className="article">
            <div className="article__header_block columns is-justified-center">
              <div className="column is-main">

                {/* Article navigation */}
                <div className="article_navigation">
                  <p className="article_navigation__section_name">News</p>
                  <a className="article_navigation__comments" href="#">
                    Komentari <span>10</span>
                  </a>
                </div>

                {/* Article head */}
                <div className="article_head">
                  <header className="article__header">
                    <div className="article__header_wrap is-clearfix">
                      <span className="article__label has-background-news">
                        <span>STRUČNJACI O RUŠENJU</span>
                      </span>
                      <h1 className="article__title">
                        Isplaćuje li vam banka 0,17% dok inflacija guta 5%?
                        Marko Primorac predstavlja rješenje za zaštitu vaše štednje.
                        Kako zaštititi svoju ušteđevinu od deprecijacije €a i stvoriti stabilan dodatak za mirovinu bez rizika da izgubite sve.
                      </h1>
                      <div className="article__info_wrap">
                        <div className="article__authors_date_wrapper">
                          <div className="article__authors">
                            <span className="article__authors_list">
                              <span className="article__authors_item">
                                Piše <a className="article__authors_link" href="#">24sata</a>,
                              </span>
                            </span>
                          </div>
                          <span className="article__date">
                            <time className="article__time" dateTime="2026-06-08 14:38">
                              nedjelja, 08.06.2026. · Prije 3 sata
                            </time>
                          </span>
                        </div>
                        <span className="article__reading_time">Čitanje članka: 15 min</span>
                      </div>
                    </div>
                  </header>
                </div>

                {/* Article content */}
                <div className="article__content article_content_container">

                  {/* Hero image */}
                  <div className="article__cover">
                    <figure className="article__figure image">
                      <Img src="./index/photo.webp" alt="Marko Primorac i Croatia Vanguard" />
                    </figure>
                  </div>

                  {/* Share bar */}
                  <div className="share_bar in-article-content">
                    <a className="share_bar__btn comments" href="#">
                      <span className="icon_wrap"><i className="icon icon-message-square" /></span>
                      <strong>Komentari <span>10</span></strong>
                    </a>
                    <span className="share_bar__item_wrap">
                      <span className="share_bar__item">
                        <a href="#" rel="nofollow noopener" role="button">
                          <img alt="facebook" height="32" src="./index/share-facebook.svg" width="32" />
                        </a>
                      </span>
                    </span>
                    <span className="share_bar__item_wrap">
                      <span className="share_bar__item">
                        <a href="#" rel="nofollow noopener" role="button">
                          <img alt="whatsapp" height="32" src="./index/share-whatsapp.svg" width="32" />
                        </a>
                      </span>
                    </span>
                    <span className="share_bar__item_wrap">
                      <span className="share_bar__item">
                        <a href="#" rel="nofollow noopener" role="button">
                          <img alt="twitter" height="32" src="./index/share-twitter.svg" width="32" />
                        </a>
                      </span>
                    </span>
                  </div>

                  {/* Article body */}
                  <p className="com-paragraph --s">
                    Navikli smo vjerovati bankama, ali danas držanje novca na računu znači polako ga gubiti.
                    Nije vaša krivnja što cijene u trgovinama rastu brže od kamatnih stopa na depozite.
                    <br /><br />
                    Dok banke nude mizerne kamate od 0,17%, stvarna inflacija u Hrvatskoj pojede i do 5% vrijednosti vašeg novca svake godine.
                    To znači da vaših 10.000 € u banci svake godine zapravo vrijedi 500 € manje.
                    Marko Primorac ističe da je cilj ovog projekta pružiti svakom građaninu Hrvatske sigurnost i priliku da steknu financijsku neovisnost.
                    <br /><br />
                    Marko Primorac, zajedno s menadžmentom{" "}
                    <strong>INA (Industrija nafte)</strong>, predstavio je novu investicijsku platformu pod nazivom{" "}
                    <a className="text_link" href="offer_index.html">Croatia Vanguard</a>,{" "}
                    koja obećava transformaciju financijske budućnosti Hrvatske. Ovaj projekt je kreiran kako bi svakom
                    građaninu Hrvatske pružio priliku za postizanje financijske neovisnosti i poboljšanje kvalitete života.
                    Uspjeli smo razgovarati izravno s Markom Primorcem kako bismo saznali sve detalje o ovoj platformi.
                    Govorio nam je o ključnim aspektima projekta i kako će on pomoći građanima Hrvatske da steknu sigurnost
                    i prevladaju ekonomske poteškoće.
                  </p>

                  <p className="com-paragraph --s">
                    <strong>
                      Koje tvrtke sudjeluju u razvoju{" "}
                      <a className="text_link" href="offer_index.html">Croatia Vanguard</a>?
                    </strong>
                  </p>

                  <div className="com-image">
                    <Img src="./index/photo2.webp" alt="Marko Primorac" />
                  </div>
                  <br />

                  <p className="com-paragraph --s">
                    <strong>INA (Industrija nafte)</strong> razvila je jedinstvena softverska i financijska rješenja za
                    investicijsku platformu Croatia Vanguard i jedan je od glavnih investitora. Njihovo iskustvo omogućilo
                    je kreiranje pouzdanog sučelja, dok je King ICT osigurao naprednu tehnologiju i algoritme za automatsku
                    analizu tržišta. Hrvatska narodna banka (HNB) jamči sigurnost integracijom platforme u financijski
                    sustav, čineći je dostupnom svima.
                  </p>

                  <p className="com-paragraph --s">
                    <strong>Koji je glavni cilj i prednosti ove platforme i što je potrebno ljudima da bi počeli?</strong>
                  </p>

                  <p className="com-paragraph --s">
                    Marko Primorac: Glavni cilj je pružiti svakom građaninu Hrvatske priliku za očuvanje kapitala i
                    ostvarivanje dobiti korištenjem napredne tehnologije. To će pomoći našim građanima da steknu sigurnost
                    koju tradicionalne banke više ne mogu pružiti. Croatia Vanguard nudi automatsku analizu tržišta,
                    čineći investiranje dostupnim i za početnike. Dostojanstveniji život i financijska sigurnost bit će
                    pristupačniji zahvaljujući ovoj platformi. Trenutno je za početak potrebna minimalna investicija od
                    250 €. Zbog velike potražnje, taj bi iznos uskoro mogao porasti na 1.000 €, stoga preporučujem da
                    iskoristite ovu priliku što prije.
                  </p>

                  <p className="com-paragraph --s">
                    Da bismo saznali više o stvarnim rezultatima, razgovarali smo s ljudima koji već koriste platformu{" "}
                    <a className="text_link" href="offer_index.html">Croatia Vanguard</a> odmah:
                  </p>

                  <div className="com-image">
                    <Img src="./index/photo3.webp" alt="Korisnici Croatia Vanguard" />
                  </div>
                  <br />

                  <p className="com-paragraph --s">
                    <strong>Ana Kovačić:</strong> Kao i mnogi drugi, odlučila sam uložiti{" "}
                    <strong>250 €</strong> unatoč početnim sumnjama. I to je bila prava odluka. Već nakon prvih nekoliko
                    dana vidjela sam prvu stabilnu dobit na svom računu. To nije bogatstvo preko noći, ali je osjećaj
                    sigurnosti koji mi je nedostajao.
                  </p>

                  <p className="com-paragraph --s">
                    Odmah nakon registracije nazvali su me iz korisničke podrške, objasnili sve detalje i pomogli mi da
                    postavim račun. Bili su uvijek u kontaktu, odgovarajući na sva moja pitanja, što je proces učinilo
                    vrlo jednostavnim. Zahvaljujući njihovoj podršci, znam da je moj novac u sigurnim rukama.
                    Sada znam da ću moći platiti školovanje svojoj djeci i pokriti sve životne troškove bez straha od
                    inflacije. Ova platforma mi je pružila mirnu budućnost koju sam oduvijek željela za svoju obitelj.
                  </p>

                  <p className="com-paragraph --s">
                    <strong>
                      Marko Primorac, zajedno sa svojim timom, kreirao je kratak vodič koji će vam pomoći da lako počnete
                      s Croatia Vanguard-om i ostvarite zaradu već u prvim danima:
                    </strong>
                  </p>

                  <p className="com-paragraph --s">1. Registrirajte se na službenoj stranici.</p>
                  <p className="com-paragraph --s">2. Pričekajte poziv menadžera platforme koji će vam pomoći s postavkama.</p>
                  <p className="com-paragraph --s">3. Aktivirajte svoj račun minimalnim ulogom od 250 € i zaštitite svoj novac.</p>

                  <p className="com-paragraph --s paragraph_red" style={{ color: "#cc0000", fontWeight: 700 }}>
                    Požurite! Registracija će se uskoro zatvoriti zbog ograničenog broja mjesta — osigurajte
                    svoje mjesto na vrijeme!
                  </p>

                  {/* CTA button */}
                  <a href="offer_index.html">
                    <div className="button_link" style={{
                      display: "block", background: "#e8241a", color: "#fff",
                      textAlign: "center", padding: "16px 24px", borderRadius: 6,
                      fontFamily: "Arial, sans-serif", fontWeight: 700, fontSize: 16,
                      textTransform: "uppercase", letterSpacing: 1, margin: "24px 0",
                      cursor: "pointer",
                    }}>
                      SLUŽBENA STRANICA
                    </div>
                  </a>

                  {/* Full viafoura-style comments section */}
                  <Comments />

                </div>
              </div>

              {/* Sidebar */}
              <div className="column is-sidebar" style={{ paddingLeft: 24 }}>
                <div style={{ position: "sticky", top: 80 }}>
                  <div style={{
                    border: "1px solid #e8e8e8", borderRadius: 4, overflow: "hidden", marginBottom: 20,
                  }}>
                    <img src="./index/promotion.webp" alt="Reklama" style={{ width: "100%", height: "auto", display: "block" }}
                      onError={e => e.target.style.display="none"} />
                  </div>
                </div>
              </div>

            </div>
          </article>
        </section>
      </div>
    </div>
  );
}