177 lines
11 KiB
PHP
177 lines
11 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
require_once __DIR__ . '/app/bootstrap.php';
|
|
|
|
$definition = diagnostic_quiz_definition();
|
|
$totalQuestions = count(diagnostic_flat_questions());
|
|
$totalSections = count($definition['sections']);
|
|
$meta = diagnostic_meta('Diagnoza dojrzałości procesowej', 'Profesjonalne narzędzie do oceny uporządkowania procesów, komunikacji i kontroli operacyjnej w firmie.');
|
|
?>
|
|
<!doctype html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title><?= htmlspecialchars($meta['title']) ?></title>
|
|
<meta name="description" content="<?= htmlspecialchars($meta['description']) ?>">
|
|
<meta property="og:title" content="<?= htmlspecialchars($meta['title']) ?>">
|
|
<meta property="og:description" content="<?= htmlspecialchars($meta['description']) ?>">
|
|
<meta property="twitter:title" content="<?= htmlspecialchars($meta['title']) ?>">
|
|
<meta property="twitter:description" content="<?= htmlspecialchars($meta['description']) ?>">
|
|
<?php if ($meta['image'] !== ''): ?>
|
|
<meta property="og:image" content="<?= htmlspecialchars($meta['image']) ?>">
|
|
<meta property="twitter:image" content="<?= htmlspecialchars($meta['image']) ?>">
|
|
<?php endif; ?>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="/assets/css/custom.css?v=<?= urlencode((string)@filemtime(__DIR__ . '/assets/css/custom.css')) ?>">
|
|
</head>
|
|
<body class="app-shell">
|
|
<header class="site-header border-bottom sticky-top">
|
|
<nav class="navbar navbar-expand-lg navbar-light py-3">
|
|
<div class="container">
|
|
<?= diagnostic_brand_logo_anchor('navbar-brand doctor-biznes-logo-link--nav') ?>
|
|
<div class="d-flex align-items-center gap-2 ms-auto">
|
|
<a class="btn btn-sm btn-dark" href="/diagnostic.php">Rozpocznij diagnozę</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero-section py-5 py-lg-6">
|
|
<div class="container py-lg-4">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-7">
|
|
<h1 class="display-title mb-4">Sprawdź, na ile procesy w Twojej firmie są gotowe do wzrostu.</h1>
|
|
<p class="lead text-secondary mb-3">To narzędzie pomaga właścicielom firm, dyrektorom zarządzającym i liderom operacyjnym szybko ocenić dojrzałość operacyjną organizacji, wskazać obszary chaosu i ustalić priorytety zmian.</p>
|
|
<div class="d-inline-flex align-items-center gap-2 px-3 py-2 mb-4 rounded-3 border bg-white shadow-sm">
|
|
<span class="fw-semibold text-dark">Test jest w 100% darmowy</span>
|
|
<span class="text-secondary small">Bez opłaty za uruchomienie i bez konieczności rozmowy handlowej.</span>
|
|
</div>
|
|
<div class="d-flex flex-column flex-sm-row gap-3 mb-4">
|
|
<a class="btn btn-dark btn-lg" href="/diagnostic.php">Rozpocznij diagnozę</a>
|
|
<a class="btn btn-outline-dark btn-lg" href="#zakres">Zobacz zakres oceny</a>
|
|
</div>
|
|
<div class="row g-3">
|
|
<div class="col-sm-4"><div class="metric-inline"><span>Pytania</span><strong><?= $totalQuestions ?></strong></div></div>
|
|
<div class="col-sm-4"><div class="metric-inline"><span>Obszary</span><strong><?= $totalSections ?></strong></div></div>
|
|
<div class="col-sm-4"><div class="metric-inline"><span>Czas</span><strong><?= htmlspecialchars($definition['quiz']['estimated_time']) ?></strong></div></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<aside class="surface-card p-4 p-lg-5 h-100">
|
|
<div class="eyebrow mb-3">Co otrzymasz</div>
|
|
<div class="small fw-semibold text-success mb-2">Bezpłatna diagnoza online</div>
|
|
<h2 class="h4 mb-3">Rzetelne podsumowanie dojrzałości procesowej</h2>
|
|
<p class="text-secondary mb-4">Diagnoza została zaprojektowana jako profesjonalne narzędzie konsultacyjne — nie jako lekki quiz. Użytkownik otrzymuje natychmiastowy wynik na ekranie oraz rozszerzony raport na e-mail.</p>
|
|
<ul class="feature-list mb-4">
|
|
<li>Jedno pytanie na ekranie</li>
|
|
<li>Ocena w 7 sekcjach biznesowych</li>
|
|
<li>Wynik procentowy, segment dojrzałości i rekomendacje</li>
|
|
<li>Panel administratora do przeglądu prób i eksportu danych</li>
|
|
</ul>
|
|
<a class="btn btn-dark w-100" href="/diagnostic.php">Uruchom narzędzie</a>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 border-top" id="zakres">
|
|
<div class="container">
|
|
<div class="section-intro mb-4">
|
|
<div class="eyebrow">Zakres oceny</div>
|
|
<h2 class="section-title">Siedem obszarów, które najczęściej decydują o jakości działania firmy</h2>
|
|
</div>
|
|
<div class="row g-3">
|
|
<?php foreach ($definition['sections'] as $section): ?>
|
|
<div class="col-md-6 col-xl-4">
|
|
<article class="compact-card h-100">
|
|
<strong><?= htmlspecialchars($section['name']) ?></strong>
|
|
<span><?= count($section['questions']) ?> pytań pomagających ocenić poziom uporządkowania, powtarzalności i kontroli.</span>
|
|
</article>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5" id="jak-to-dziala">
|
|
<div class="container">
|
|
<div class="row g-4 align-items-start">
|
|
<div class="col-lg-7">
|
|
<div class="section-intro mb-4">
|
|
<div class="eyebrow">Jak to działa</div>
|
|
<h2 class="section-title">Prosty przebieg dla respondenta, uporządkowane dane dla administratora</h2>
|
|
</div>
|
|
<div class="row g-3">
|
|
<div class="col-sm-6"><div class="compact-card"><strong>1. E-mail przed startem</strong><span>Adres jest wymagany do wysłania raportu i zapisania próby w bazie.</span></div></div>
|
|
<div class="col-sm-6"><div class="compact-card"><strong>2. Wieloetapowa diagnoza</strong><span>Użytkownik przechodzi przez pytania krok po kroku z paskiem postępu.</span></div></div>
|
|
<div class="col-sm-6"><div class="compact-card"><strong>3. Wynik natychmiast</strong><span>Na ekranie od razu pojawia się segment dojrzałości i ocena sekcji.</span></div></div>
|
|
<div class="col-sm-6"><div class="compact-card"><strong>4. Raport e-mail</strong><span>Szczegółowe podsumowanie trafia na podany adres e-mail.</span></div></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<div class="surface-card p-4 p-lg-5">
|
|
<div class="eyebrow mb-3">Zastosowanie</div>
|
|
<h2 class="h4 mb-3">Dla kogo powstało to rozwiązanie</h2>
|
|
<p class="text-secondary mb-4">Narzędzie jest dopasowane do potrzeb małych i średnich firm, które chcą uporządkować operacje, ograniczyć chaos organizacyjny i przygotować się do dalszego skalowania.</p>
|
|
<ul class="feature-list mb-0">
|
|
<li>Właściciele firm</li>
|
|
<li>Zarządy i managing directorzy</li>
|
|
<li>Szefowie operacji i menedżerowie działów</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 border-top" id="wnioski">
|
|
<div class="container">
|
|
<div class="section-intro mb-4">
|
|
<div class="eyebrow">Praktyczne wnioski</div>
|
|
<h2 class="section-title">Jak interpretować wynik diagnozy</h2>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<article class="surface-card p-4 h-100">
|
|
<p class="small text-secondary mb-2">Widoczność operacyjna</p>
|
|
<h3 class="h5">Czy firma działa na podstawie danych, czy głównie intuicji i doraźnych działań?</h3>
|
|
<p class="text-secondary mb-0">Wynik pokaże, czy menedżerowie i właściciel mają realny wgląd w status zadań, opóźnienia, jakość i ryzyka.</p>
|
|
</article>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<article class="surface-card p-4 h-100">
|
|
<p class="small text-secondary mb-2">Powtarzalność</p>
|
|
<h3 class="h5">Na ile codzienna praca jest oparta na standardach, a nie na pamięci pojedynczych osób?</h3>
|
|
<p class="text-secondary mb-0">To kluczowy wskaźnik zdolności organizacji do utrzymania jakości i skalowania bez chaosu.</p>
|
|
</article>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<article class="surface-card p-4 h-100">
|
|
<p class="small text-secondary mb-2">Rola właściciela</p>
|
|
<h3 class="h5">Czy firma potrafi działać sprawnie bez ciągłej interwencji właściciela?</h3>
|
|
<p class="text-secondary mb-0">Im wyższy poziom dojrzałości, tym większa możliwość przesunięcia uwagi właściciela z bieżących problemów na rozwój.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="border-top py-4 bg-white">
|
|
<div class="container d-flex flex-column flex-md-row justify-content-between gap-2">
|
|
<span class="text-secondary small">Diagnoza dojrzałości procesowej dla właścicieli firm i liderów operacyjnych.</span>
|
|
<div class="d-flex gap-3 small">
|
|
<a class="text-decoration-none text-secondary" href="/diagnostic.php">Diagnoza</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
|
|
<script src="/assets/js/main.js?v=<?= urlencode((string)@filemtime(__DIR__ . '/assets/js/main.js')) ?>" defer></script>
|
|
</body>
|
|
</html>
|