<?php
declare(strict_types=1);
session_start();

$page = $_GET['page'] ?? 'home';

$site = [
    'name' => 'DripBag.ru',
    'url' => 'https://dripbag.ru',
    'email' => 'loadwin@gmail.com',
    'telegram' => 'https://t.me/loadwin100sp',
    'phone' => '',
    'title' => 'Японский дрип-кофе в пакетах — drip bag coffee из Японии | DripBag.ru',
    'description' => 'Японский кофе в дрип-пакетах для дома, офиса, дороги и подарков. Молотый кофе в индивидуальном фильтре: заваривается прямо в чашке за 2–3 минуты без кофемашины.',
];

function e(string $value): string {
    return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');
}

$formToken = bin2hex(random_bytes(24));
$_SESSION['form_token'] = $formToken;

$formats = [
    [
        'title' => 'Пробный набор',
        'subtitle' => 'Для первого знакомства',
        'text' => 'Небольшой комплект, чтобы понять формат и выбрать любимую насыщенность.',
        'icon' => '一'
    ],
    [
        'title' => 'Домашний запас',
        'subtitle' => 'Для ежедневной чашки',
        'text' => 'Кофе, который всегда под рукой: утром, после обеда или вечером без лишней посуды.',
        'icon' => '⌂'
    ],
    [
        'title' => 'Офисный формат',
        'subtitle' => 'Для команды и клиентов',
        'text' => 'Чистый способ заменить растворимый кофе и капсулы в переговорной, офисе или шоуруме.',
        'icon' => '↗'
    ],
    [
        'title' => 'Подарочный сет',
        'subtitle' => 'Для вау-эффекта',
        'text' => 'Японский дрип-кофе легко превращается в красивый подарок, welcome-бокс или корпоративный набор.',
        'icon' => '✦'
    ],
];

$steps = [
    ['01', 'Откройте пакет', 'Оторвите верхнюю часть по линии. Внутри уже отмеренная порция молотого кофе.'],
    ['02', 'Раскройте держатели', 'Разверните бумажные ушки и закрепите фильтр на чашке.'],
    ['03', 'Смочите кофе', 'Налейте немного воды и подождите 20–30 секунд, чтобы аромат раскрылся.'],
    ['04', 'Медленно пролейте', 'Добавьте 120–150 мл воды небольшими порциями. Через 2–3 минуты кофе готов.'],
];

$faq = [
    [
        'q' => 'Что такое дрип-пакет?',
        'a' => 'Это индивидуальный фильтр-пакет с молотым кофе, который раскрывается, крепится на чашку и заваривается горячей водой.'
    ],
    [
        'q' => 'Это растворимый кофе?',
        'a' => 'Нет. Внутри находится молотый кофе. Он заваривается через фильтр прямо в чашку.'
    ],
    [
        'q' => 'Нужна ли кофемашина?',
        'a' => 'Нет. Нужны только чашка, дрип-пакет и горячая вода.'
    ],
    [
        'q' => 'Сколько воды нужно?',
        'a' => 'Обычно 120–150 мл на один пакет. Для более насыщенного вкуса используйте меньше воды.'
    ],
    [
        'q' => 'Подходит ли для поездок?',
        'a' => 'Да. Это один из лучших форматов для дороги, офиса, гостиницы, дачи и командировок.'
    ],
    [
        'q' => 'Можно сделать подарочный набор?',
        'a' => 'Да. Дрип-пакеты отлично подходят для подарочных боксов, клиентских наборов и корпоративных комплектов.'
    ],
];

$jsonLd = [
    '@context' => 'https://schema.org',
    '@graph' => [
        [
            '@type' => 'Organization',
            '@id' => $site['url'] . '/#organization',
            'name' => $site['name'],
            'url' => $site['url'],
            'email' => $site['email'],
            'sameAs' => [$site['telegram']],
        ],
        [
            '@type' => 'WebSite',
            '@id' => $site['url'] . '/#website',
            'url' => $site['url'],
            'name' => $site['name'],
            'description' => $site['description'],
            'publisher' => ['@id' => $site['url'] . '/#organization'],
            'inLanguage' => 'ru-RU',
        ],
        [
            '@type' => 'Product',
            'name' => 'Японский дрип-кофе в индивидуальных пакетах',
            'description' => 'Молотый кофе в фильтр-пакетах для заваривания прямо в чашке без кофемашины.',
            'brand' => ['@type' => 'Brand', 'name' => 'DripBag.ru'],
            'category' => 'Coffee',
            'countryOfOrigin' => 'JP',
            'offers' => [
                '@type' => 'AggregateOffer',
                'priceCurrency' => 'RUB',
                'availability' => 'https://schema.org/InStock',
                'url' => $site['url'],
            ],
        ],
        [
            '@type' => 'FAQPage',
            'mainEntity' => array_map(static fn($item) => [
                '@type' => 'Question',
                'name' => $item['q'],
                'acceptedAnswer' => ['@type' => 'Answer', 'text' => $item['a']]
            ], $faq)
        ],
        [
            '@type' => 'BreadcrumbList',
            'itemListElement' => [
                [
                    '@type' => 'ListItem',
                    'position' => 1,
                    'name' => 'Главная',
                    'item' => $site['url']
                ]
            ]
        ]
    ]
];

