import React from "react";
import { useTranslation } from "react-i18next";

const TermsView = () => {
  const { t } = useTranslation();

  const sections = [
    { id: "terms", title: "I. Điều khoản dịch vụ" },
    { id: "privacy", title: "II. Chính sách bảo mật" },
    { id: "payment", title: "III. Chính sách thanh toán" },
    { id: "delivery", title: "IV. Chính sách giao hàng" },
    { id: "refund", title: "V. Chính sách đổi trả và hoàn tiền" },
    { id: "contact", title: "VI. Liên hệ" },
  ];

  const scrollToSection = (id: string) => {
    const element = document.getElementById(id);
    if (element) {
      element.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  };

  return (
    <div className="bg-[#fcfdfe] min-h-screen">
      <div className="max-w-7xl mx-auto px-4 py-4 md:py-6 border-b border-slate-50">
        <nav className="flex items-center space-x-2 text-xs md:text-sm text-slate-500 font-medium">
          <button
            onClick={() => {}}
            className="hover:text-[#EE0434] text-[18px]"
          >
            {t("home")}
          </button>
          <svg
            className="w-3 h-3"
            fill="none"
            stroke="currentColor"
            viewBox="0 0 24 24"
          >
            <path
              d="M9 5l7 7-7 7"
              strokeWidth={2.5}
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </svg>
          <span className="text-slate-900 font-bold text-[18px]">
            Điều khoản & Chính sách
          </span>
        </nav>
      </div>

      <div className="max-w-7xl mx-auto px-4 py-12">
        <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12">
          {/* Sidebar Navigation */}
          <div className="lg:col-span-3">
            <div className="sticky top-24 bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden p-6">
              <h3 className="font-black text-slate-900 text-lg mb-4 px-2">
                Nội dung
              </h3>
              <div className="flex flex-col space-y-1">
                {sections.map((section) => (
                  <button
                    key={section.id}
                    onClick={() => scrollToSection(section.id)}
                    className="text-left px-3 py-2 rounded-lg text-sm font-bold text-slate-500 hover:text-[#EE0434] hover:bg-slate-50 transition-colors"
                  >
                    {section.title}
                  </button>
                ))}
              </div>
            </div>
          </div>

          {/* Main Content */}
          <div className="lg:col-span-9 space-y-12">
            {/* Section I */}
            <section
              id="terms"
              className="bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-slate-100"
            >
              <h2 className="text-3xl font-black text-[#EE0434] mb-8 border-b border-slate-100 pb-4">
                I. ĐIỀU KHOẢN DỊCH VỤ
              </h2>
              <div className="prose prose-slate max-w-none text-slate-600 leading-relaxed font-medium">
                <p>
                  Phần Điều khoản dịch vụ này đưa ra các điều khoản điều chỉnh
                  dịch vụ giữa SkySim eSIM và khách hàng. Bằng việc đăng ký mua
                  eSIM du lịch tại SkySim, Quý khách đồng ý rằng các Điều khoản
                  dịch vụ này cấu thành hợp đồng hoàn chỉnh giữa Quý khách hàng
                  và SkySim (sau đây gọi chung là “Chúng tôi”, “Công ty”).
                </p>
                <p className="font-bold text-slate-900 my-4 uppercase">
                  TRƯỚC KHI NHẤP CHỌN NÚT “THANH TOÁN”, VUI LÒNG ĐỌC KỸ CÁC ĐIỀU
                  KHOẢN SỬ DỤNG DỊCH VỤ DƯỚI ĐÂY.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  1. Bản chất dịch vụ
                </h3>
                <p>
                  SkySim cung cấp các gói eSIM du lịch Việt Nam và quốc tế (sau
                  đây gọi tắt là “eSIM”) tới du khách, để thực hiện sứ mệnh giúp
                  Quý khách kết nối internet mọi lúc mọi nơi trên chặng đường du
                  lịch của mình.
                </p>
                <p>
                  eSIM được cung cấp dưới hình thức một mã QR, chứ không phải là
                  một thẻ SIM vật lý. Và eSIM chỉ tương thích với một số thiết
                  bị.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  2. Giá eSIM
                </h3>
                <p>
                  Giá eSIM sẽ khác nhau, phụ thuộc và quốc gia cũng như loại gói
                  bạn lựa chọn.
                </p>
                <p>
                  Mức giá eSIM được công bố rõ ràng trên website của SkySim, kèm
                  theo thông tin mô tả chi tiết eSIM tương ứng.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  3. Thanh toán
                </h3>
                <p>
                  Trong trường hợp có tranh chấp về Hóa đơn, Quý khách vui lòng
                  gửi văn bản thông báo đến SkySim ít nhất 7 ngày trước ngày hạn
                  thanh toán hóa đơn có tranh chấp, trong đó có nêu rõ các hạng
                  mục bị tranh chấp cũng như mô tả chi tiết của từng hạng mục.
                </p>
                <p>
                  Mọi khoản tiền không bị tranh chấp hoặc đã được tòa án đưa ra
                  phán quyết cuối cùng đều phải được chấp nhận và phải được
                  thanh toán cho SkySim trong thời hạn 7 ngày làm việc, cho dù
                  có các hạng mục tranh chấp khác chưa được xử lý. SkySim sẽ cố
                  gắng giải quyết tất cả các tranh chấp đó một cách nhanh chóng
                  và thiện chí.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  4. Hủy và hoàn tiền
                </h3>
                <p>
                  Nếu vì bất kỳ lý do gì mà Quý khách cần hủy đơn đặt hàng của
                  mình, Quý khách có thể hủy trước thời điểm thực hiện thanh
                  toán hoặc trước khi mã QR eSIM được gửi tới email của Quý
                  khách mà không bị phạt.
                </p>
                <p>
                  Sau khi mã QR eSIM đã được gửi tới email của Quý khách, SkySim
                  không chấp nhận hủy đơn đặt hàng dưới mọi hình thức.
                </p>
                <p>
                  SkySim chỉ thực hiện hoàn tiền nếu eSIM có vấn đề mà SkySim
                  không thể hỗ trợ quý khách khắc phục.
                </p>
                <p>
                  Do đó, để đảm bảo các quyền lợi của mình, Quý khách vui lòng
                  liên hệ SkySim nếu gặp sự cố trong quá trình sử dụng eSIM du
                  lịch do SkySim cung cấp.
                </p>
                <p>
                  Khoản tiền hoàn lại sẽ được thực hiện giống như phương thức
                  thanh toán được sử dụng để mua hàng (ví dụ: thẻ thanh toán nội
                  địa, thẻ thanh toán quốc tế, chuyển khoản ngân hàng). Quá
                  trình hoàn tiền có thể mất tối đa 7 ngày làm việc. SkySim sẽ
                  không chịu các khoản phí ngân hàng (nếu có) phát sinh trong
                  quá trình hoàn tiền cho Quý khách.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  5. Toàn bộ Thỏa thuận
                </h3>
                <p>
                  Thỏa thuận này cùng với Tuyên bố về quyền riêng tư cấu thành
                  toàn bộ thỏa thuận giữa Quý khách và SkySim và thay thế bất kỳ
                  và tất cả các thỏa thuận hoặc tuyên bố trước đó liên quan đến
                  SkySim. Việc không thực thi bất kỳ điều khoản nào của Thỏa
                  thuận này sẽ không được hiểu là từ bỏ điều khoản đó cũng như
                  quyền thực thi điều khoản đó.
                </p>
                <p>
                  Mọi từ bỏ, sửa đổi hoặc bổ sung thỏa thuận này chỉ có hiệu lực
                  khi được thực hiện bằng văn bản và có chữ ký của hai bên. Thỏa
                  thuận này được điều chỉnh theo luật pháp Việt Nam.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  6. Liên hệ chúng tôi
                </h3>
                <p>
                  Nếu Quý khách có bất kỳ câu hỏi nào về Điều khoản sử dụng của
                  chúng tôi, vui lòng liên hệ với chúng tôi tại:
                </p>
                <ul className="list-none space-y-2 mt-2">
                  <li>
                    <strong>Zalo/Whatsapp:</strong> +84336548007
                  </li>
                  <li>
                    <strong>Email:</strong> klinhnguyen@viettech.asia
                  </li>
                </ul>
                <p className="mt-4">
                  Quý khách cũng có thể liên hệ với chúng tôi qua đường bưu điện
                  hoặc trực tiếp tại Tầng 6, Tòa Nhà Hải Ngân, Thịnh Liệt, Hà
                  Nội.
                </p>
              </div>
            </section>

            {/* Section II */}
            <section
              id="privacy"
              className="bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-slate-100"
            >
              <h2 className="text-3xl font-black text-[#EE0434] mb-8 border-b border-slate-100 pb-4">
                II. CHÍNH SÁCH BẢO MẬT
              </h2>
              <div className="prose prose-slate max-w-none text-slate-600 leading-relaxed font-medium">
                <p>
                  Chúng tôi tôn trọng quyền riêng tư và sự bảo mật thông tin của
                  mọi Quý khách hàng
                </p>
                <p>
                  Thông qua việc xây dựng Chính sách này, từ phía SkySim, chúng
                  tôi cam kết bảo vệ và giữ gìn quyền riêng tư của người dùng và
                  khách hàng của chúng tôi, đảm bảo tính bảo mật của thông tin
                  người dùng và khách hàng cung cấp. Bằng cách đặt mua eSIM du
                  lịch với SkySim, Quý khách đồng ý chấp nhận các điều kiện sau
                  trong tuyên bố về bảo mật thông tin của chúng tôi.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  1. Mục đích thu thập thông tin
                </h3>
                <p>
                  Chúng tôi sử dụng thông tin cá nhân để phục vụ nhiều mục đích
                  kinh doanh, chẳng hạn như để:
                </p>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>
                    Hoàn thành các giao dịch và lập hóa đơn cho các sản phẩm và
                    dịch vụ;
                  </li>
                  <li>
                    Đáp ứng các yêu cầu của Quý khách về dịch vụ hoặc hỗ trợ; dự
                    đoán và giải quyết các vấn đề thực tế và tiềm ẩn với các sản
                    phẩm và dịch vụ của chúng tôi;
                  </li>
                  <li>Tạo và cải thiện sản phẩm và dịch vụ;</li>
                  <li>Đề xuất các sản phẩm hoặc dịch vụ bổ sung;</li>
                  <li>
                    Đưa ra các quyết định kinh doanh nội bộ về các ưu đãi hiện
                    tại và tương lai;
                  </li>
                  <li>
                    Cung cấp dịch vụ cá nhân hóa và trải nghiệm người dùng;
                  </li>
                  <li>Bảo vệ quyền và tài sản của chúng tôi; và</li>
                  <li>
                    Liên hệ với Quý khách về các dịch vụ khác do SkySim cung cấp
                  </li>
                </ul>
                <p className="mt-2">
                  Mọi thông tin Quý khách cung cấp đều được đảm bảo hoàn toàn
                  bảo mật và sẽ được bảo vệ khỏi việc sử dụng trái phép. Thông
                  tin cá nhân của Quý khách không bao giờ được tiết lộ cho bên
                  thứ ba trừ khi chúng tôi được Quý khách cho phép.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  2. Thông tin thu thập
                </h3>
                <p>
                  Chúng tôi thực hiện các biện pháp để đảm bảo rằng thông tin
                  Quý khách cung cấp được ghi lại một cách chính xác và đầy đủ.
                  Chúng tôi giúp Quý khách sửa đổi thông tin mình cung cấp khi
                  thích hợp.
                </p>

                <h4 className="text-lg font-bold text-slate-800 mt-6 mb-2">
                  a. Thông tin Cá nhân được Thu thập trên Trang web này từ/về
                  Khách hàng
                </h4>
                <p>
                  Chúng tôi thu thập thông tin cá nhân của khách hàng khi tiến
                  hàng đặt hàng trên website:
                </p>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>Họ tên</li>
                  <li>Địa chỉ email</li>
                  <li>Số điện thoại</li>
                  <li>Địa chỉ</li>
                </ul>

                <h4 className="text-lg font-bold text-slate-800 mt-6 mb-2">
                  b. Dữ liệu không thể nhận dạng cá nhân
                </h4>
                <p>
                  Chúng tôi thu thập và lưu trữ trong nhật ký máy chủ của chúng
                  tôi thông tin không thể nhận dạng cá nhân, bao gồm nhưng không
                  giới hạn ở các thông tin như loại trình duyệt, địa chỉ IP, hệ
                  điều hành, ngày và thời gian truy cập...
                </p>
                <p>
                  Chúng tôi cũng sử dụng Google Analytics để ghi lại dữ liệu
                  không thể nhận dạng cá nhân.
                </p>

                <h4 className="text-lg font-bold text-slate-800 mt-6 mb-2">
                  c. Giao dịch tài chính
                </h4>
                <p>
                  Các giao dịch thẻ tín dụng được xử lý thông qua một trong
                  những công ty xử lý thẻ tín dụng lớn của bên thứ ba. Tất cả
                  thông tin của Quý khách được mã hóa và chỉ được sử dụng để
                  hoàn thành các giao dịch thích hợp.
                </p>

                <h4 className="text-lg font-bold text-slate-800 mt-6 mb-2">
                  d. Cookies
                </h4>
                <p>
                  SkySim sử dụng cookie để nhận ra khách hàng của chúng tôi khi
                  khách hàng truy cập trang web của chúng tôi. Điều đó giúp
                  chúng tôi tùy chỉnh trải nghiệm của khách hàng trên trang web
                  của mình.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  3. Thời gian lưu trữ thông tin
                </h3>
                <p>
                  Dữ liệu cá nhân của Khách hàng sẽ được lưu trữ cho đến khi có
                  yêu cầu hủy bỏ. Còn lại trong mọi trường hợp thông tin cá nhân
                  của khách hàng sẽ được bảo mật trên máy chủ của SkySim.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  4. Những người hoặc tổ chức có thể được tiếp cận với thông tin
                  đó
                </h3>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>
                    Đối với nhân viên công ty sẽ có các bộ phận chuyên trách để
                    phục vụ việc chăm sóc khách hàng trong quá trình sử dụng sản
                    phẩm.
                  </li>
                  <li>
                    Các chương trình có tính liên kết, đồng thực hiện, thuê
                    ngoài cho các mục đích được nêu tại Mục 1 và luôn áp dụng
                    các yêu cầu bảo mật thông tin cá nhân.
                  </li>
                  <li>
                    Yêu cầu pháp lý: Chúng tôi có thể tiết lộ các thông tin cá
                    nhân nếu điều đó do luật pháp yêu cầu.
                  </li>
                  <li>Chuyển giao kinh doanh (nếu có).</li>
                </ul>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  5. Địa chỉ của đơn vị thu thập và quản lý thông tin
                </h3>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>
                    <strong>Tên doanh nghiệp:</strong> CÔNG TY TNHH Phát triển
                    toàn cầu VIETTECH
                  </li>
                  <li>
                    <strong>Giấy chứng nhận ĐKKD:</strong> 0901210362
                  </li>
                  <li>
                    <strong>Trụ sở chính:</strong> Số 218, Đảo Dừa 1, Khu đô thị
                    Vinhomes Ocean Park 2, Xã Nghĩa Trụ, Tỉnh Hưng Yên, Việt Nam
                  </li>
                </ul>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  6. Phương thức và công cụ để người dùng tiếp cận và chỉnh sửa
                  dữ liệu
                </h3>
                <p>
                  Nếu quý khách có bất cứ về yêu cầu nào về việc tiếp cận và
                  chỉnh sửa thông tin cá nhân đã cung cấp, quý khách có thể:
                </p>
                <ul className="list-none space-y-1 mt-2">
                  <li>
                    <strong>Zalo/Whatsapp:</strong> +84336548007
                  </li>
                  <li>
                    <strong>Email:</strong> klinhnguyen@viettech.asia
                  </li>
                </ul>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  7. Cơ chế tiếp nhận và giải quyết khiếu nại
                </h3>
                <p>
                  SkySim hiểu rằng quyền lợi của quý khách trong việc bảo vệ
                  thông tin cá nhân cũng chính là trách nhiệm của chúng tôi nên
                  trong bất kỳ trường hợp có thắc mắc, góp ý nào liên quan đến
                  chính sách bảo mật của SkySim, vui lòng liên hệ qua số hotline
                  +84336548007 hoặc email klinhnguyen@viettech.asia.
                </p>
              </div>
            </section>

            {/* Section III */}
            <section
              id="payment"
              className="bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-slate-100"
            >
              <h2 className="text-3xl font-black text-[#EE0434] mb-8 border-b border-slate-100 pb-4">
                III. CHÍNH SÁCH THANH TOÁN
              </h2>
              <div className="prose prose-slate max-w-none text-slate-600 leading-relaxed font-medium">
                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  1. Hướng dẫn đặt mua eSIM
                </h3>
                <p>
                  Quý khách có thể mua online trực tiếp tại SkySim theo 3 bước
                  sau:
                </p>
                <ul className="list-none mt-2 space-y-2">
                  <li>
                    ► <strong>Bước 1:</strong> Truy cập https://skysimhub.vn/,
                    và chọn quốc gia cần mua eSIM
                  </li>
                  <li>
                    ► <strong>Bước 2:</strong> Chọn loại eSIM phù hợp và ấn chọn
                    Mua hàng
                  </li>
                  <li>
                    ► <strong>Bước 3:</strong> Thanh toán, và nhận mã QR eSIM
                    qua email kèm theo hướng dẫn cài đặt chi tiết.
                  </li>
                </ul>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  2. Thông tin thanh toán
                </h3>
                <p>
                  Quý khách có thanh toán trực tiếp tại văn phòng SkySim hoặc
                  thanh toán online.
                </p>
              </div>
            </section>

            {/* Section IV */}
            <section
              id="delivery"
              className="bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-slate-100"
            >
              <h2 className="text-3xl font-black text-[#EE0434] mb-8 border-b border-slate-100 pb-4">
                IV. CHÍNH SÁCH GIAO HÀNG
              </h2>
              <div className="prose prose-slate max-w-none text-slate-600 leading-relaxed font-medium">
                <p>
                  Với sản phẩm eSIM của SkySim, sau khi khách hàng đặt hàng, và
                  thanh toán chuyển khoản thành công, SkySim sẽ gửi esim tới
                  khách hàng qua email đã đăng ký trễ nhất là 2 giờ sau khi đặt
                  hàng.
                </p>
                <p>
                  Trường hợp phát sinh chậm trễ trong việc giao hàng hoặc cung
                  ứng dịch vụ, SkySim sẽ có thông tin kịp thời cho khách hàng và
                  tạo cơ hội để khách hàng có thể hủy hợp đồng nếu muốn.
                </p>
                <p>
                  Do eSIM được gửi qua email, Quý khách vui lòng cung cấp đúng
                  email nhận eSIM, để đảm bảo nhận được eSIM kịp thời. Trong
                  trường hợp quý khách không nhận được bất kỳ email nào từ
                  SkySim trong vòng 15 phút sau khi đặt hàng, Quý khách vui lòng
                  liên hệ với bộ phận chăm sóc khách hàng của SkySim theo email
                  klinhnguyen@viettech.asia (hoặc Zalo: +84336548007) để được hỗ
                  trợ kịp thời.
                </p>
              </div>
            </section>

            {/* Section V */}
            <section
              id="refund"
              className="bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-slate-100"
            >
              <h2 className="text-3xl font-black text-[#EE0434] mb-8 border-b border-slate-100 pb-4">
                V. CHÍNH SÁCH ĐỔI TRẢ VÀ HOÀN TIỀN
              </h2>
              <div className="prose prose-slate max-w-none text-slate-600 leading-relaxed font-medium">
                <p>
                  Để đảm bảo quyền lợi và tạo sự yên tâm cho khách hàng khi mua
                  esim du lịch tại SkySim, chúng tôi đưa ra các chính sách “Đổi
                  – Trả” khi khách hàng nhận không đúng sản phẩm đã đặt mua hoặc
                  phát sinh do lỗi của SkySim.
                </p>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  1. Chính sách đổi hàng
                </h3>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>
                    Nếu khách hàng nhận esim không đúng chủng loại đã đặt,
                    SkySim cam kết sẽ hỗ trợ Quý khách đổi lại esim trong thời
                    gian 01 ngày.
                  </li>
                  <li>
                    Trong trường hợp đã mua esim thành công, nếu muốn đổi sang
                    loại eSIM khác, Quý khách vui lòng liên hệ lại với công ty
                    theo số hotline (hoặc Zalo: +84336548007), nếu được sự đồng
                    ý khách hàng có thể đổi lại số sim khác.
                  </li>
                </ul>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  2. Chính sách hoàn trả
                </h3>
                <p>
                  Khách hàng sẽ được trả lại eSIM và hoàn lại tiền nếu trong quá
                  trình mua bán phát sinh các vấn đề sau:
                </p>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>Không đúng loại eSIM đã đặt mua.</li>
                  <li>
                    Phát sinh khiếu nại, tranh chấp hoặc nguyên nhân từ phía
                    SkySim.
                  </li>
                  <li>
                    Khách hàng đã thanh toán nhưng SkySim không thể cung cấp
                    eSIM đã yêu cầu, số tiền khách hàng thanh toán sẽ được hoàn
                    trả 100% trong thời gian sớm nhất.
                  </li>
                  <li>
                    Thời gian xử lý hoàn tiền: tối đa trong vòng 7 ngày làm
                    việc, ngay sau khi chúng tôi xác nhận sự cố. Lưu ý, phí vận
                    chuyển sẽ không được hoàn lại.
                  </li>
                </ul>

                <h3 className="text-xl font-bold text-slate-900 mt-8 mb-4">
                  3. Chính sách bảo hành và đổi eSim
                </h3>
                <ul className="list-disc pl-5 mt-2 space-y-1">
                  <li>
                    <strong>Thời gian bảo hành eSim:</strong> 15 ngày kể từ ngày
                    đặt mua thành công. Áp dụng cho trường hợp eSim bị lỗi không
                    cài đặt được hoặc đang sử dụng bị lỗi.
                  </li>
                  <li>
                    <strong>Chính sách cấp lại eSim:</strong> Trường hợp điện
                    thoại bị lỗi hoặc bị mất, Quý khách vui lòng liên hệ với bộ
                    phận chăm sóc khách hàng của SkySim theo email
                    klinhnguyen@viettech.asia (hoặc Zalo/Whatsapp: +84336548007)
                    để được hỗ trợ kịp thời. Phí cấp lại eSim là: 25.000VNĐ.
                  </li>
                  <li>
                    <strong>Thời gian chờ kích hoạt eSim:</strong> 15 ngày kể từ
                    ngày mua eSim thành công.
                  </li>
                </ul>
              </div>
            </section>

            {/* Section VI */}
            <section
              id="contact"
              className="rounded-3xl p-8 md:p-12 shadow-sm border border-slate-100"
            >
              <h2 className="text-3xl font-black text-[#EE0434] mb-8 border-b border-slate-100 pb-4">
                VI. LIÊN HỆ
              </h2>
              <div className="space-y-4 text-lg">
                <p className="flex items-center space-x-3">
                  <span className="font-bold">Zalo/Whatsapp:</span>
                  <span className="text-[#EE0434] font-black">
                    +84336548007
                  </span>
                </p>
                <p className="flex items-center space-x-3">
                  <span className="font-bold">Email:</span>
                  <span>klinhnguyen@viettech.asia</span>
                </p>
              </div>
            </section>
          </div>
        </div>
      </div>
    </div>
  );
};

export default TermsView;
