update: remove request info block

This commit is contained in:
BunyodL 2025-04-27 00:07:02 +05:00
parent 16dac989af
commit 448856d7b2
4 changed files with 78 additions and 78 deletions

View File

@ -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 />
)
} }

View File

@ -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>
</> </>
) );
} }

View File

@ -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",

View File

@ -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": "Часто задаваемые вопросы",