$isLegal = in_array($page, ['privacy', 'cookies'], true);
$title = $site['title'];

if ($page === 'privacy') {
    $title = 'Политика конфиденциальности | ' . $site['name'];
} elseif ($page === 'cookies') {
    $title = 'Политика cookie | ' . $site['name'];
}
?>
<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title><?= e($title) ?></title>
    <meta name="description" content="<?= e($site['description']) ?>">
    <meta name="keywords" content="японский дрип кофе, дрип пакеты кофе, drip bag coffee, кофе в дрип пакетах, японский кофе купить, кофе без кофемашины, кофе для офиса, кофе для поездок, фильтр кофе в пакетиках">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#fff4dc">
    <meta name="robots" content="<?= $isLegal ? 'noindex, follow' : 'index, follow' ?>">
    <link rel="canonical" href="<?= e($isLegal ? $site['url'] . '/?page=' . $page : $site['url']) ?>">
    <link rel="stylesheet" href="/assets/css/style.css">

    <meta property="og:type" content="website">
    <meta property="og:title" content="<?= e($title) ?>">
    <meta property="og:description" content="<?= e($site['description']) ?>">
    <meta property="og:url" content="<?= e($site['url']) ?>">
    <meta property="og:site_name" content="<?= e($site['name']) ?>">

    <?php if (!$isLegal): ?>
    <script type="application/ld+json">
<?= json_encode($jsonLd, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) ?>

    </script>
    <?php endif; ?>
</head>
<body class="<?= $isLegal ? 'is-legal' : 'is-home' ?>">

<div class="page-glow" aria-hidden="true"></div>
<div class="grain" aria-hidden="true"></div>

<header class="site-header" data-header>
    <a class="logo" href="/" aria-label="DripBag.ru — на главную">
        <span class="logo-mark coffee-drop" aria-hidden="true"></span>
        <span class="logo-text">
            <strong>DripBag</strong>
            <small>coffee from Japan</small>
        </span>
    </a>

    <button class="menu-button" type="button" aria-label="Открыть меню" data-menu-button>
        <span></span><span></span><span></span>
    </button>

    <nav class="nav" data-nav>
        <a href="/#about">Формат</a>
        <a href="/#story">История</a>
        <a href="/#how">Как заварить</a>
        <a href="/#formats">Наборы</a>
        <a href="/#contact" class="nav-cta">Заявка</a>
    </nav>
</header>

<?php if ($page === 'privacy'): ?>

<main class="legal-page">
    <a class="back-link" href="/">← Вернуться на главную</a>
    <h1>Политика конфиденциальности</h1>
    <p>Настоящая политика описывает порядок обработки персональных данных пользователей сайта DripBag.ru.</p>

    <h2>Какие данные могут обрабатываться</h2>
    <p>Имя, телефон, email, текст сообщения и технические данные, необходимые для корректной работы сайта.</p>

    <h2>Цель обработки</h2>
    <p>Ответ на запрос пользователя, консультация по товарам, оформление заявки, улучшение качества сервиса.</p>

    <h2>Передача данных</h2>
    <p>Данные не передаются третьим лицам, за исключением случаев, предусмотренных законодательством РФ.</p>

    <h2>Контакты</h2>
    <p>По вопросам обработки персональных данных можно написать на email: <?= e($site['email']) ?>.</p>
</main>

<?php elseif ($page === 'cookies'): ?>

<main class="legal-page">
    <a class="back-link" href="/">← Вернуться на главную</a>
    <h1>Политика использования cookie</h1>
    <p>Сайт может использовать cookie для корректной работы интерфейса, аналитики и улучшения качества сервиса.</p>

    <h2>Что такое cookie</h2>
    <p>Cookie — небольшие файлы, которые сохраняются в браузере пользователя и помогают сайту запоминать технические настройки.</p>

    <h2>Как управлять cookie</h2>
    <p>Пользователь может ограничить или удалить cookie в настройках своего браузера.</p>

    <h2>Контакты</h2>
    <p>По вопросам работы сайта можно написать на email: <?= e($site['email']) ?>.</p>
