<section id="nbx-about-page" style="font-family:Arial,sans-serif;color:#334155;overflow:hidden;">

    <!-- HERO -->
    <div style="
        background:linear-gradient(135deg,#0f172a,#1e293b);
        padding:120px 20px;
        color:#fff;
    ">
        <div style="
            max-width:1200px;
            margin:0 auto;
        ">

            <span style="
                display:inline-block;
                padding:10px 18px;
                border-radius:50px;
                background:rgba(255,255,255,.1);
                font-size:14px;
                margin-bottom:20px;
            ">
                Nobili - Nobinox Việt Nam
            </span>

            <h1 style="
                font-size:56px;
                line-height:1.2;
                margin:0 0 25px;
                max-width:900px;
                color:#fff;
            ">
                Giải pháp thiết bị bếp và nước cao cấp cho không gian sống hiện đại
            </h1>

            <p style="
                max-width:800px;
                font-size:18px;
                line-height:1.8;
                color:#dbe3ec;
                margin-bottom:35px;
            ">
                Nobili - Nobinox Việt Nam mang đến các giải pháp chậu rửa,
                vòi nước và phụ kiện cao cấp, kết hợp giữa công nghệ,
                chất lượng và thiết kế châu Âu.
            </p>

            <a href="/san-pham"
               style="
               display:inline-block;
               background:#c59b5f;
               color:#fff;
               text-decoration:none;
               padding:14px 30px;
               border-radius:8px;
               margin-right:10px;
               font-weight:600;
            ">
                Khám phá sản phẩm
            </a>

            <a href="/lien-he"
               style="
               display:inline-block;
               border:1px solid rgba(255,255,255,.4);
               color:#fff;
               text-decoration:none;
               padding:14px 30px;
               border-radius:8px;
               font-weight:600;
            ">
                Liên hệ tư vấn
            </a>

        </div>
    </div>

    <!-- GIỚI THIỆU -->
    <div style="
        padding:90px 20px;
        background:#fff;
    ">
        <div style="
            max-width:1200px;
            margin:0 auto;
        ">

            <div style="
                text-align:center;
                margin-bottom:60px;
            ">
                <div style="
                    color:#c59b5f;
                    text-transform:uppercase;
                    font-weight:600;
                    letter-spacing:1px;
                    margin-bottom:10px;
                ">
                    Về chúng tôi
                </div>

                <h2 style="
                    margin:0;
                    font-size:42px;
                    color:#0f172a;
                ">
                    Nâng tầm trải nghiệm nhà bếp và phòng tắm
                </h2>
            </div>

            <div style="
                display:flex;
                gap:40px;
                flex-wrap:wrap;
                align-items:center;
            ">

                <div style="
                    flex:1;
                    min-width:320px;
                ">
                    <p style="
                        line-height:1.9;
                        font-size:17px;
                    ">
                        Nobili - Nobinox Việt Nam là đơn vị phát triển và phân phối
                        các giải pháp thiết bị bếp và thiết bị nước cao cấp dành cho
                        gia đình, căn hộ, biệt thự và các dự án thương mại.
                    </p>

                    <p style="
                        line-height:1.9;
                        font-size:17px;
                    ">
                        Chúng tôi tập trung vào chất lượng vật liệu,
                        công nghệ sản xuất, thiết kế hiện đại và trải nghiệm sử dụng
                        nhằm mang đến những sản phẩm đáp ứng tiêu chuẩn ngày càng cao
                        của người tiêu dùng Việt Nam.
                    </p>
                </div>

                <div style="
                    flex:1;
                    min-width:320px;
                ">

                    <div style="
                        display:grid;
                        grid-template-columns:repeat(2,1fr);
                        gap:20px;
                    ">

                        <div style="
                            border:1px solid #e2e8f0;
                            padding:30px;
                            text-align:center;
                            border-radius:12px;
                        ">
                            <div style="
                                font-size:34px;
                                font-weight:700;
                                color:#0f172a;
                            ">
                                10+
                            </div>

                            <div>
                                Năm kinh nghiệm
                            </div>
                        </div>

                        <div style="
                            border:1px solid #e2e8f0;
                            padding:30px;
                            text-align:center;
                            border-radius:12px;
                        ">
                            <div style="
                                font-size:34px;
                                font-weight:700;
                                color:#0f172a;
                            ">
                                1000+
                            </div>

                            <div>
                                Công trình
                            </div>
                        </div>

                        <div style="
                            border:1px solid #e2e8f0;
                            padding:30px;
                            text-align:center;
                            border-radius:12px;
                        ">
                            <div style="
                                font-size:34px;
                                font-weight:700;
                                color:#0f172a;
                            ">
                                500+
                            </div>

                            <div>
                                Đại lý & đối tác
                            </div>
                        </div>

                        <div style="
                            border:1px solid #e2e8f0;
                            padding:30px;
                            text-align:center;
                            border-radius:12px;
                        ">
                            <div style="
                                font-size:34px;
                                font-weight:700;
                                color:#0f172a;
                            ">
                                Toàn quốc
                            </div>

                            <div>
                                Hệ thống phân phối
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>
    </div>

</section>