Skip to content

[-]:feat/S3 new section adjustments #1925

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jaaaaavier wants to merge 1 commit into
base: main
Choose a base branch
from
Open

[-]:feat/S3 new section adjustments #1925

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/assets/lang/de/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "Sicherer Objektspeicher für reale Workloads",
"description": "Von Medienarchiven bis zu Unternehmens-Backups nutzen Organisationen den Internxt S3 Storage, um große Datenmengen sicher zu speichern, zu verwalten und zu verteilen – mit voller Kontrolle und Datenschutz.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/en/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "Secure object storage for real-world workloads",
"description": "From media archives to enterprise backups, organizations use Internxt S3 Storage to securely store, manage, and distribute large volumes of data with full control and privacy.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/es/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "Almacenamiento de objetos seguro para cargas de trabajo reales",
"description": "Desde archivos multimedia hasta copias de seguridad empresariales, las organizaciones usan Internxt S3 Storage para almacenar, gestionar y distribuir grandes volúmenes de datos de forma segura con pleno control y privacidad.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/fr/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "Stockage objet sécurisé pour les charges de travail réelles",
"description": "Des archives multimédias aux sauvegardes d'entreprise, les organisations utilisent Internxt S3 Storage pour stocker, gérer et distribuer de grands volumes de données en toute sécurité, avec un contrôle total et une confidentialité totale.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/it/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "Archiviazione oggetti sicura per carichi di lavoro reali",
"description": "Dagli archivi multimediali ai backup aziendali, le organizzazioni utilizzano Internxt S3 Storage per archiviare, gestire e distribuire in modo sicuro grandi volumi di dati con pieno controllo e privacy.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/pt-br/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@
"PartnersSection": {
"title": "Armazenamento de objetos seguro para cargas de trabalho reais",
"description": "De arquivos de mídia a backups empresariais, as organizações usam o Internxt S3 Storage para armazenar, gerenciar e distribuir grandes volumes de dados com segurança, com total controle e privacidade.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/ru/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "Безопасное объектное хранилище для реальных рабочих нагрузок",
"description": "От медиаархивов до корпоративных резервных копий — организации используют Internxt S3 Storage для надёжного хранения, управления и распространения больших объёмов данных с полным контролем и конфиденциальностью.",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/zh-tw/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "適用於實際工作負載的安全物件儲存",
"description": "從媒體檔案庫到企業備份，各機構使用 Internxt S3 Storage 安全地儲存、管理和分發大量資料，並享有完整的控制權和隱私保護。",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
2 changes: 1 addition & 1 deletion src/assets/lang/zh/cloud-object-storage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"PartnersSection": {
"title": "适用于实际工作负载的安全对象存储",
"description": "从媒体档案到企业备份，各机构使用 Internxt S3 Storage 安全地存储、管理和分发大量数据，并享有完整的控制权和隐私保护。",
"companies": ["Prosegur", "Europapress", "SPAR"],
"companies": ["Prosegur", "Europa Press", "SPAR"],
"companiesInformation": [
{
"logo": "PROSEGUR3",
Expand Down
8 changes: 4 additions & 4 deletions src/components/cloud-object-storage/PartnerSelector.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { CloudObjectStorageText } from '@/assets/types/cloud-object-storage';

export type SwitchButtonOptions = 'Prosegur' | 'Europapress' | 'SPAR';
export type SwitchButtonOptions = 'Prosegur' | 'Europa Press' | 'SPAR';
interface PlanSwitchProps {
textContent: CloudObjectStorageText['PartnersSection'];
activePartner: SwitchButtonOptions;
Expand All @@ -26,10 +26,10 @@ export const PartnerSelector = ({ textContent, activePartner, onPlanTypeChange }
<button
type="button"
onClick={() => {
onPlanTypeChange('Europapress');
onPlanTypeChange('Europa Press');
}}
className={`flex w-1/2 flex-row items-center justify-center rounded-lg px-6 text-center text-lg transition-colors duration-200 ease-out ${
activePartner === 'Europapress'
className={`flex w-1/2 flex-row items-center justify-center whitespace-nowrap rounded-lg px-6 text-center text-lg transition-colors duration-200 ease-out ${
activePartner === 'Europa Press'
? `m-1 rounded-lg bg-white font-semibold text-primary shadow-sm`
: `text-lg font-normal text-gray-105`
}`}
Expand Down
8 changes: 8 additions & 0 deletions src/components/cloud-object-storage/PartnersSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,14 @@ export const PartnersSection = ({ textContent }: PartnersSectionProps): JSX.Elem

<PartnerSelector textContent={textContent} activePartner={activePartner} onPlanTypeChange={setActivePartner} />

{textContent.companiesInformation.map((c) => (
<span key={c.image}>
<Image src={getImage(`/images/cloud-object-storage/${c.image}.webp`)} alt="" width={512} height={288} />
<Image src={getImage(`/images/cloud-object-storage/${c.logo}.webp`)} alt="" width={220} height={40} />
</span>
))}
</div>

<div className="flex w-full flex-col gap-6 rounded-16 bg-white p-8 lg:h-[400px] lg:flex-row">
<Image
src={getImage(`/images/cloud-object-storage/${company.image}.webp`)}
Expand Down
Loading