39638-vm/index.php

<?php
declare(strict_types=1);
require_once __DIR__ . '/includes/app.php';

$services = kei_services();
$projects = array_slice(kei_projects(), 0, 4);
$newsItems = kei_news();
$stats = kei_stats();

render_head('Home', 'Official corporate website KOBA Entertainment Indonesia with multilingual company profile, services, projects, news, and talent registration workflow.');
render_header('home');
?>
<main>
    <section class="hero section-space d-flex align-items-center">
        <div class="container-fluid kei-container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <span class="eyebrow"<?= copy_attrs(['id' => 'Official Website · Indonesia × Japan', 'jp' => '公式サイト · インドネシア × 日本']) ?>>Official Website · Indonesia × Japan</span>
                    <h1 class="display-title mt-3"<?= copy_attrs(['id' => 'KOBA Entertainment Indonesia', 'jp' => 'KOBA Entertainment Indonesia']) ?>>KOBA Entertainment Indonesia</h1>
                    <p class="lead-copy"<?= copy_attrs(['id' => 'Building Global Entertainment from Indonesia', 'jp' => 'インドネシアから世界水準のエンターテインメントを築く']) ?>>Building Global Entertainment from Indonesia</p>
                    <p class="support-copy"<?= copy_attrs(['id' => 'KOBA Entertainment Indonesia (KEI) adalah perusahaan musik dan entertainment yang menghubungkan Indonesia dan Jepang melalui kreativitas dan kolaborasi global.', 'jp' => 'KOBA Entertainment Indonesia（KEI）は、創造性と国際コラボレーションを通じてインドネシアと日本をつなぐ音楽・エンターテインメント企業です。']) ?>>KOBA Entertainment Indonesia (KEI) adalah perusahaan musik dan entertainment yang menghubungkan Indonesia dan Jepang melalui kreativitas dan kolaborasi global.</p>
                    <div class="d-flex flex-wrap gap-3 mt-4">
                        <a href="register.php" class="btn btn-brand btn-lg"<?= copy_attrs(['id' => 'Daftar Sekarang', 'jp' => '今すぐ応募']) ?>>Daftar Sekarang</a>
                        <a href="projects.php" class="btn btn-outline-dark btn-lg"<?= copy_attrs(['id' => 'Explore', 'jp' => '詳しく見る']) ?>>Explore</a>
                    </div>
                    <div class="hero-stats mt-5">
                        <?php foreach ($stats as $stat): ?>
                            <div class="stat-chip">
                                <strong><?= h($stat['number']) ?></strong>
                                <span<?= copy_attrs($stat['label']) ?>><?= h(copy_text($stat['label'])) ?></span>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="hero-stage">
                        <div class="hero-stage-main">
                            <span class="stage-kicker"<?= copy_attrs(['id' => 'Cinematic Brand Direction', 'jp' => 'シネマティック・ブランド演出']) ?>>Cinematic Brand Direction</span>
                            <h2<?= copy_attrs(['id' => 'Premium production with disciplined execution.', 'jp' => '規律ある実行力で、プレミアムな制作を。']) ?>>Premium production with disciplined execution.</h2>
                            <p<?= copy_attrs(['id' => 'KEI menyatukan produksi musik, management talent, live experience, dan content strategy dalam satu ekosistem modern.', 'jp' => 'KEIは、音楽制作、タレントマネジメント、ライブ体験、コンテンツ戦略をひとつの現代的エコシステムに統合します。']) ?>>KEI menyatukan produksi musik, management talent, live experience, dan content strategy dalam satu ekosistem modern.</p>
                        </div>
                        <div class="hero-stage-grid">
                            <article class="mini-panel">
                                <span>01</span>
                                <strong<?= copy_attrs(['id' => 'Music', 'jp' => '音楽']) ?>>Music</strong>
                                <p<?= copy_attrs(['id' => 'Direction, recording, release.', 'jp' => '演出・収録・リリース。']) ?>>Direction, recording, release.</p>
                            </article>
                            <article class="mini-panel">
                                <span>02</span>
                                <strong<?= copy_attrs(['id' => 'Talent', 'jp' => 'タレント']) ?>>Talent</strong>
                                <p<?= copy_attrs(['id' => 'Curated growth and positioning.', 'jp' => '選抜型の育成とポジショニング。']) ?>>Curated growth and positioning.</p>
                            </article>
                            <article class="mini-panel">
                                <span>03</span>
                                <strong<?= copy_attrs(['id' => 'Live', 'jp' => 'ライブ']) ?>>Live</strong>
                                <p<?= copy_attrs(['id' => 'Show design and audience experience.', 'jp' => 'ショー設計と観客体験。']) ?>>Show design and audience experience.</p>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-space border-top-soft">
        <div class="container-fluid kei-container narrow-copy">
            <span class="eyebrow"<?= copy_attrs(['id' => 'About KEI', 'jp' => 'KEIについて']) ?>>About KEI</span>
            <h2 class="section-title"<?= copy_attrs(['id' => 'A creative bridge between Indonesia and Japan.', 'jp' => 'インドネシアと日本をつなぐクリエイティブブリッジ。']) ?>>A creative bridge between Indonesia and Japan.</h2>
            <p class="section-copy"<?= copy_attrs(['id' => 'KEI adalah perusahaan hiburan berbasis di Indonesia yang menghubungkan industri kreatif Jepang dan Indonesia melalui manajemen talenta, produksi, dan kolaborasi global.', 'jp' => 'KEIは、タレントマネジメント、制作、グローバルコラボレーションを通じて、日本とインドネシアのクリエイティブ産業を結ぶインドネシア拠点のエンターテインメント企業です。']) ?>>KEI adalah perusahaan hiburan berbasis di Indonesia yang menghubungkan industri kreatif Jepang dan Indonesia melalui manajemen talenta, produksi, dan kolaborasi global.</p>
        </div>
    </section>

    <section class="section-space section-alt">
        <div class="container-fluid kei-container">
            <div class="section-heading-row">
                <div>
                    <span class="eyebrow"<?= copy_attrs(['id' => 'Layanan', 'jp' => 'サービス']) ?>>Layanan</span>
                    <h2 class="section-title"<?= copy_attrs(['id' => 'Integrated entertainment solutions with international discipline.', 'jp' => '国際水準の運営で統合型エンターテインメントを提供。']) ?>>Integrated entertainment solutions with international discipline.</h2>
                </div>
                <a href="services.php" class="text-link"<?= copy_attrs(['id' => 'Lihat Semua', 'jp' => 'すべて見る']) ?>>Lihat Semua</a>
            </div>
            <div class="row g-4 mt-2">
                <?php foreach ($services as $service): ?>
                    <div class="col-md-6 col-xl-3">
                        <article class="service-card h-100">
                            <span class="service-code"><?= h($service['code']) ?></span>
                            <h3<?= copy_attrs($service['title']) ?>><?= h(copy_text($service['title'])) ?></h3>
                            <p<?= copy_attrs($service['description']) ?>><?= h(copy_text($service['description'])) ?></p>
                            <small<?= copy_attrs($service['benefit']) ?>><?= h(copy_text($service['benefit'])) ?></small>
                        </article>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="section-space">
        <div class="container-fluid kei-container">
            <div class="section-heading-row">
                <div>
                    <span class="eyebrow"<?= copy_attrs(['id' => 'Proyek', 'jp' => 'プロジェクト']) ?>>Proyek</span>
                    <h2 class="section-title"<?= copy_attrs(['id' => 'Portfolio with strong visual direction and clear cultural story.', 'jp' => '強いビジュアル演出と文化的ストーリーを備えたポートフォリオ。']) ?>>Portfolio with strong visual direction and clear cultural story.</h2>
                </div>
                <a href="projects.php" class="text-link"<?= copy_attrs(['id' => 'Explore Projects', 'jp' => 'プロジェクトを見る']) ?>>Explore Projects</a>
            </div>
            <div class="row g-4 mt-2">
                <?php foreach ($projects as $project): ?>
                    <div class="col-md-6">
                        <article class="project-card h-100">
                            <span class="project-category"<?= copy_attrs($project['category']) ?>><?= h(copy_text($project['category'])) ?></span>
                            <h3<?= copy_attrs($project['title']) ?>><?= h(copy_text($project['title'])) ?></h3>
                            <p<?= copy_attrs($project['summary']) ?>><?= h(copy_text($project['summary'])) ?></p>
                        </article>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="section-space cta-band">
        <div class="container-fluid kei-container narrow-copy text-center">
            <span class="eyebrow"<?= copy_attrs(['id' => 'Talent Conversion', 'jp' => 'タレント募集']) ?>>Talent Conversion</span>
            <h2 class="section-title"<?= copy_attrs(['id' => 'Mulai karier Anda bersama KOBA Entertainment.', 'jp' => 'KOBA Entertainmentとともにキャリアを始めましょう。']) ?>>Mulai karier Anda bersama KOBA Entertainment.</h2>
            <p class="section-copy"<?= copy_attrs(['id' => 'Halaman Daftar sudah siap menerima pendaftaran singer, talent, dan kreator beserta media pendukung untuk tahap review awal.', 'jp' => '応募ページでは、シンガー・タレント・クリエイターの登録と、初期審査用メディアの送信に対応しています。']) ?>>Halaman Daftar sudah siap menerima pendaftaran singer, talent, dan kreator beserta media pendukung untuk tahap review awal.</p>
            <a href="register.php" class="btn btn-brand btn-lg mt-2"<?= copy_attrs(['id' => 'Daftar Sekarang', 'jp' => '今すぐ応募']) ?>>Daftar Sekarang</a>
        </div>
    </section>

    <section class="section-space section-alt">
        <div class="container-fluid kei-container">
            <div class="section-heading-row">
                <div>
                    <span class="eyebrow"<?= copy_attrs(['id' => 'Berita', 'jp' => 'ニュース']) ?>>Berita</span>
                    <h2 class="section-title"<?= copy_attrs(['id' => 'Latest updates from KOBA Entertainment Indonesia.', 'jp' => 'KOBA Entertainment Indonesiaの最新情報。']) ?>>Latest updates from KOBA Entertainment Indonesia.</h2>
                </div>
                <a href="news.php" class="text-link"<?= copy_attrs(['id' => 'Semua Berita', 'jp' => 'ニュース一覧']) ?>>Semua Berita</a>
            </div>
            <div class="row g-4 mt-2">
                <?php foreach ($newsItems as $article): ?>
                    <div class="col-md-4">
                        <article class="news-card h-100">
                            <span class="news-date"><?= h($article['date']) ?></span>
                            <h3<?= copy_attrs($article['title']) ?>><?= h(copy_text($article['title'])) ?></h3>
                            <p<?= copy_attrs($article['excerpt']) ?>><?= h(copy_text($article['excerpt'])) ?></p>
                            <a href="article.php?slug=<?= urlencode($article['slug']) ?>" class="text-link"<?= copy_attrs(['id' => 'Baca Detail', 'jp' => '詳細を見る']) ?>>Baca Detail</a>
                        </article>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="section-space">
        <div class="container-fluid kei-container">
            <div class="contact-strip">
                <div>
                    <span class="eyebrow"<?= copy_attrs(['id' => 'Contact', 'jp' => 'お問い合わせ']) ?>>Contact</span>
                    <h2 class="section-title"<?= copy_attrs(['id' => 'Connect with KEI for project, partnership, and talent discussion.', 'jp' => 'プロジェクト、提携、タレント相談はKEIへ。']) ?>>Connect with KEI for project, partnership, and talent discussion.</h2>
                    <p class="section-copy">hello@kobaentertainment.id</p>
                </div>
                <a href="contact.php" class="btn btn-outline-dark"<?= copy_attrs(['id' => 'Hubungi Kami', 'jp' => 'お問い合わせ']) ?>>Hubungi Kami</a>
            </div>
        </div>
    </section>
</main>
<?php render_footer(); ?>