</main>

<?php else: ?>

<main>
    <section class="hero section" id="top">
        <div class="hero-bg-word" aria-hidden="true">DRIP</div>

        <div class="hero-content reveal">
            <div class="eyebrow">
                <span></span>
                Japanese drip bag coffee
            </div>

            <h1>Японский дрип-кофе, который заваривается прямо в чашке</h1>

            <p class="hero-lead">
                Один пакет. Одна чашка. Две минуты. Молотый кофе в индивидуальном фильтре:
                без кофемашины, капсул, турки и лишней посуды.
            </p>

            <div class="hero-actions">
                <a class="button primary" href="#contact">Получить предложение</a>
                <a class="button secondary" href="#how">Посмотреть ритуал</a>
            </div>

            <div class="hero-facts" aria-label="Преимущества">
                <div>
                    <b>2–3 мин</b>
                    <span>готовая чашка</span>
                </div>
                <div>
                    <b>0 машин</b>
                    <span>только вода</span>
                </div>
                <div>
                    <b>JP</b>
                    <span>японский формат</span>
                </div>
            </div>
        </div>

        <div class="hero-visual reveal" aria-label="Иллюстрация дрип-кофе">
            <div class="sun"></div>
            <div class="floating-label label-one">香り / aroma</div>
            <div class="floating-label label-two">2 min ritual</div>

            <div class="drip-scene">
                <div class="steam steam-one"></div>
                <div class="steam steam-two"></div>
                <div class="steam steam-three"></div>

                <div class="packet">
                    <div class="packet-top"></div>
                    <div class="packet-face">
                        <span class="packet-drop" aria-hidden="true"></span>
                        <strong>DRIP BAG</strong>
                        <small>coffee from Japan</small>
                    </div>
                    <div class="packet-shadow"></div>
                </div>

                <div class="pour-line"></div>

                <div class="cup">
                    <div class="cup-rim"></div>
                    <div class="coffee-surface"></div>
                    <div class="cup-body"></div>
                    <div class="cup-handle"></div>
                    <div class="cup-plate"></div>
                </div>
            </div>
        </div>
    </section>

    <section class="marquee" aria-label="Ключевые преимущества">
        <div class="marquee-track">
            <span>молотый кофе</span>
            <span>без кофемашины</span>
            <span>для офиса</span>
            <span>для дороги</span>
            <span>для подарков</span>
            <span>японский формат</span>
            <span>готово за 2–3 минуты</span>
            <span>молотый кофе</span>
            <span>без кофемашины</span>
            <span>для офиса</span>
            <span>для дороги</span>
            <span>для подарков</span>
            <span>японский формат</span>
            <span>готово за 2–3 минуты</span>
        </div>
    </section>

    <section class="section intro" id="about">
        <div class="section-kicker reveal">Что это</div>
        <div class="split">
            <div class="reveal">
                <h2>Не растворимый кофе. Не капсула. Это фильтр-кофе в японском формате.</h2>
            </div>
            <div class="reveal">
                <p>
                    Дрип-пакет — это порция молотого кофе в индивидуальном фильтре с бумажными держателями.
                    Он раскрывается, фиксируется на чашке и заваривается горячей водой.
                </p>
                <p>
                    В Японии любят решения, где нет ничего лишнего: чисто, удобно, точно и красиво.
                    Drip bag coffee именно такой — он превращает обычную чашку кофе в маленький ритуал.
                </p>
            </div>
        </div>

        <div class="benefit-grid">
            <article class="benefit-card reveal">
                <span>01</span>
                <h3>Вкус ближе к фильтр-кофе</h3>
                <p>Внутри молотый кофе, а не растворимые гранулы. Вода проходит через фильтр и раскрывает аромат.</p>
            </article>
            <article class="benefit-card reveal">
                <span>02</span>
                <h3>Не нужна техника</h3>
                <p>Пакет заменяет воронку, бумажный фильтр и отмеренную порцию кофе.</p>
            </article>
            <article class="benefit-card reveal">
                <span>03</span>
                <h3>Удобно брать с собой</h3>
                <p>Офис, гостиница, дорога, дача, поездка — достаточно чашки и горячей воды.</p>
            </article>
        </div>
    </section>

    <section class="section story" id="story">
        <div class="story-card reveal">
            <div class="story-map" aria-hidden="true">
                <div class="japan-dot dot-one"></div>
                <div class="japan-dot dot-two"></div>
                <div class="japan-dot dot-three"></div>
                <div class="route-line"></div>
            </div>

            <div>
                <div class="section-kicker">История</div>
                <h2>Формат, который родился из японской идеи: вкусно должно быть удобно</h2>
                <p>
                    Дрип-пакеты стали популярны благодаря японской культуре точности и внимания к деталям.
                    Идея простая: дать человеку вкус фильтр-кофе без кофейного оборудования.
                </p>
                <p>
                    Сначала это было инженерное решение — фильтр, который держится прямо на чашке.
                    Потом формат превратился в повседневный ритуал: быстрый, чистый, красивый и понятный.
                </p>

                <div class="timeline">
                    <div>
                        <b>Идея</b>
                        <span>порция кофе уже внутри фильтра</span>
                    </div>
                    <div>
                        <b>Форма</b>
                        <span>ушки держат пакет на чашке</span>
                    </div>
                    <div>
                        <b>Ритуал</b>
                        <span>медленный пролив за 2–3 минуты</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section ritual" id="how">
        <div class="center reveal">
            <div class="section-kicker">Как заварить</div>
            <h2>Четыре движения — и у вас чашка японского кофе</h2>
            <p>
                Для лучшего вкуса используйте воду 88–92°C и проливайте медленно.
                Если хотите крепче — меньше воды. Если мягче — чуть больше.
            </p>
        </div>

        <div class="steps">
            <?php foreach ($steps as $step): ?>
                <article class="step reveal">
                    <span><?= e($step[0]) ?></span>
                    <h3><?= e($step[1]) ?></h3>
                    <p><?= e($step[2]) ?></p>
                </article>
            <?php endforeach; ?>
        </div>
    </section>

    <section class="section compare">
        <div class="compare-shell reveal">
            <div>
                <div class="section-kicker">Сравнение</div>
                <h2>Капсулы привязаны к машине. Дрип-пакет работает везде.</h2>
            </div>

            <div class="compare-grid">
                <div class="compare-card muted">
                    <h3>Капсулы</h3>
                    <ul>
                        <li>нужна кофемашина</li>
                        <li>привязка к системе</li>
                        <li>занимают место</li>
                        <li>неудобно брать в дорогу</li>
                    </ul>
                </div>
                <div class="compare-card accent">
                    <h3>Дрип-пакет</h3>
                    <ul>
                        <li>нужна только чашка</li>
                        <li>заваривается горячей водой</li>
                        <li>легко хранить</li>
                        <li>удобно брать куда угодно</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="section formats" id="formats">
        <div class="split">
            <div class="reveal">
                <div class="section-kicker">Наборы</div>
                <h2>Не выдуманные вкусы, а понятные форматы под реальные задачи</h2>
            </div>
            <div class="reveal">
                <p>
                    На лендинге не нужны фальшивые названия вроде «утро Киото».
                    Лучше продавать честно: японский дрип-кофе для дома, офиса, поездки и подарков.
                </p>
            </div>
        </div>

        <div class="format-grid">
            <?php foreach ($formats as $item): ?>
                <article class="format-card reveal">
                    <div class="format-icon"><?= e($item['icon']) ?></div>
                    <span><?= e($item['subtitle']) ?></span>
                    <h3><?= e($item['title']) ?></h3>
                    <p><?= e($item['text']) ?></p>
                </article>
            <?php endforeach; ?>
        </div>
    </section>

    <section class="section product-vision">
        <div class="product-panel reveal">
            <div class="product-copy">
                <div class="section-kicker">Карточка товара</div>
                <h2>Как должна выглядеть реальная позиция</h2>
                <p>
                    Покупателю важны не красивые легенды, а понятные характеристики:
                    сколько пакетов, сколько граммов, страна, обжарка, вкус и способ заваривания.
                </p>
            </div>

            <div class="product-card">
                <span class="product-badge">Japan format</span>
                <h3>Японский дрип-кофе</h3>
                <p>Молотый кофе в индивидуальных фильтр-пакетах для заваривания прямо в чашке.</p>
                <dl>
                    <div><dt>Порция</dt><dd>1 пакет на чашку</dd></div>
                    <div><dt>Вода</dt><dd>120–150 мл</dd></div>
                    <div><dt>Время</dt><dd>2–3 минуты</dd></div>
                    <div><dt>Формат</dt><dd>дом / офис / дорога / подарок</dd></div>
                </dl>
            </div>
        </div>
    </section>

    <section class="section uses">
        <div class="center reveal">
            <div class="section-kicker">Где нужен</div>
            <h2>Один формат — много сценариев</h2>
        </div>

        <div class="use-cloud reveal">
            <span>утро дома</span>
            <span>офис</span>
            <span>переговорная</span>
            <span>командировка</span>
            <span>гостиница</span>
            <span>дача</span>
            <span>подарочный бокс</span>
            <span>клиентский набор</span>
            <span>маркетплейсы</span>
            <span>кофейный уголок</span>
        </div>

        <div class="scenario-strip reveal" aria-label="Сценарии использования">
            <article>
                <b>Утро</b>
                <span>быстрый ритуал до работы</span>
            </article>
            <article>
                <b>Офис</b>
                <span>честная замена растворимому</span>
            </article>
            <article>
                <b>Дорога</b>
                <span>кофе в гостинице или поездке</span>
            </article>
            <article>
                <b>Подарок</b>
                <span>японский формат с понятной пользой</span>
            </article>
        </div>
    </section>

    <section class="section faq">
        <div class="faq-shell reveal">
            <div class="faq-head">
                <div>
                    <div class="section-kicker">Вопросы</div>
                    <h2>Коротко о главном — без пустого пространства</h2>
                </div>
                <p>
                    Самые частые вопросы собраны в плотную сетку, а рядом работает живая мини-анимация:
                    пакет раскрывается, вода проходит через кофе, чашка наполняется.
                </p>
            </div>

            <div class="faq-layout">
                <div class="faq-visual" aria-hidden="true">
                    <div class="mini-packet">
                        <span class="mini-drop" aria-hidden="true"></span>
                        <b>DRIP</b>
                    </div>
                    <div class="mini-water"></div>
                    <div class="mini-cup">
                        <div class="mini-coffee"></div>
                    </div>
                    <div class="orbit orbit-one"></div>
                    <div class="orbit orbit-two"></div>
                    <div class="bean bean-one"></div>
                    <div class="bean bean-two"></div>
                    <div class="bean bean-three"></div>
                </div>

                <div class="faq-list">
                    <?php foreach ($faq as $item): ?>
                        <details>
                            <summary><?= e($item['q']) ?></summary>
                            <p><?= e($item['a']) ?></p>
                        </details>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </section>

    <section class="section contact" id="contact">
        <div class="contact-shell contact-shell-v2">
            <div class="contact-copy reveal">
                <div class="section-kicker">Куда дальше</div>
                <h2>Выберите свой путь: розница, опт или поставки</h2>
                <p>
                    Без лишних форм и ожидания. Частным покупателям — розничный магазин JapanGate.
                    Оптовым клиентам, офисам, магазинам, маркетплейсам и поставщикам — направление Loadwin.
                </p>

                <div class="supply-note">
                    <span class="note-drop" aria-hidden="true"></span>
                    <div>
                        <b>Для поставщиков и партнеров</b>
                        <p>
                            Можно предложить японский кофе, дрип-пакеты, упаковку, подарочные наборы,
                            регулярные поставки или совместный проект под розницу и маркетплейсы.
                        </p>
                    </div>
                </div>
            </div>

            <div class="buyer-routes reveal">
                <a class="route-card wholesale" href="https://loadwin.ru" target="_blank" rel="noopener">
                    <span class="route-label">Опт / B2B / поставщики</span>
                    <h3>Loadwin.ru</h3>
                    <p>
                        Для магазинов, офисов, закупщиков, корпоративных подарков,
                        маркетплейсов и поставщиков.
                    </p>
                    <b>Перейти на Loadwin →</b>
                </a>

                <a class="route-card retail" href="https://japangate.ru" target="_blank" rel="noopener">
                    <span class="route-label">Розница / покупателям</span>
                    <h3>JapanGate.ru</h3>
                    <p>
                        Для тех, кто хочет купить японские товары и кофе для себя,
                        дома, семьи или подарка.
                    </p>
                    <b>Перейти в JapanGate →</b>
                </a>
            </div>
        </div>
    </section>
</main>

<?php endif; ?>

<footer class="site-footer">
    <div>
        <strong>DripBag.ru</strong>
        <span>Японский дрип-кофе: розница, опт, офисы, подарочные наборы и поставки.</span>
    </div>
    <nav>
        <a href="/?page=privacy">Политика конфиденциальности</a>
        <a href="/?page=cookies">Cookie</a>
        <a href="#top">Наверх</a>
    </nav>
</footer>

<script src="/assets/js/app.js" defer></script>
</body>
</html>