Megbízható mesterséges intelligencia —{" "} Compliance-el a fókuszban

Az FMProject Kft. innovatív, AI-alapú ügyfélszolgálati rendszereket szállít, amelyek a jogszabályoknak teljes mértékben megfelelnek. Segítünk hatékonyabb működést elérni, miközben ügyfelei elégedettsége is növekszik.

goToSection("kapcsolat")} icon={window.IconArrowRight}> Kérjen bemutatót goToSection("megfeleles")} icon={window.IconArrowRight}> Megfelelőség és biztonság

info@fmproject.hu +36 70 4422-434

setForm({ ...form, name: e.target.value })} className={inputClass} style={inputStyle} placeholder="Pl. Kovács Anna" /> setForm({ ...form, email: e.target.value })} className={inputClass} style={inputStyle} placeholder="anna@vallalat.hu" />

setForm({ ...form, message: e.target.value })}
              rows={5}
              className={inputClass + " resize-none"}
              style={inputStyle}
              placeholder="Mondja el röviden, milyen kihívásra keresnek megoldást..."
            />
          </ContactField>
          <div className="flex justify-end pt-2">
            <PrimaryButton onClick={undefined}>
              <span className="flex items-center gap-2">
                {submitting ? "Küldés…" : "Üzenet küldése"}
                <window.IconSend size={16} />
              </span>
            </PrimaryButton>
          </div>
          {/* the inner button needs to act as submit */}
          <button type="submit" style={{ display: "none" }} aria-hidden="true" />
        </form>
      </div>
    </section>
  );
};

// HTML wordmark used in the footer so individual letters can stagger on hover.
// (Image-based logo can't be animated per-letter.)
const FmWordmark = () => {
  const row1 = [
    { ch: "F", cls: "fm-fm" },
    { ch: "M", cls: "fm-fm" },
    { ch: "P", cls: "fm-project" },
    { ch: "r", cls: "fm-project" },
    { ch: "o", cls: "fm-project" },
    { ch: "j", cls: "fm-project" },
    { ch: "e", cls: "fm-project" },
    { ch: "c", cls: "fm-project" },
    { ch: "t", cls: "fm-project" },
  ];
  const row2 = "AI POWERED IT SOLUTIONS".split("");
  let r2idx = 0;

return (
    <div className="fm-wordmark" aria-label="FMProject — AI Powered IT Solutions">
      <div className="fm-row1">
        {row1.map((l, i) => (
          <span key={i} className={`fm-letter ${l.cls}`} style={{ animationDelay: `${i * 45}ms` }}>
            {l.ch}
          </span>
        ))}
      </div>
      <div className="fm-row2">
        {row2.map((ch, i) => {
          const isAI = i === 0 || i === 1;
          const isIT = i === 11 || i === 12;
          const cls = isAI ? "fm-ai" : isIT ? "fm-it" : "";
          const isLetter = ch !== " ";
          if (isLetter) r2idx += 1;
          return (
            <span
              key={i}
              className={`fm-letter ${cls}`}
              style={{
                animationDelay: `${(row1.length + (isLetter ? r2idx : 0)) * 35 + 80}ms`,
                width: ch === " " ? "0.45em" : "auto",
              }}
            >
              {ch === " " ? "\u00A0" : ch}
            </span>
          );
        })}
      </div>
    </div>
  );
};

window.FmWordmark = FmWordmark;

// ────────────────────────────────────────────────────────────────────
// Footer
// ────────────────────────────────────────────────────────────────────
const Footer = () => (
  <footer style={{ borderTop: `1px solid ${COLORS.border}` }}>
    <div className="max-w-7xl mx-auto px-6 md:px-10 py-6 flex flex-col md:flex-row items-center justify-between gap-6">
      <FmWordmark />
      <div className="flex flex-col md:items-end items-center gap-2">
        <div className="text-sm" style={{ color: COLORS.muted }}>
          © 2025 FMProject Kft. Minden jog fenntartva.
        </div>
        <a
          href="adatkezeles.html"
          target="_blank"
          rel="noopener noreferrer"
          className="text-sm transition-colors hover:text-blue-400"
          style={{ color: COLORS.muted }}
        >
          Adatkezelési tájékoztató
        </a>
      </div>
    </div>
  </footer>
);

// ────────────────────────────────────────────────────────────────────
// Root
// ────────────────────────────────────────────────────────────────────
function App() {
  // Tweak the contact form's "PrimaryButton" workaround:
  // since PrimaryButton is just <button>, intercept its click to submit form.
  useEffect(() => {
    const form = document.querySelector("#kapcsolat form");
    if (!form) return;
    const handler = (e) => {
      const t = e.target;
      if (t.tagName === "BUTTON" && !t.matches('[type="submit"]') && form.contains(t)) {
        // synthesize a submit
        e.preventDefault();
        form.dispatchEvent(new Event("submit", { cancelable: true, bubbles: true }));
      }
    };
    form.addEventListener("click", handler);
    return () => form.removeEventListener("click", handler);
  }, []);

return (
    <div style={{ color: COLORS.text, minHeight: "100vh", position: "relative" }}>
      <window.ScrollProgress />
      <window.PageBackdrop />
      <Nav />
      <window.CursorGlow targetSelector="#hero" />
      <main style={{ position: "relative", zIndex: 1 }}>
        <Hero />
        <Rolunk />
        <MiertMi />
        <Megoldasok />
        <Timeline />
        <Megfeleles />
        <Iparagak />
        <Kapcsolat />
      </main>
      <Footer />
    </div>
  );
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);

A koncepciótól az üzemeltetésig — egy csapatban

{title}

{title}

Megbízható mesterséges intelligencia —{" "} Compliance-el a fókuszban

{title}

{title}

{title}

{title}

EU AI Act, GDPR, NIS2

Auditált, biztonságos működés

{title}