update: remove request info block
This commit is contained in:
parent
16dac989af
commit
448856d7b2
@ -1,8 +1,5 @@
|
|||||||
import { CertificatesPage } from "@/pages-templates/certificates"
|
import { CertificatesPage } from '@/pages-templates/certificates';
|
||||||
|
|
||||||
export default function Certificates() {
|
export default function Certificates() {
|
||||||
|
return <CertificatesPage />;
|
||||||
return (
|
|
||||||
<CertificatesPage />
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,122 +1,127 @@
|
|||||||
"use client"
|
'use client';
|
||||||
|
|
||||||
import Image from "next/image"
|
import { Download, Eye } from 'lucide-react';
|
||||||
import { Card, CardContent } from "@/shared/shadcn-ui/card"
|
import Image from 'next/image';
|
||||||
import { Button } from "@/shared/shadcn-ui/button"
|
|
||||||
import { Download, Eye } from "lucide-react"
|
import { useLanguage } from '@/shared/language';
|
||||||
import { useLanguage } from "@/shared/language"
|
import { Button } from '@/shared/shadcn-ui/button';
|
||||||
|
import { Card, CardContent } from '@/shared/shadcn-ui/card';
|
||||||
|
|
||||||
export function CertificatesPage() {
|
export function CertificatesPage() {
|
||||||
const { t } = useLanguage()
|
const { t } = useLanguage();
|
||||||
|
|
||||||
// This data would typically come from an API or CMS
|
// This data would typically come from an API or CMS
|
||||||
// We're keeping it as-is since it's dynamic content
|
// We're keeping it as-is since it's dynamic content
|
||||||
const certificates = [
|
const certificates = [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "ISO 9001:2015",
|
title: 'ISO 9001:2015',
|
||||||
description: "Сертификат системы менеджмента качества",
|
description: 'Сертификат системы менеджмента качества',
|
||||||
image: "/placeholder.svg?height=400&width=300",
|
image: '/placeholder.svg?height=400&width=300',
|
||||||
issueDate: "15.03.2022",
|
issueDate: '15.03.2022',
|
||||||
expiryDate: "15.03.2025",
|
expiryDate: '15.03.2025',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "ISO 14001:2015",
|
title: 'ISO 14001:2015',
|
||||||
description: "Сертификат экологического менеджмента",
|
description: 'Сертификат экологического менеджмента',
|
||||||
image: "/placeholder.svg?height=400&width=300",
|
image: '/placeholder.svg?height=400&width=300',
|
||||||
issueDate: "10.05.2022",
|
issueDate: '10.05.2022',
|
||||||
expiryDate: "10.05.2025",
|
expiryDate: '10.05.2025',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "OHSAS 18001",
|
title: 'OHSAS 18001',
|
||||||
description: "Сертификат системы управления охраной труда",
|
description: 'Сертификат системы управления охраной труда',
|
||||||
image: "/placeholder.svg?height=400&width=300",
|
image: '/placeholder.svg?height=400&width=300',
|
||||||
issueDate: "22.07.2022",
|
issueDate: '22.07.2022',
|
||||||
expiryDate: "22.07.2025",
|
expiryDate: '22.07.2025',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: "Сертификат качества топлива",
|
title: 'Сертификат качества топлива',
|
||||||
description: "Подтверждение соответствия топлива стандартам качества",
|
description: 'Подтверждение соответствия топлива стандартам качества',
|
||||||
image: "/placeholder.svg?height=400&width=300",
|
image: '/placeholder.svg?height=400&width=300',
|
||||||
issueDate: "05.01.2023",
|
issueDate: '05.01.2023',
|
||||||
expiryDate: "05.01.2024",
|
expiryDate: '05.01.2024',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
id: 5,
|
||||||
title: "Сертификат соответствия",
|
title: 'Сертификат соответствия',
|
||||||
description: "Соответствие услуг национальным стандартам",
|
description: 'Соответствие услуг национальным стандартам',
|
||||||
image: "/placeholder.svg?height=400&width=300",
|
image: '/placeholder.svg?height=400&width=300',
|
||||||
issueDate: "18.09.2022",
|
issueDate: '18.09.2022',
|
||||||
expiryDate: "18.09.2025",
|
expiryDate: '18.09.2025',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 6,
|
id: 6,
|
||||||
title: "Лицензия на хранение ГСМ",
|
title: 'Лицензия на хранение ГСМ',
|
||||||
description: "Разрешение на хранение горюче-смазочных материалов",
|
description: 'Разрешение на хранение горюче-смазочных материалов',
|
||||||
image: "/placeholder.svg?height=400&width=300",
|
image: '/placeholder.svg?height=400&width=300',
|
||||||
issueDate: "30.11.2021",
|
issueDate: '30.11.2021',
|
||||||
expiryDate: "30.11.2026",
|
expiryDate: '30.11.2026',
|
||||||
},
|
},
|
||||||
]
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<main className="container mx-auto py-10">
|
<main className='container mx-auto py-10'>
|
||||||
<div className="mb-10 text-center">
|
<div className='mb-10 text-center'>
|
||||||
<h1 className="mb-4 text-4xl font-bold">{t("certificates.title")}</h1>
|
<h1 className='mb-4 text-4xl font-bold'>{t('certificates.title')}</h1>
|
||||||
<p className="mx-auto max-w-2xl text-lg text-gray-600">{t("certificates.description")}</p>
|
<p className='mx-auto max-w-2xl text-lg text-gray-600'>
|
||||||
|
{t('certificates.description')}
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
|
<div className='grid gap-8 md:grid-cols-2 lg:grid-cols-3'>
|
||||||
{certificates.map((certificate) => (
|
{certificates.map((certificate) => (
|
||||||
<Card key={certificate.id} className="overflow-hidden transition-all duration-300 hover:shadow-lg">
|
<Card
|
||||||
<div className="relative h-[300px] w-full overflow-hidden bg-gray-100">
|
key={certificate.id}
|
||||||
|
className='overflow-hidden transition-all duration-300 hover:shadow-lg'
|
||||||
|
>
|
||||||
|
<div className='relative h-[300px] w-full overflow-hidden bg-gray-100'>
|
||||||
<Image
|
<Image
|
||||||
src={certificate.image || "/placeholder.svg"}
|
src={certificate.image || '/placeholder.svg'}
|
||||||
alt={certificate.title}
|
alt={certificate.title}
|
||||||
fill
|
fill
|
||||||
className="object-contain p-4"
|
className='object-contain p-4'
|
||||||
sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
|
sizes='(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw'
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<CardContent className="p-6">
|
<CardContent className='p-6'>
|
||||||
<h3 className="mb-2 text-xl font-bold">{certificate.title}</h3>
|
<h3 className='mb-2 text-xl font-bold'>{certificate.title}</h3>
|
||||||
<p className="mb-4 text-gray-600">{certificate.description}</p>
|
<p className='mb-4 text-gray-600'>{certificate.description}</p>
|
||||||
<div className="mb-4 text-sm text-gray-500">
|
<div className='mb-4 text-sm text-gray-500'>
|
||||||
<p>
|
<p>
|
||||||
{t("certificates.issueDate")}: {certificate.issueDate}
|
{t('certificates.issueDate')}: {certificate.issueDate}
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
{t("certificates.expiryDate")}: {certificate.expiryDate}
|
{t('certificates.expiryDate')}: {certificate.expiryDate}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex gap-2">
|
<div className='flex gap-2'>
|
||||||
<Button variant="outline" size="sm" className="flex items-center gap-1">
|
<Button
|
||||||
|
variant='outline'
|
||||||
|
size='sm'
|
||||||
|
className='flex items-center gap-1'
|
||||||
|
>
|
||||||
<Eye size={16} />
|
<Eye size={16} />
|
||||||
<span>{t("common.buttons.view")}</span>
|
<span>{t('common.buttons.view')}</span>
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="outline" size="sm" className="flex items-center gap-1">
|
<Button
|
||||||
|
variant='outline'
|
||||||
|
size='sm'
|
||||||
|
className='flex items-center gap-1'
|
||||||
|
>
|
||||||
<Download size={16} />
|
<Download size={16} />
|
||||||
<span>{t("common.buttons.download")}</span>
|
<span>{t('common.buttons.download')}</span>
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-16 rounded-lg bg-gray-50 p-8">
|
|
||||||
<h2 className="mb-4 text-2xl font-bold">{t("certificates.requestInfo")}</h2>
|
|
||||||
<p className="mb-6 text-gray-600">{t("certificates.requestInfoText")}</p>
|
|
||||||
<div className="flex flex-wrap gap-4">
|
|
||||||
<Button className="bg-red-600 hover:bg-red-700">{t("common.buttons.contactUs")}</Button>
|
|
||||||
<Button variant="outline">{t("certificates.faq")}</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -83,8 +83,8 @@
|
|||||||
|
|
||||||
"certificates.title": "Our Certificates",
|
"certificates.title": "Our Certificates",
|
||||||
"certificates.description": "GasNetwork adheres to high standards of quality and safety. Our certificates confirm the compliance of our products and services with international and national standards.",
|
"certificates.description": "GasNetwork adheres to high standards of quality and safety. Our certificates confirm the compliance of our products and services with international and national standards.",
|
||||||
"certificates.requestInfo": "Request Additional Information",
|
|
||||||
"certificates.requestInfoText": "If you need additional information about our certificates or would like to receive copies of documents, please contact our quality department.",
|
|
||||||
"certificates.issueDate": "Issue Date",
|
"certificates.issueDate": "Issue Date",
|
||||||
"certificates.expiryDate": "Valid Until",
|
"certificates.expiryDate": "Valid Until",
|
||||||
"certificates.faq": "Frequently Asked Questions",
|
"certificates.faq": "Frequently Asked Questions",
|
||||||
|
|||||||
@ -83,8 +83,6 @@
|
|||||||
|
|
||||||
"certificates.title": "Наши сертификаты",
|
"certificates.title": "Наши сертификаты",
|
||||||
"certificates.description": "GasNetwork придерживается высоких стандартов качества и безопасности. Наши сертификаты подтверждают соответствие нашей продукции и услуг международным и национальным стандартам.",
|
"certificates.description": "GasNetwork придерживается высоких стандартов качества и безопасности. Наши сертификаты подтверждают соответствие нашей продукции и услуг международным и национальным стандартам.",
|
||||||
"certificates.requestInfo": "Запросить дополнительную информацию",
|
|
||||||
"certificates.requestInfoText": "Если вам требуется дополнительная информация о наших сертификатах или вы хотите получить копии документов, пожалуйста, свяжитесь с нашим отделом качества.",
|
|
||||||
"certificates.issueDate": "Дата выдачи",
|
"certificates.issueDate": "Дата выдачи",
|
||||||
"certificates.expiryDate": "Действителен до",
|
"certificates.expiryDate": "Действителен до",
|
||||||
"certificates.faq": "Часто задаваемые вопросы",
|
"certificates.faq": "Часто задаваемые вопросы",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user