Giới thiệu Mistral AI Studio

<article>
  <section class=" relative mb-10 flex h-[600px] flex-col items-center justify-end overflow-hidden bg-[#DB5C24] text-white md:h-[800px]">
    <div class="absolute inset-0" style="opacity:0">
      <div style="width:100%;height:100%"></div>
    </div>
    <div class="container relative flex  flex-col items-center gap-10 ">
      <div class="flex flex-col items-center gap-5 text-center">
        <span class="rounded-full border border-white px-4 py-2 text-sm">Sản phẩm</span>
        <h1 class="text-4xl md:text-6xl lg:text-7xl">Giới thiệu Mistral AI Studio.</h1>
        <p class="text-xl opacity-70 md:text-3xl">Nền tảng AI cho Sản xuất.</p>
        <div class="flex items-center gap-4 divide-x divide-white">
          <span class="text-sm">24 tháng 10, 2025</span>
          <span class="pl-4 text-sm">Mistral AI</span>
        </div>
      </div>
      <div style="opacity:0;transform:translateY(50px)">
        <img alt="Mistral AI Studio" width="800" height="360" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Fai-studio%2Fai-studio-ui.svg&amp;w=828&amp;q=75 1x, /_next/image?url=%2Fimg%2Fai-studio%2Fai-studio-ui.svg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Fimg%2Fai-studio%2Fai-studio-ui.svg&amp;w=1920&amp;q=75"/>
      </div>
    </div>
  </section>
  <div class="container py-8 md:grid grid-cols-10 gap-10">
    <div class="col-span-7">
      <div class="blog-rich-text relative w-full">
        <h3 dir="ltr">Nhiều bản mẫu. Ít hệ thống đi vào sản xuất.</h3>
        <p dir="ltr">Các nhóm AI doanh nghiệp đã xây dựng hàng chục bản mẫu — trợ lý ảo, giao diện trò chuyện, công cụ tóm tắt, hỏi đáp nội bộ. Các mô hình có khả năng, các trường hợp sử dụng rõ ràng và nhu cầu kinh doanh sẵn sàng.</p>
        <p dir="ltr">Điều còn thiếu là một con đường đáng tin cậy đến sản xuất và một hệ thống mạnh mẽ để hỗ trợ phần lớn trong số đó. Các nhóm bị cản trở không phải bởi hiệu suất mô hình, mà bởi sự bất lực trong việc:</p>
        <ul>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Theo dõi sự thay đổi của kết quả qua các phiên bản mô hình hoặc gợi ý</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Tái tạo kết quả hoặc giải thích các lỗi</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Giám sát việc sử dụng thực tế và thu thập phản hồi có cấu trúc</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Chạy đánh giá gắn liền với các tiêu chí chuẩn của riêng họ theo lĩnh vực cụ thể</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Tinh chỉnh mô hình bằng cách sử dụng dữ liệu độc quyền, một cách riêng tư và tăng dần</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Triển khai các quy trình làm việc được quản lý, đáp ứng các ràng buộc về bảo mật, tuân thủ và riêng tư</p>
          </li>
        </ul>
        <p dir="ltr">Kết quả là, hầu hết các ứng dụng AI đều bị đình trệ ở giai đoạn nguyên mẫu. Mô hình được mã hóa cứng vào ứng dụng mà không có cơ chế đánh giá. Các gợi ý được tinh chỉnh thủ công trong các tài liệu Notion. Việc triển khai chạy như các tập lệnh dùng một lần. Và thật khó để biết liệu độ chính xác có cải thiện hay không. Có một khoảng cách giữa tốc độ thử nghiệm và sự trưởng thành của các nguyên tắc sản xuất.</p>
        <p dir="ltr">Qua việc trao đổi với hàng trăm khách hàng doanh nghiệp, chúng tôi nhận thấy nút thắt cổ chai thực sự là sự thiếu vắng một hệ thống để biến AI thành một khả năng đáng tin cậy, có thể quan sát được và được quản lý.</p>
        <h2 dir="ltr">Làm thế nào để khép kín vòng lặp từ gợi ý đến sản xuất.</h2>
        <p dir="ltr">Do đó, việc vận hành AI đòi hỏi cơ sở hạ tầng hỗ trợ cải tiến liên tục, an toàn và kiểm soát — với tốc độ mà các quy trình làm việc AI yêu cầu.</p>
        <p dir="ltr">Các yêu cầu cốt lõi mà chúng tôi liên tục nghe từ các nhóm AI doanh nghiệp bao gồm:</p>
        <ul>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Đánh giá tích hợp sẵn: Các tiêu chuẩn nội bộ phản ánh tiêu chí thành công cụ thể cho doanh nghiệp (không phải các số liệu chung chung trên bảng xếp hạng).</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Vòng lặp phản hồi có thể truy vết: Một cách để thu thập dữ liệu sử dụng thực tế, gắn nhãn và biến chúng thành các tập dữ liệu thúc đẩy vòng lặp tiếp theo.</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Nguồn gốc và quản lý phiên bản: Bao gồm gợi ý, mô hình, tập dữ liệu và bộ đánh giá, với khả năng so sánh các vòng lặp, theo dõi các lỗi và hoàn nguyên một cách an toàn.</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Quản trị: Nhật ký kiểm toán tích hợp, kiểm soát truy cập và ranh giới môi trường đáp ứng các tiêu chuẩn bảo mật và tuân thủ của doanh nghiệp.</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Triển khai linh hoạt: Khả năng chạy quy trình làm việc AI gần với hệ thống của họ, trên cơ sở hạ tầng lai, VPC hoặc tại chỗ và di chuyển giữa chúng mà không cần tái cấu trúc.</p>
          </li>
        </ul>
        <p dir="ltr">Ngày nay, hầu hết các nhóm đều xây dựng điều này một cách rời rạc. Họ tái sử dụng các công cụ dành cho DevOps, MLOps hoặc thử nghiệm. Nhưng ngăn xếp LLM có các trừu tượng hóa mới. Gợi ý được cập nhật hàng ngày. Mô hình thay đổi hàng tuần. Đánh giá là thời gian thực và cụ thể cho từng trường hợp sử dụng.</p>
        <p dir="ltr">Việc khép kín vòng lặp từ gợi ý đến sản xuất là điều phân biệt các nhóm thử nghiệm AI với các nhóm vận hành nó như một hệ thống đáng tin cậy.</p>
        <h2 dir="ltr">Giới thiệu Mistral AI Studio: Nền tảng AI cho Sản xuất</h2>
        <p dir="ltr">Mistral AI Studio mang đến cơ sở hạ tầng, khả năng quan sát và kỷ luật vận hành tương tự như hệ thống quy mô lớn của Mistral — giờ đây được đóng gói cho các nhóm doanh nghiệp cần xây dựng, đánh giá và chạy AI trong môi trường sản xuất.</p>
        <p dir="ltr"><img style="mix-blend-mode:normal;max-width:100%" src="https://cms.mistral.ai/assets/59272ab1-8e3c-45ea-bf60-781df15af5e9.png?width=1616&amp;height=828" alt="Marketecture AI Studio"/></p>
        <p dir="ltr">Tại Mistral AI, chúng tôi vận hành các hệ thống AI phục vụ hàng triệu người dùng thông qua các quy trình công việc phức tạp. Việc xây dựng và duy trì các hệ thống đó đòi hỏi chúng tôi phải giải quyết các vấn đề khó khăn: làm thế nào để thiết lập các vòng lặp phản hồi ở quy mô lớn, đo lường chất lượng một cách đáng tin cậy, đào tạo lại và triển khai một cách an toàn, và duy trì quản trị trên các môi trường phân tán.</p>
        <p dir="ltr">AI Studio thương mại hóa các giải pháp đó. Nó nắm bắt các nguyên tắc cơ bản giúp các hệ thống AI sản xuất bền vững và lặp lại — khả năng quan sát, thực thi bền bỉ và quản lý. Các nguyên tắc đó tạo thành ba trụ cột của nền tảng: Khả năng Quan sát (Observability), Thời gian Chạy Tác tử (Agent Runtime) và Kho Lưu trữ AI (AI Registry).</p>
        <h3 dir="ltr">Khả năng Quan sát (Observability)</h3>
        <p dir="ltr">Khả năng Quan sát trong AI Studio cung cấp khả năng hiển thị đầy đủ về những gì đang xảy ra, tại sao và làm thế nào để cải thiện nó. Trình Khám phá (Explorer) cho phép các nhóm lọc và kiểm tra lưu lượng truy cập, xây dựng tập dữ liệu và xác định các lỗi. Các Bộ Đánh giá (Judges), có thể được xây dựng và thử nghiệm trong Sân chơi Bộ Đánh giá (Judge Playground) của riêng họ, xác định logic đánh giá và chấm điểm kết quả ở quy mô lớn. Các Chiến dịch (Campaigns) và Tập dữ liệu (Datasets) tự động chuyển đổi các tương tác sản xuất thành các bộ đánh giá được tuyển chọn. Thử nghiệm (Experiments), Vòng lặp (Iterations) và Bảng điều khiển (Dashboards) giúp việc cải thiện có thể đo lường được, không chỉ dựa vào kinh nghiệm.</p>
        <p dir="ltr">Với các khả năng này, các nhóm xây dựng AI có thể truy vết kết quả trở lại các gợi ý, gợi ý trở lại các phiên bản, và các phiên bản trở lại việc sử dụng thực tế — khép kín vòng lặp phản hồi bằng dữ liệu, không phải bằng trực giác.</p>
        <p dir="ltr"><img style="mix-blend-mode:normal;max-width:100%" src="https://cms.mistral.ai/assets/4a877207-6fbc-46d8-85d4-549a4225e76a.webp?width=1920&amp;height=1920" alt="Observability"/></p>
        <h3 dir="ltr">Thời gian Chạy Tác tử (Agent Runtime)</h3>
        <p dir="ltr">Thời gian Chạy Tác tử là xương sống thực thi của AI Studio. Nó chạy mọi tác tử, từ các tác vụ đơn giản một bước đến các quy trình kinh doanh đa bước phức tạp, với độ bền, tính minh bạch và khả năng tái tạo.</p>
        <p dir="ltr">Mỗi tác tử hoạt động bên trong một thời gian chạy có trạng thái, chịu lỗi, được xây dựng trên Temporal, đảm bảo hành vi nhất quán qua các lần thử lại, tác vụ chạy dài và các lệnh gọi chuỗi. Thời gian chạy quản lý các tải trọng lớn, chuyển tài liệu đến bộ nhớ đối tượng và tạo ra các biểu đồ tĩnh giúp các đường dẫn thực thi có thể kiểm toán và dễ dàng chia sẻ.</p>
        <p dir="ltr">Mỗi lần thực thi đều phát ra dữ liệu đo lường và đánh giá, chảy trực tiếp vào Khả năng Quan sát để đo lường và quản trị. AI Studio hỗ trợ các triển khai lai, chuyên dụng và tự lưu trữ để các doanh nghiệp có thể chạy tác tử bất cứ nơi nào cơ sở hạ tầng của họ yêu cầu, đồng thời duy trì cùng độ bền, khả năng truy vết và kiểm soát.</p>
        <p dir="ltr"><img style="mix-blend-mode:normal;max-width:100%" src="https://cms.mistral.ai/assets/9493d519-7c5c-48df-97e9-371e8313117e.webp?width=1920&amp;height=1920" alt="Agent Workflow"/></p>
        <h3 dir="ltr">Kho Lưu trữ AI (AI Registry)</h3>
        <p dir="ltr">Kho Lưu trữ AI là hệ thống ghi lại cho mọi tài sản trong vòng đời AI — tác tử, mô hình, tập dữ liệu, bộ đánh giá, công cụ và quy trình làm việc.<br/>Nó theo dõi nguồn gốc, quyền sở hữu và quản lý phiên bản từ đầu đến cuối. Kho Lưu trữ thực thi kiểm soát truy cập, chính sách kiểm duyệt và các cổng thúc đẩy trước khi triển khai. Nó tích hợp trực tiếp với Khả năng Quan sát (để đo lường và đánh giá) và với Thời gian Chạy Tác tử (để điều phối và triển khai).\<br/>Chế độ xem hợp nhất này cho phép quản trị và tái sử dụng thực sự: mọi tài sản đều có thể khám phá, kiểm toán và di chuyển giữa các môi trường.</p>
        <p dir="ltr"><img style="mix-blend-mode:normal;max-width:100%" src="https://cms.mistral.ai/assets/546449b9-c5d4-404f-914a-b07b82fb82f3.webp?width=1920&amp;height=1920" alt="Agents"/></p>
        <p dir="ltr">Cùng nhau, các trụ cột này tạo thành khung sản xuất cho AI doanh nghiệp.<br/>AI Studio kết nối việc sáng tạo, quan sát và quản trị vào một vòng lặp vận hành duy nhất — cùng một kỷ luật hệ thống cho phép Mistral chạy AI ở quy mô lớn, giờ đây nằm trong tay các nhóm doanh nghiệp.</p>
        <h2 dir="ltr">Đi từ thử nghiệm đến sản xuất, theo cách của bạn.</h2>
        <p dir="ltr">Các doanh nghiệp đang bước vào một giai đoạn mới của việc áp dụng AI. Thách thức không còn là khả năng tiếp cận các mô hình đủ mạnh — mà là khả năng vận hành chúng một cách đáng tin cậy, an toàn và ở quy mô lớn. Sự thay đổi đó đòi hỏi cơ sở hạ tầng sản xuất được xây dựng dựa trên khả năng quan sát, độ bền và quản trị ngay từ đầu.</p>
        <p dir="ltr">Mistral AI Studio đại diện cho bước tiếp theo đó: một nền tảng ra đời từ kinh nghiệm vận hành thực tế, được thiết kế cho các nhóm muốn vượt qua các dự án thí điểm và vận hành AI như một hệ thống cốt lõi.<br/>Nó hợp nhất ba trụ cột sản xuất — Khả năng Quan sát, Thời gian Chạy Tác tử và Kho Lưu trữ AI — thành một vòng lặp kín, nơi mọi cải tiến đều có thể đo lường được và mọi lần triển khai đều có trách nhiệm.</p>
        <p dir="ltr">Với AI Studio, các doanh nghiệp đạt được kỷ luật sản xuất tương tự như các hệ thống phần mềm của Mistral:</p>
        <ul>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Vòng lặp phản hồi minh bạch và đánh giá liên tục</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Quy trình làm việc bền bỉ, có thể tái tạo trên nhiều môi trường</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Quản trị hợp nhất và truy vết tài sản</p>
          </li>
          <li dir="ltr" aria-level="1">
            <p dir="ltr" role="presentation">Triển khai lai và tự lưu trữ với quyền sở hữu dữ liệu đầy đủ</p>
          </li>
        </ul>
        <p dir="ltr">Đây là cách AI chuyển từ thử nghiệm sang vận hành đáng tin cậy — an toàn, có thể quan sát và dưới sự kiểm soát của bạn.</p>
        <p dir="ltr">Nếu tổ chức của bạn đã sẵn sàng vận hành AI với sự nghiêm ngặt tương tự như các hệ thống phần mềm, hãy đăng ký tham gia bản beta riêng của AI Studio.</p>
      </div>
    </div>
    <div class="relative h-full col-span-3">
      <div class="sticky flex flex-col gap-y-3xl overflow-y-auto bg-white p-8 md:top-[133px] md:max-h-[calc(100vh-133px)]">
        <div class="flex flex-col gap-y-6">
          <div class="text-center text-[30px]/[34.5px]">
            <p>Đi vào sản xuất với Mistral AI Studio.</p>
          </div>
          <div class="wysiwyg-formatting label-rich text-center">
            <p>Bạn mang tham vọng. Chúng tôi mang đến nền tảng. Hãy kết nối.</p>
          </div>
        </div>
        <form class="w-full">
          <div class="flex size-full min-w-full flex-col justify-between gap-y-6">
            <div style="--form-x-gap:14.5px;--form-y-gap:39px" class="flex flex-wrap justify-between gap-y-10">
              <div class="relative w-full md:w-[--dynamic-width]" style="--dynamic-width:100%">
                <input id="firstname" placeholder="" type="text" required="" class="peer block w-full border-b border-b-[#ECDAA2] bg-transparent py-3 outline-none focus:text-black focus:outline-none" name="firstname"/>
                <label for="firstname" class="absolute left-0 top-3 block transition-all peer-valid:-translate-y-6 peer-valid:text-xs peer-valid:text-neutral-600 peer-focus-visible:-translate-y-6 peer-focus-visible:text-xs peer-focus-visible:text-neutral-600 peer-[:not(:placeholder-shown)]:-translate-y-6 peer-[&amp;:user-invalid]:text-xs peer-[&amp;:user-invalid]:text-red-500">Tên<span class="text-mistral-orange">*</span></label>
                <div class="absolute bottom-0 z-10 -mt-px h-[2px] w-0 bg-mistral-sunshine-400 transition-all peer-valid:bg-green-500 peer-focus-visible:w-full peer-[&amp;:user-invalid]:w-full peer-[&amp;:user-invalid]:bg-red-500"></div>
              </div>
              <div class="relative w-full md:w-[--dynamic-width]" style="--dynamic-width:100%">
                <input id="lastname" placeholder="" type="text" required="" class="peer block w-full border-b border-b-[#ECDAA2] bg-transparent py-3 outline-none focus:text-black focus:outline-none" name="lastname"/>
                <label for="lastname" class="absolute left-0 top-3 block transition-all peer-valid:-translate-y-6 peer-valid:text-xs peer-valid:text-neutral-600 peer-focus-visible:-translate-y-6 peer-focus-visible:text-xs peer-focus-visible:text-neutral-600 peer-[:not(:placeholder-shown)]:-translate-y-6 peer-[&amp;:user-invalid]:text-xs peer-[&amp;:user-invalid]:text-red-500">Họ<span class="text-mistral-orange">*</span></label>
                <div class="absolute bottom-0 z-10 -mt-px h-[2px] w-0 bg-mistral-sunshine-400 transition-all peer-valid:bg-green-500 peer-focus-visible:w-full peer-[&amp;:user-invalid]:w-full peer-[&amp;:user-invalid]:bg-red-500"></div>
              </div>
              <div class="relative w-full md:w-[--dynamic-width]" style="--dynamic-width:100%">
                <input id="email" placeholder="" type="text" required="" class="peer block w-full border-b border-b-[#ECDAA2] bg-transparent py-3 outline-none focus:text-black focus:outline-none" name="email"/>
                <label for="email" class="absolute left-0 top-3 block transition-all peer-valid:-translate-y-6 peer-valid:text-xs peer-valid:text-neutral-600 peer-focus-visible:-translate-y-6 peer-focus-visible:text-xs peer-focus-visible:text-neutral-600 peer-[:not(:placeholder-shown)]:-translate-y-6 peer-[&amp;:user-invalid]:text-xs peer-[&amp;:user-invalid]:text-red-500">Email<span class="text-mistral-orange">*</span></label>
                <div class="absolute bottom-0 z-10 -mt-px h-[2px] w-0 bg-mistral-sunshine-400 transition-all peer-valid:bg-green-500 peer-focus-visible:w-full peer-[&amp;:user-invalid]:w-full peer-[&amp;:user-invalid]:bg-red-500"></div>
              </div>
              <div class="relative w-full md:w-[--dynamic-width]" style="--dynamic-width:100%">
                <input id="company" placeholder="" type="text" required="" class="peer block w-full border-b border-b-[#ECDAA2] bg-transparent py-3 outline-none focus:text-black focus:outline-none" name="company"/>
                <label for="company" class="absolute left-0 top-3 block transition-all peer-valid:-translate-y-6 peer-valid:text-xs peer-valid:text-neutral-600 peer-focus-visible:-translate-y-6 peer-focus-visible:text-xs peer-focus-visible:text-neutral-600 peer-[:not(:placeholder-shown)]:-translate-y-6 peer-[&amp;:user-invalid]:text-xs peer-[&amp;:user-invalid]:text-red-500">Tên công ty<span class="text-mistral-orange">*</span></label>
                <div class="absolute bottom-0 z-10 -mt-px h-[2px] w-0 bg-mistral-sunshine-400 transition-all peer-valid:bg-green-500 peer-focus-visible:w-full peer-[&amp;:user-invalid]:w-full peer-[&amp;:user-invalid]:bg-red-500"></div>
              </div>
            </div>
            <input id="form_url" type="hidden" class="sr-only" name="form_url" value="https://mistral.ai/news/studio"/>
            <input id="form_url2" type="hidden" class="sr-only" name="form_url2" value="https://mistral.ai/news/ai-studio"/>
            <input type="hidden" name="formId" value="d18afea8-a52b-419b-ae8d-a6358ab6b9d2"/>
            <div class="wysiwyg-formatting label-rich mb-2 max-w-[325px] text-[12px]/[19.2px]">
              <p>Bằng việc gửi biểu mẫu này, bạn đồng ý với <a href="https://mistral.ai/terms#terms-of-service" target="_blank" rel="noopener">Điều khoản Dịch vụ</a> của chúng tôi. Chúng tôi xử lý dữ liệu của bạn để phản hồi yêu cầu liên hệ của bạn theo <a href="https://mistral.ai/terms/#privacy-policy" target="_blank" rel="noopener">Chính sách Bảo mật</a> của chúng tôi.</p>
            </div>
            <button class="inline-flex items-center justify-center gap-md whitespace-nowrap rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[36px] gap-x-md p-sm dark:hover:text-mistral-orange-bright border-current border-0 border-b disabled:opacity-50 disabled:cursor-not-allowed peer self-start bg-foreground p-3 text-sm text-white hover:bg-foreground hover:text-white" aria-label="Button" type="submit">Gửi<div class="relative flex size-6 items-center justify-center"><div class="size-3 flex object-contain items-center justify-center text-primary svg-container">
                <svg
                  viewBox="0 0 8 13"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M7.39166 4.93066H4.92969V7.39936H7.39166V4.93066Z"
                    fill="currentColor"
                  />
                  <path
                    d="M4.92681 2.46875H2.46484V4.93744H4.92681V2.46875Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 0H0V2.46869H2.46197V0Z" fill="currentColor" />
                  <path
                    d="M4.92681 7.39941H2.46484V9.86811H4.92681V7.39941Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 9.86133H0V12.33H2.46197V9.86133Z" fill="currentColor" />
                </svg>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div id="" class="container">
    <div class="relative mx-auto py-20 ">
      <div class="relative z-10 flex w-full flex-col items-center justify-center gap-9 text-center bg-background">
        <h2 class="heading-2">
          <p>
            <span style="white-space: pre-wrap;">Chương tiếp theo của AI thuộc về bạn.</span>
          </p>
        </h2>
        <div class="flex flex-wrap items-center justify-center gap-4 md:gap-x-8">
          <a rel="noopener noreferrer" target="_blank" href="https://chat.mistral.ai/">
            <button class="inline-flex items-center justify-center gap-md whitespace-nowrap rounded-md px-0 ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[36px] gap-x-md p-sm bg-transparent hover:bg-transparent hover:text-primary dark:hover:text-mistral-orange-bright border-current border-0 border-b disabled:opacity-50 disabled:cursor-not-allowed" aria-label="Button">Thử le Chat<div class="relative flex size-6 items-center justify-center"><div class="size-3 flex object-contain items-center justify-center text-primary svg-container">
                <svg
                  viewBox="0 0 8 13"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M7.39166 4.93066H4.92969V7.39936H7.39166V4.93066Z"
                    fill="currentColor"
                  />
                  <path
                    d="M4.92681 2.46875H2.46484V4.93744H4.92681V2.46875Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 0H0V2.46869H2.46197V0Z" fill="currentColor" />
                  <path
                    d="M4.92681 7.39941H2.46484V9.86811H4.92681V7.39941Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 9.86133H0V12.33H2.46197V9.86133Z" fill="currentColor" />
                </svg>
              </div>
            </div>
            </button>
          </a>
          <a rel="noopener noreferrer" target="_blank" href="https://console.mistral.ai/">
            <button class="inline-flex items-center justify-center gap-md whitespace-nowrap rounded-md px-0 ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[36px] gap-x-md p-sm bg-transparent hover:bg-transparent hover:text-primary dark:hover:text-mistral-orange-bright border-current border-0 border-b disabled:opacity-50 disabled:cursor-not-allowed" aria-label="Button">Xây dựng trên AI Studio<div class="relative flex size-6 items-center justify-center"><div class="size-3 flex object-contain items-center justify-center text-primary svg-container">
                <svg
                  viewBox="0 0 8 13"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M7.39166 4.93066H4.92969V7.39936H7.39166V4.93066Z"
                    fill="currentColor"
                  />
                  <path
                    d="M4.92681 2.46875H2.46484V4.93744H4.92681V2.46875Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 0H0V2.46869H2.46197V0Z" fill="currentColor" />
                  <path
                    d="M4.92681 7.39941H2.46484V9.86811H4.92681V7.39941Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 9.86133H0V12.33H2.46197V9.86133Z" fill="currentColor" />
                </svg>
              </div>
            </div>
            </button>
          </a>
          <a rel="noopener noreferrer" target="_blank" href="/contact">
            <button class="inline-flex items-center justify-center gap-md whitespace-nowrap rounded-md px-0 ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[36px] gap-x-md p-sm bg-transparent hover:bg-transparent hover:text-primary dark:hover:text-mistral-orange-bright border-current border-0 border-b disabled:opacity-50 disabled:cursor-not-allowed" aria-label="Button">Nói chuyện với chuyên gia<div class="relative flex size-6 items-center justify-center"><div class="size-3 flex object-contain items-center justify-center text-primary svg-container">
                <svg
                  viewBox="0 0 8 13"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M7.39166 4.93066H4.92969V7.39936H7.39166V4.93066Z"
                    fill="currentColor"
                  />
                  <path
                    d="M4.92681 2.46875H2.46484V4.93744H4.92681V2.46875Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 0H0V2.46869H2.46197V0Z" fill="currentColor" />
                  <path
                    d="M4.92681 7.39941H2.46484V9.86811H4.92681V7.39941Z"
                    fill="currentColor"
                  />
                  <path d="M2.46197 9.86133H0V12.33H2.46197V9.86133Z" fill="currentColor" />
                </svg>
              </div>
            </div>
            </button>
          </a>
        </div>
      </div>
    </div>
  </div>
  <footer id="footer" class="relative mt-5 bg-secondary px-0">
    <div class="absolute left-1/2 aspect-square size-[212px] -translate-x-1/2 translate-y-[-44%]">
      <button class="relative -mt-2 flex cursor-grab flex-col items-center justify-center active:cursor-grabbing" aria-label="Pet the cat">
        <img alt="LeChat - Mistral" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="size-full object-contain pt-2" style="color:transparent" src="https://cms.mistral.ai/assets/920e56ee-25c5-439d-bd31-fbdf5c92c87f"/>
      </button>
    </div>
    <div style="background:hsla(45, 100%, 88%, 1)" class="h-[50px] w-full"></div>
    <div style="background:hsla(51, 100%, 50%, 1)" class="h-[50px] w-full"></div>
    <div style="background:hsla(41, 100%, 50%, 1)" class="h-[50px] w-full"></div>
    <div style="background:hsla(30, 100%, 51%, 1)" class="h-[50px] w-full"></div>
    <div style="background:hsla(17, 96%, 52%, 1)" class="h-[50px] w-full"></div>
    <div style="background:hsla(1, 100%, 44%, 1)" class="h-[50px] w-full"></div>
    <div class="container mx-auto gap-4 p-5 py-16 md:flex xl:px-12">
      <div class="flex w-full flex-col justify-between gap-8 md:w-2/5">
        <div>
          <a class="relative z-10 mb-4 inline-block h-2xl-2 min-w-2xl-2" aria-label="Mistral AI" href="/">
            <div class="object-contain text-foreground svg-container">
              <svg
                width="41"
                height="29"
                viewBox="0 0 41 29"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <g clip-path="url(#clip0_1323_477)">
                  <path d="M11.7053 0H5.85156V5.79928H11.7053V0Z" fill="currentColor"/>
                  <path d="M35.1272 0H29.2734V5.79928H35.1272V0Z" fill="currentColor"/>
                  <path d="M17.559 5.79932H5.85156V11.5986H17.559V5.79932Z" fill="currentColor"/>
                  <path d="M35.1293 5.79932H23.4219V11.5986H35.1293V5.79932Z" fill="currentColor"/>
                  <path d="M35.1239 11.5986H5.85156V17.3979H35.1239V11.5986Z" fill="currentColor"/>
                  <path d="M11.7053 17.3979H5.85156V23.1972H11.7053V17.3979Z" fill="currentColor"/>
                  <path d="M23.4162 17.3979H17.5625V23.1972H23.4162V17.3979Z" fill="currentColor"/>
                  <path d="M35.1272 17.3979H29.2734V23.1972H35.1272V17.3979Z" fill="currentColor"/>
                  <path d="M17.5648 23.2007H0V29H17.5648V23.2007Z" fill="currentColor"/>
                  <path d="M40.9867 23.2007H23.4219V29H40.9867V23.2007Z" fill="currentColor"/>
                  <path d="M11.7072 0H5.85352V5.79928H11.7072V0Z" fill="currentColor"/>
                  <path d="M35.1252 0H29.2715V5.79928H35.1252V0Z" fill="currentColor"/>
                  <path d="M17.561 5.79932H5.85352V11.5986H17.561V5.79932Z" fill="currentColor"/>
                  <path d="M35.1254 5.79932H23.418V11.5986H35.1254V5.79932Z" fill="currentColor"/>
                  <path d="M35.1258 11.5986H5.85352V17.3979H35.1258V11.5986Z" fill="currentColor"/>
                  <path d="M11.7072 17.3979H5.85352V23.1972H11.7072V17.3979Z" fill="currentColor"/>
                  <path d="M23.4162 17.3979H17.5625V23.1972H23.4162V17.3979Z" fill="currentColor"/>
                  <path d="M35.1252 17.3979H29.2715V23.1972H35.1252V17.3979Z" fill="currentColor"/>
                  <path d="M17.5648 23.2007H0V29H17.5648V23.2007Z" fill="currentColor"/>
                  <path d="M40.9828 23.2007H23.418V29H40.9828V23.2007Z" fill="currentColor"/>
                </g>
                <defs>
                  <clipPath id="clip0_1323_477">
                    <rect width="41" height="29" fill="currentColor"/>
                  </clipPath>
                </defs>
              </svg>
            </div>
          </a>
          <div class="flex gap-4">
            <a target="_blank" href="https://apps.apple.com/us/app/le-chat-by-mistral-ai/id6740410176">
              <img alt="App Store Mistral AI" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Fappstore.svg&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimg%2Fappstore.svg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimg%2Fappstore.svg&amp;w=256&amp;q=75"/>
            </a>
            <a target="_blank" href="https://play.google.com/store/apps/details?id=ai.mistral.chat">
              <img alt="Google Play Mistral AI" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Fandroidstore.svg&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimg%2Fandroidstore.svg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimg%2Fandroidstore.svg&amp;w=256&amp;q=75"/>
            </a>
          </div>
        </div>
        <div class=" flex gap-x-4 text-sm ">
          <p class="hidden gap-x-1 text-sm md:flex">Mistral AI © 2025</p>
        </div>
      </div>
      <div class="flex w-full flex-col gap-y-14 md:w-3/5">
        <nav class="grid grid-cols-2 gap-4 md:grid-cols-4">
          <div class="flex flex-col gap-y-1 text-[14px]/[24.5px] leading-normal">
            <h3 class="pointer-events-none first-of-type:text-mistral-orange">Tại sao chọn Mistral</h3>
            <a target="_self" href="/about">Về chúng tôi</a>
            <a target="_self" href="/customers">Khách hàng của chúng tôi</a>
            <a target="_self" href="/careers">Tuyển dụng</a>
            <a target="_self" href="/contact">Liên hệ</a>
          </div>
          <div class="flex flex-col gap-y-1 text-[14px]/[24.5px] leading-normal">
            <h3 class="pointer-events-none first-of-type:text-mistral-orange">Khám phá</h3>
            <a target="_self" href="/solutions">Giải pháp AI</a>
            <a target="_self" href="/partners">Đối tác</a>
            <a target="_self" href="/news?category=research">Nghiên cứu</a>
            <a rel="noopener noreferrer" target="_blank" href="https://docs.mistral.ai/">Tài liệu</a>
          </div>
          <div class="flex flex-col gap-y-1 text-[14px]/[24.5px] leading-normal">
            <h3 class="pointer-events-none first-of-type:text-mistral-orange">Xây dựng</h3>
            <a target="_self" href="/products/ai-studio">AI Studio</a>
            <a target="_self" href="/products/le-chat">Le Chat</a>
            <a target="_self" href="/products/mistral-code">Mistral Code</a>
            <a target="_self" href="/products/mistral-compute">Mistral Compute</a>
          </div>
          <div class="flex flex-col gap-y-1 text-[14px]/[24.5px] leading-normal">
            <h3 class="pointer-events-none first-of-type:text-mistral-orange">Pháp lý</h3>
            <a target="_self" href="/terms">Điều khoản dịch vụ</a>
            <a target="_self" href="/terms#privacy-policy">Chính sách bảo mật</a>
            <button>Lựa chọn quyền riêng tư</button>
            <a target="_self" href="/terms#data-processing-agreement">Thỏa thuận xử lý dữ liệu</a>
            <a target="_self" href="/legal">Thông báo pháp lý</a>
            <a target="_self" href="/brand">Thương hiệu</a>
          </div>
        </nav>
        <div class="w-full items-center justify-between md:flex">
          <button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_1lolubsnrivb_" data-state="closed" class="group flex items-center gap-4 border-t border-black pt-2 uppercase">en
            <svg class="origin-center rotate-90 transition-transform duration-200 size-4 text-mistral-orange group-data-[state=open]:-rotate-90" width="24" viewBox="0 0 9 13" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M8.5 7.86859L8.5 5.30859L5.94 5.30859L5.94 7.86859L8.5 7.86859Z" fill="currentColor"></path>
              <path d="M5.9375 5.29828L5.9375 2.73828L3.3775 2.73828L3.3775 5.29828L5.9375 5.29828Z" fill="currentColor"></path>
              <path d="M3.37891 2.73969L3.37891 0.179688L0.818907 0.179687L0.818907 2.73969L3.37891 2.73969Z" fill="currentColor"></path>
              <path d="M5.9375 10.4311L5.9375 7.87109L3.3775 7.87109L3.3775 10.4311L5.9375 10.4311Z" fill="currentColor"></path>
              <path d="M3.37891 12.9975L3.37891 10.4375L0.818907 10.4375L0.818907 12.9975L3.37891 12.9975Z" fill="currentColor"></path>
            </svg>
          </button>
          <p class="gap-x-1 py-6 text-sm md:hidden">Mistral AI © 2025</p>
          <div class="flex flex-wrap gap-x-[10px]">
            <a target="_blank" rel="noreferrer" class="text-mistral-beige-tint" aria-label="X" href="https://x.com/mistralai">
              <img alt="" loading="lazy" width="38" height="38" decoding="async" data-nimg="1" class="size-[38px] p-2.5" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2F9c3aec2e-9825-4691-8458-cf4bd48ceff5&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2F9c3aec2e-9825-4691-8458-cf4bd48ceff5&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2F9c3aec2e-9825-4691-8458-cf4bd48ceff5&amp;w=96&amp;q=75"/>
            </a>
            <a target="_blank" rel="noreferrer" class="text-mistral-beige-tint" aria-label="Linkedin" href="https://www.linkedin.com/company/mistralai/">
              <img alt="" loading="lazy" width="38" height="38" decoding="async" data-nimg="1" class="size-[38px] p-2.5" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2Fb68af65f-220d-4116-b522-fe9ab25c7f32&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2Fb68af65f-220d-4116-b522-fe9ab25c7f32&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2Fb68af65f-220d-4116-b522-fe9ab25c7f32&amp;w=96&amp;q=75"/>
            </a>
            <a target="_blank" rel="noreferrer" class="text-mistral-beige-tint" aria-label="Discord" href="https://discord.gg/mistralai">
              <img alt="" loading="lazy" width="38" height="38" decoding="async" data-nimg="1" class="size-[38px] p-2.5" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2F0f8631ea-bfbc-4075-8f2e-c8f681076d7b&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2F0f8631ea-bfbc-4075-8f2e-c8f681076d7b&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcms.mistral.ai%2Fassets%2F0f8631ea-bfbc-4075-8f2e-c8f681076d7b&amp;w=96&amp;q=75"/>
            </a>
          </div>
        </div>
      </div>
    </div>
  </footer>
</article>