export default function ProductSpec() {
    return (
        <div className="pd-box-group bg-white mb-6 px-4 py-6 rounded-[24px]">
            <p className="group-title border-b border-[#D0D8E3] leading-[31px] font-600 text-24 mb-4 pb-4">
                {" "}
                Thông số kỹ thuật{" "}
            </p>
            <div className="pd-spec-group">
                <table>
                    <tbody>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>STT</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>MÃ HÀNG</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>TÊN HÀNG</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>THỜI HẠN BẢO HÀNH</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>1</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>CPU</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/cpu-intel-core-ultra-7-265k">
                                        INTEL CORE ULTRA 7 265K UP 5.5GHz | 20 CORE | 20 THREAD
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>2</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>MAIN</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/mainboard-colorful-battle-ax-z890m-plus-v20">
                                        COLORFUL BATTLE-AX Z890M-PLUS V20 DDR5
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>3</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>TẢN NHIỆT</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/tan-nhiet-cpu-id-cooling-frozn-a620-pro-se-argb">
                                        ID-COOLING FROZN A620 PRO SE ARGB
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>12 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>4</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>RAM</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/ram-ddr5-teamgroup-t-create-expert-32gb-6000mhz">
                                        DDR5 TEAMGROUP T-CREATE EXPERT 32GB 6000MHz (2x16GB)
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>5</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>SSD</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/o-cung-ssd-teamgroup-g50-1tb">
                                        TEAMGROUP G50 1TB PCIE Gen4x4 - RW 5000MB/s
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>60 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>6</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <span style={{ color: "#000" }}>
                                    <strong>VGA</strong>
                                </span>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/vga-colorful-rtx-3060-nb-duo-12g-v4-l-v">
                                        COLORFUL RTX 3060 NB DUO 12G V4 L-V GDDR6
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>7</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>PSU</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/nguon-deepcool-pl750d-750w">
                                        DEEPCOOL PL750D 750W 80 PLUS BRONZE | ATX 3.1 | PCIE 5.1
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>60 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>8</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>CASE</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/vo-case-xigmatek-gaming-x-ii-3f-3fan-rgb">
                                        XIGMATEK GAMING X II 3F - 3FAN RGB
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }} />
                        </tr>
                    </tbody>
                </table>
            </div>
            <a
                href="#fancybox-spec"
                data-fancybox=""
                className="table m-auto mt-4 text-white leading-10 uppercase rounded-[40px] bg-btn font-500 text-16 px-6"
            >
                {" "}
                Xem tất cả thông số{" "}
            </a>
            <div
                className="pd-spec-group p-3"
                id="fancybox-spec"
                style={{ display: "none" }}
            >
                <table>
                    <tbody>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>STT</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>MÃ HÀNG</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>TÊN HÀNG</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>THỜI HẠN BẢO HÀNH</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>1</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>CPU</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/cpu-intel-core-ultra-7-265k">
                                        INTEL CORE ULTRA 7 265K UP 5.5GHz | 20 CORE | 20 THREAD
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>2</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>MAIN</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/mainboard-colorful-battle-ax-z890m-plus-v20">
                                        COLORFUL BATTLE-AX Z890M-PLUS V20 DDR5
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>3</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>TẢN NHIỆT</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/tan-nhiet-cpu-id-cooling-frozn-a620-pro-se-argb">
                                        ID-COOLING FROZN A620 PRO SE ARGB
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>12 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>4</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>RAM</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/ram-ddr5-teamgroup-t-create-expert-32gb-6000mhz">
                                        DDR5 TEAMGROUP T-CREATE EXPERT 32GB 6000MHz (2x16GB)
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>5</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>SSD</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/o-cung-ssd-teamgroup-g50-1tb">
                                        TEAMGROUP G50 1TB PCIE Gen4x4 - RW 5000MB/s
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>60 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>6</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <span style={{ color: "#000" }}>
                                    <strong>VGA</strong>
                                </span>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/vga-colorful-rtx-3060-nb-duo-12g-v4-l-v">
                                        COLORFUL RTX 3060 NB DUO 12G V4 L-V GDDR6
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>36 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>7</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>PSU</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/nguon-deepcool-pl750d-750w">
                                        DEEPCOOL PL750D 750W 80 PLUS BRONZE | ATX 3.1 | PCIE 5.1
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>60 THÁNG</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style={{ textAlign: "center" }}>
                                <strong>8</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>CASE</strong>
                            </td>
                            <td style={{ textAlign: "center" }}>
                                <strong>
                                    <a href="https://hoanghapc.vn/vo-case-xigmatek-gaming-x-ii-3f-3fan-rgb">
                                        XIGMATEK GAMING X II 3F - 3FAN RGB
                                    </a>
                                </strong>
                            </td>
                            <td style={{ textAlign: "center" }} />
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    )
}