diff --git a/src/app/clients/certificates/page.tsx b/src/app/clients/certificates/page.tsx new file mode 100644 index 0000000..94a75da --- /dev/null +++ b/src/app/clients/certificates/page.tsx @@ -0,0 +1,8 @@ +import { CertificatesPage } from "@/pages-templates/certificates" + +export default function Certificates() { + + return ( + + ) +} diff --git a/src/pages-templates/certificates/index.tsx b/src/pages-templates/certificates/index.tsx new file mode 100644 index 0000000..4511f7a --- /dev/null +++ b/src/pages-templates/certificates/index.tsx @@ -0,0 +1,122 @@ +"use client" + +import Image from "next/image" +import { Card, CardContent } from "@/shared/shadcn-ui/card" +import { Button } from "@/shared/shadcn-ui/button" +import { Download, Eye } from "lucide-react" +import { useLanguage } from "@/shared/language" + +export function CertificatesPage() { + const { t } = useLanguage() + + // This data would typically come from an API or CMS + // We're keeping it as-is since it's dynamic content + const certificates = [ + { + id: 1, + title: "ISO 9001:2015", + description: "Сертификат системы менеджмента качества", + image: "/placeholder.svg?height=400&width=300", + issueDate: "15.03.2022", + expiryDate: "15.03.2025", + }, + { + id: 2, + title: "ISO 14001:2015", + description: "Сертификат экологического менеджмента", + image: "/placeholder.svg?height=400&width=300", + issueDate: "10.05.2022", + expiryDate: "10.05.2025", + }, + { + id: 3, + title: "OHSAS 18001", + description: "Сертификат системы управления охраной труда", + image: "/placeholder.svg?height=400&width=300", + issueDate: "22.07.2022", + expiryDate: "22.07.2025", + }, + { + id: 4, + title: "Сертификат качества топлива", + description: "Подтверждение соответствия топлива стандартам качества", + image: "/placeholder.svg?height=400&width=300", + issueDate: "05.01.2023", + expiryDate: "05.01.2024", + }, + { + id: 5, + title: "Сертификат соответствия", + description: "Соответствие услуг национальным стандартам", + image: "/placeholder.svg?height=400&width=300", + issueDate: "18.09.2022", + expiryDate: "18.09.2025", + }, + { + id: 6, + title: "Лицензия на хранение ГСМ", + description: "Разрешение на хранение горюче-смазочных материалов", + image: "/placeholder.svg?height=400&width=300", + issueDate: "30.11.2021", + expiryDate: "30.11.2026", + }, + ] + + return ( + <> +
+
+

{t("certificates.title")}

+

{t("certificates.description")}

+
+ +
+ {certificates.map((certificate) => ( + +
+ {certificate.title} +
+ +

{certificate.title}

+

{certificate.description}

+
+

+ {t("certificates.issueDate")}: {certificate.issueDate} +

+

+ {t("certificates.expiryDate")}: {certificate.expiryDate} +

+
+
+ + +
+
+
+ ))} +
+ +
+

{t("certificates.requestInfo")}

+

{t("certificates.requestInfoText")}

+
+ + +
+
+
+ + ) +} diff --git a/src/shared/language/index.tsx b/src/shared/language/index.tsx new file mode 100644 index 0000000..d9d6dc3 --- /dev/null +++ b/src/shared/language/index.tsx @@ -0,0 +1,87 @@ +"use client" + +import { createContext, useContext, useState, useEffect, type ReactNode } from "react" +import enTranslations from "./locales/en.json" +import ruTranslations from "./locales/ru.json" + +// Define available languages +export const languages = { + en: { name: "English", flag: "🇬🇧" }, + ru: { name: "Русский", flag: "🇷🇺" }, +} + +export type Language = keyof typeof languages + +// Define translations type with flat structure +export type Translations = Record + +// Load translations +const translations: Record = { + en: enTranslations, + ru: ruTranslations, +} + +// Create context +type LanguageContextType = { + language: Language + setLanguage: (lang: Language) => void + t: (key: string) => string +} + +const LanguageContext = createContext(undefined) + +// Create provider +export function LanguageProvider({ children }: { children: ReactNode }) { + // Default to Russian, but check localStorage on client + const [language, setLanguageState] = useState("ru") + const [isLoaded, setIsLoaded] = useState(false) + + useEffect(() => { + // Check if we're in the browser + if (typeof window !== "undefined") { + const savedLanguage = localStorage.getItem("language") as Language + if (savedLanguage && languages[savedLanguage]) { + setLanguageState(savedLanguage) + } + setIsLoaded(true) + } + }, []) + + const setLanguage = (lang: Language) => { + setLanguageState(lang) + if (typeof window !== "undefined") { + localStorage.setItem("language", lang) + } + } + + // Translation function for flat structure + const t = (key: string): string => { + if (translations[language][key]) { + return translations[language][key] + } + + console.warn(`Translation key not found: ${key}`) + return key + } + + // Only render children when language is loaded from localStorage + if (!isLoaded && typeof window !== "undefined") { + return null // Or a loading spinner + } + + return {children} +} + +// Create hook +export function useLanguage() { + const context = useContext(LanguageContext) + if (context === undefined) { + throw new Error("useLanguage must be used within a LanguageProvider") + } + + if (typeof context.t !== 'function') { + throw new Error("Translation function (t) is not available"); + } + + return context +} \ No newline at end of file diff --git a/src/shared/language/locales/en.json b/src/shared/language/locales/en.json new file mode 100644 index 0000000..5f4d7e1 --- /dev/null +++ b/src/shared/language/locales/en.json @@ -0,0 +1,99 @@ +{ + "common.buttons.readMore": "Read More", + "common.buttons.viewAll": "View All", + "common.buttons.findStation": "Find Station", + "common.buttons.learnMore": "Learn More", + "common.buttons.download": "Download", + "common.buttons.view": "View", + "common.buttons.contactUs": "Contact Us", + "common.buttons.apply": "Apply", + "common.buttons.login": "Login", + "common.buttons.logout": "Logout", + "common.buttons.submit": "Submit", + "common.buttons.filter": "Filter", + "common.buttons.resetFilters": "Reset Filters", + "common.buttons.downloadApp": "Download App", + "common.buttons.getLoyaltyCard": "Get Loyalty Card", + "common.buttons.sendResume": "Send Resume", + "common.buttons.showAllStations": "Show All Stations", + "common.buttons.allPromotions": "All Promotions", + "common.navigation.home": "Home", + "common.navigation.about": "About Us", + "common.navigation.clients": "For Clients", + "common.navigation.stations": "Our Stations", + "common.navigation.vacancies": "Vacancies", + "common.navigation.promotions": "Promotions", + "common.navigation.charity": "Charity", + "common.navigation.certificates": "Certificates", + "common.navigation.contacts": "Contacts", + "common.footer.contacts": "Contacts", + "common.footer.navigation": "Navigation", + "common.footer.subscribe": "Subscribe", + "common.footer.subscribeText": "Subscribe to our newsletter to receive news and special offers.", + "common.footer.yourEmail": "Your email", + "common.footer.rights": "All rights reserved.", + "home.hero.title": "Modern Gas Station Network in Tajikistan", + "home.hero.description": "Quality fuel, convenient locations, and excellent service for our customers", + "home.about.title": "About Our Company", + "home.about.description1": "Our gas station network is one of the leading in Tajikistan. We provide high-quality fuel and a high level of service for our customers for more than 15 years.", + "home.about.description2": "We are constantly developing, opening new stations and improving service at existing ones. Our goal is to make refueling as convenient and fast as possible for every customer.", + "home.about.features.quality.title": "Quality Fuel", + "home.about.features.quality.description": "We guarantee the high quality of our fuel", + "home.about.features.equipment.title": "Modern Equipment", + "home.about.features.equipment.description": "All our stations are equipped with modern equipment", + "home.about.features.staff.title": "Professional Staff", + "home.about.features.staff.description": "Our employees are professionals in their field", + "home.stations.title": "Our Stations", + "home.stations.description": "Find the nearest station in our network. We are located in convenient places throughout Tajikistan.", + "home.promotions.title": "Current Promotions", + "home.promotions.description": "Special offers and promotions for our customers. Refuel profitably!", + "home.vacancies.title": "Vacancies", + "home.vacancies.description": "Join our team of professionals. We offer stable work and opportunities for growth.", + "home.vacancies.all": "All vacancies", + "home.vacancies.office": "Office", + "home.vacancies.stations": "Stations", + "home.vacancies.fullTime": "Full time", + "home.vacancies.experience": "Experience from 1 year", + "home.vacancies.shiftWork": "Shift work", + "home.vacancies.training": "Training", + "home.partners.title": "Our Partners", + "home.partners.description": "We cooperate with leading companies to provide the best services to our customers.", + "home.partners.becomePartner": "Become Our Partner", + "home.partners.becomePartnerText": "We are open to cooperation and new partnerships. Contact us to discuss opportunities.", + "home.charity.title": "Charity Foundation", + "home.charity.description": "Our charity foundation was created to support socially significant projects in Tajikistan. We strive to contribute to the development of society and help those in need.", + "home.charity.directions": "Main directions of our foundation's activities:", + "home.charity.education": "Support for educational programs", + "home.charity.children": "Help for children from low-income families", + "home.charity.ecology": "Environmental initiatives", + "home.charity.sports": "Support for sports events", + "home.charity.learnMore": "Learn More About the Foundation", + "home.cta.title": "Join Us", + "home.cta.description": "Become part of our network. Get special offers, bonuses, and discounts.", + "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.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.expiryDate": "Valid Until", + "certificates.faq": "Frequently Asked Questions", + "auth.title": "Login to your account", + "auth.description": "Log in to your personal account to access information about your bonuses, transaction history and other features.", + "auth.bonusClient": "Bonus Client", + "auth.corporateClient": "Corporate Client", + "auth.bonusLogin.title": "Login for bonus clients", + "auth.bonusLogin.description": "Enter your phone number and bonus card number to log in to your personal account.", + "auth.corporateLogin.title": "Login for corporate clients", + "auth.corporateLogin.description": "Enter your phone number and corporate card number to log in to your personal account.", + "auth.phoneNumber": "Phone number", + "auth.cardNumber": "Card number", + "auth.loginIssues": "Having trouble logging in?", + "map.filters": "Filters", + "map.stationsList": "Stations List", + "map.noStations": "No stations matching the selected filters", + "map.ourStations": "Our Stations", + "map.totalStations": "Total stations", + "map.services": "Services", + "map.cities": "Cities", + "map.allCities": "All Cities" +} \ No newline at end of file diff --git a/src/shared/language/locales/ru.json b/src/shared/language/locales/ru.json new file mode 100644 index 0000000..452c553 --- /dev/null +++ b/src/shared/language/locales/ru.json @@ -0,0 +1,99 @@ +{ + "common.buttons.readMore": "Подробнее", + "common.buttons.viewAll": "Смотреть все", + "common.buttons.findStation": "Найти заправку", + "common.buttons.learnMore": "Узнать больше", + "common.buttons.download": "Скачать", + "common.buttons.view": "Просмотр", + "common.buttons.contactUs": "Связаться с нами", + "common.buttons.apply": "Оформить", + "common.buttons.login": "Вход", + "common.buttons.logout": "Выйти", + "common.buttons.submit": "Отправить", + "common.buttons.filter": "Фильтры", + "common.buttons.resetFilters": "Сбросить фильтры", + "common.buttons.downloadApp": "Скачать приложение", + "common.buttons.getLoyaltyCard": "Получить карту лояльности", + "common.buttons.sendResume": "Отправить резюме", + "common.buttons.showAllStations": "Показать все заправки", + "common.buttons.allPromotions": "Все акции", + "common.navigation.home": "Главная", + "common.navigation.about": "О нас", + "common.navigation.clients": "Клиентам", + "common.navigation.stations": "Наши заправки", + "common.navigation.vacancies": "Вакансии", + "common.navigation.promotions": "Акции", + "common.navigation.charity": "Благотворительность", + "common.navigation.certificates": "Сертификаты", + "common.navigation.contacts": "Контакты", + "common.footer.contacts": "Контакты", + "common.footer.navigation": "Навигация", + "common.footer.subscribe": "Подписка", + "common.footer.subscribeText": "Подпишитесь на нашу рассылку, чтобы получать новости и специальные предложения.", + "common.footer.yourEmail": "Ваш email", + "common.footer.rights": "Все права защищены.", + "home.hero.title": "Сеть современных заправок в Таджикистане", + "home.hero.description": "Качественное топливо, удобное расположение и отличный сервис для наших клиентов", + "home.about.title": "О нашей компании", + "home.about.description1": "Наша сеть заправок является одной из ведущих в Таджикистане. Мы предоставляем качественное топливо и высокий уровень обслуживания для наших клиентов уже более 15 лет.", + "home.about.description2": "Мы постоянно развиваемся, открывая новые станции и улучшая сервис на существующих. Наша цель - сделать заправку автомобиля максимально удобной и быстрой для каждого клиента.", + "home.about.features.quality.title": "Качественное топливо", + "home.about.features.quality.description": "Мы гарантируем высокое качество нашего топлива", + "home.about.features.equipment.title": "Современное оборудование", + "home.about.features.equipment.description": "Все наши станции оснащены современным оборудованием", + "home.about.features.staff.title": "Профессиональный персонал", + "home.about.features.staff.description": "Наши сотрудники - профессионалы своего дела", + "home.stations.title": "Наши заправки", + "home.stations.description": "Найдите ближайшую к вам заправку нашей сети. Мы расположены в удобных местах по всему Таджикистану.", + "home.promotions.title": "Актуальные акции", + "home.promotions.description": "Специальные предложения и акции для наших клиентов. Заправляйтесь выгодно!", + "home.vacancies.title": "Вакансии", + "home.vacancies.description": "Присоединяйтесь к нашей команде профессионалов. Мы предлагаем стабильную работу и возможности для роста.", + "home.vacancies.all": "Все вакансии", + "home.vacancies.office": "Офис", + "home.vacancies.stations": "Заправки", + "home.vacancies.fullTime": "Полный день", + "home.vacancies.experience": "Опыт от 1 года", + "home.vacancies.shiftWork": "Сменный график", + "home.vacancies.training": "Обучение", + "home.partners.title": "Наши партнеры", + "home.partners.description": "Мы сотрудничаем с ведущими компаниями для предоставления лучших услуг нашим клиентам.", + "home.partners.becomePartner": "Станьте нашим партнером", + "home.partners.becomePartnerText": "Мы открыты для сотрудничества и новых партнерских отношений. Свяжитесь с нами для обсуждения возможностей.", + "home.charity.title": "Благотворительный фонд", + "home.charity.description": "Наш благотворительный фонд был создан для поддержки социально значимых проектов в Таджикистане. Мы стремимся внести свой вклад в развитие общества и помочь тем, кто в этом нуждается.", + "home.charity.directions": "Основные направления деятельности нашего фонда:", + "home.charity.education": "Поддержка образовательных программ", + "home.charity.children": "Помощь детям из малообеспеченных семей", + "home.charity.ecology": "Экологические инициативы", + "home.charity.sports": "Поддержка спортивных мероприятий", + "home.charity.learnMore": "Подробнее о фонде", + "home.cta.title": "Присоединяйтесь к нам", + "home.cta.description": "Станьте частью нашей сети. Получайте специальные предложения, бонусы и скидки.", + "certificates.title": "Наши сертификаты", + "certificates.description": "GasNetwork придерживается высоких стандартов качества и безопасности. Наши сертификаты подтверждают соответствие нашей продукции и услуг международным и национальным стандартам.", + "certificates.requestInfo": "Запросить дополнительную информацию", + "certificates.requestInfoText": "Если вам требуется дополнительная информация о наших сертификатах или вы хотите получить копии документов, пожалуйста, свяжитесь с нашим отделом качества.", + "certificates.issueDate": "Дата выдачи", + "certificates.expiryDate": "Действителен до", + "certificates.faq": "Часто задаваемые вопросы", + "auth.title": "Вход в личный кабинет", + "auth.description": "Войдите в личный кабинет, чтобы получить доступ к информации о ваших бонусах, истории операций и другим возможностям.", + "auth.bonusClient": "Бонусный клиент", + "auth.corporateClient": "Корпоративный клиент", + "auth.bonusLogin.title": "Вход для бонусных клиентов", + "auth.bonusLogin.description": "Введите номер телефона и номер бонусной карты для входа в личный кабинет.", + "auth.corporateLogin.title": "Вход для корпоративных клиентов", + "auth.corporateLogin.description": "Введите номер телефона и номер корпоративной карты для входа в личный кабинет.", + "auth.phoneNumber": "Номер телефона", + "auth.cardNumber": "Номер карты", + "auth.loginIssues": "Возникли проблемы со входом?", + "map.filters": "Фильтры", + "map.stationsList": "Список заправок", + "map.noStations": "Нет заправок, соответствующих выбранным фильтрам", + "map.ourStations": "Наши заправки", + "map.totalStations": "Всего станций", + "map.services": "Услуги", + "map.cities": "Города", + "map.allCities": "Все города" +} \ No newline at end of file diff --git a/src/shared/providers/providers.tsx b/src/shared/providers/providers.tsx index 21eca5f..d4fa91b 100644 --- a/src/shared/providers/providers.tsx +++ b/src/shared/providers/providers.tsx @@ -6,6 +6,7 @@ import { store } from '../store'; import { ThemeProvider } from '../theme/theme-provider'; import { AosProvider } from './aos-provider'; import { Toaster } from './toaster'; +import { LanguageProvider } from '../language'; type ProvidersProps = { children: React.ReactNode; @@ -14,17 +15,19 @@ type ProvidersProps = { export const Providers = ({ children }: ProvidersProps) => { return ( - - - {children} - - - + + + + {children} + + + + ); }; diff --git a/tsconfig.json b/tsconfig.json index 73918f4..aef1a0e 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -23,7 +23,8 @@ "@/entities/*": ["./src/entities/*"], "@/features/*": ["./src/features/*"], "@/shared/*": ["./src/shared/*"], - "@/widgets/*": ["./src/widgets/*"] + "@/widgets/*": ["./src/widgets/*"], + "@/pages-templates/*": ["./src/pages-templates/*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],