<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RBJP | Coming Soon</title>
    <style>
        /* Cài đặt chung */
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
            background-color: #f4f6f8; /* Màu nền xám nhạt thanh lịch */
            color: #333;
            display: flex;
            flex-direction: column;
        }

        /* Phần thân giữa trang */
        .main-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 20px;
        }

        /* Logo công ty */
        .logo-text {
            font-size: 2.5rem;
            font-weight: bold;
            letter-spacing: 3px;
            color: #1a365d; /* Màu xanh đậm doanh nghiệp */
            margin-bottom: 20px;
        }
        
        .logo-img {
            max-width: 180px;
            margin-bottom: 20px;
        }

        /* Chữ Coming Soon */
        h1 {
            font-size: 4rem;
            margin: 0 0 15px 0;
            text-transform: uppercase;
            letter-spacing: 6px;
            color: #2d3748;
        }

        /* Dòng thông báo phụ */
        p.subtitle {
            font-size: 1.2rem;
            color: #718096;
            margin: 0;
            line-height: 1.6;
        }

        /* Phần chân trang (Thông tin liên hệ) */
        .footer {
            padding: 30px 20px;
            background-color: #1a202c; /* Màu nền tối cho chân trang */
            color: #e2e8f0;
            text-align: center;
            font-size: 0.95rem;
        }

        .footer p {
            margin: 8px 0;
        }

        .footer a {
            color: #63b3ed;
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer a:hover {
            color: #bee3f8;
            text-decoration: underline;
        }

        /* Tương thích giao diện điện thoại */
        @media (max-width: 768px) {
            h1 { font-size: 2.5rem; letter-spacing: 3px; }
            p.subtitle { font-size: 1rem; }
            .logo-text { font-size: 2rem; }
        }
    </style>
</head>
<body>

    <div class="main-content">
        <!-- NẾU CÓ LOGO HÌNH ẢNH: Xóa dấu chú thích ở dòng dưới và thay link ảnh vào -->
        <!-- <img src="link_anh_logo_cua_ban.png" alt="RBJP Logo" class="logo-img"> -->
        
        <!-- NẾU CHƯA CÓ LOGO ẢNH: Dùng logo chữ tạm thời này -->
        <div class="logo-text">Redbook Japan</div>
        
        <h1>Coming Soon</h1>
        <p class="subtitle">現在、ウェブサイトは準備中です。<br>Our new website is currently under construction.</p>
    </div>

    <div class="footer">
        <p><strong>Redbook Japan</strong></p>
        <p>Email: <a href="mailto:info@rbjp.ca">info@redbook.co.jp</a> | Tel: <a href="tel:+818095331957">+81-80-9533-1957</a></p>
        <p>&copy; 2026 Redbook Japan. All rights reserved.</p>
    </div>

</body>
</html>