@@ -52,55 +53,57 @@ export default function AboutPage() {
{/* Company Overview */}
-
-
-
-
-
-
-
-
- {t('about.overview.title')}
-
-
- {t('about.overview.description1')}
-
-
- {t('about.overview.description2')}
-
-
- {t('about.overview.description3')}
-
+
+
+
+
+
+
+
+
+
+ {t('about.overview.title')}
+
+
+ {t('about.overview.description1')}
+
+
+ {t('about.overview.description2')}
+
+
+ {t('about.overview.description3')}
+
-
- {[0, 1, 2, 3].map((index) => (
-
-
- ✓
+
+ {[0, 1, 2, 3].map((index) => (
+
+
+ ✓
+
+
+
+ {t(`about.overview.benefits.${index}.title`)}
+
+
+ {t(`about.overview.benefits.${index}.description`)}
+
+
-
-
- {t(`about.overview.benefits.${index}.title`)}
-
-
- {t(`about.overview.benefits.${index}.description`)}
-
-
-
- ))}
+ ))}
+
+
+
+
-
-
-
-
-
+
+
{/* Stats Section */}
@@ -113,7 +116,7 @@ export default function AboutPage() {
{t('about.stats.subtitle')}
-
+
{[0, 1, 2, 3].map((index) => (
@@ -139,176 +142,190 @@ export default function AboutPage() {
{/* Our History */}
-
-
-
+
+
+
+
+
+
+ {t('about.history.title')}
+
+
+ {t('about.history.subtitle')}
+
-
- {t('about.history.title')}
-
-
- {t('about.history.subtitle')}
-
-
+
+
+
+
+
-
{/* Our Stations */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('about.stations.title')}
+
+
+ {t('about.stations.subtitle')}
+
-
- {t('about.stations.title')}
-
-
- {t('about.stations.subtitle')}
-
-
-
+
-
-
- {t('about.stations.description')}
-
-
+
+
+ {t('about.stations.description')}
+
+
+
-
-
+
+
{/* Our Values */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('about.values.title')}
+
+
+ {t('about.values.subtitle')}
+
-
- {t('about.values.title')}
-
-
- {t('about.values.subtitle')}
-
-
-
- {[0, 1, 2].map((index) => (
-
-
-
-
-
-
- {t(`about.values.items.${index}.title`)}
-
-
- {t(`about.values.items.${index}.description`)}
-
-
-
- ))}
+
+ {[0, 1, 2].map((index) => (
+
+
+
+
+
+
+ {t(`about.values.items.${index}.title`)}
+
+
+ {t(`about.values.items.${index}.description`)}
+
+
+
+ ))}
+
-
-
+
+
{/* Our Team */}
-
-
-
-
-
-
-
- {t('about.team.title')}
-
-
- {t('about.team.subtitle')}
-
-
-
-
- {[0, 1, 2, 3].map((index) => (
-
-
-
-
-
-
- {t(`about.team.members.${index}.name`)}
-
-
- {t(`about.team.members.${index}.position`)}
-
-
+
+
+
+
+
+
- ))}
+
+ {t('about.team.title')}
+
+
+ {t('about.team.subtitle')}
+
+
+
+
+ {[0, 1, 2, 3].map((index) => (
+
+
+
+
+
+
+ {t(`about.team.members.${index}.name`)}
+
+
+ {t(`about.team.members.${index}.position`)}
+
+
+
+ ))}
+
-
-
+
+
{/* Testimonials */}
-
-
-
-
-
-
-
- {t('about.testimonials.title')}
-
-
- {t('about.testimonials.subtitle')}
-
-
+
-
- {[0, 1, 2].map((index) => (
-
-
-
- {Array(5)
- .fill(0)
- .map((_, i) => (
-
- ))}
-
-
- "{t(`about.testimonials.items.${index}.text`)}"
-
-
- {t(`about.testimonials.items.${index}.name`)}
-
-
-
- ))}
+
+
+
+
+
+
+
+ {t('about.testimonials.title')}
+
+
+ {t('about.testimonials.subtitle')}
+
+
+
+
+ {[0, 1, 2].map((index) => (
+
+
+
+ {Array(5)
+ .fill(0)
+ .map((_, i) => (
+
+ ))}
+
+
+ "{t(`about.testimonials.items.${index}.text`)}"
+
+
+ {t(`about.testimonials.items.${index}.name`)}
+
+
+
+ ))}
+
-
-
+
+
diff --git a/src/pages-templates/charity/index.tsx b/src/pages-templates/charity/index.tsx
index 43abbd3..c33997e 100644
--- a/src/pages-templates/charity/index.tsx
+++ b/src/pages-templates/charity/index.tsx
@@ -21,6 +21,7 @@ import {
} from '@/shared/shadcn-ui/card';
import { CtaSection } from '@/widgets/cta-section';
+import Container from '@/shared/shadcn-ui/conteiner';
export const metadata = {
title: 'Благотворительность | GasNetwork - Сеть заправок в Таджикистане',
@@ -46,68 +47,72 @@ export function CharityPage() {
priority
/>
-
-
-
-
+
+
+
+
+
+
+
+ {t('charity.hero.title')}
+
+
+ {t('charity.hero.subtitle')}
+
-
- {t('charity.hero.title')}
-
-
- {t('charity.hero.subtitle')}
-
-
+
{/* Mission Section */}
-
-
-
-
-
-
-
-
- {t('charity.mission.title')}
-
-
- {t('charity.mission.description1')}
-
-
- {t('charity.mission.description2')}
-
+
+
+
+
+
+
+
+
+
+ {t('charity.mission.title')}
+
+
+ {t('charity.mission.description1')}
+
+
+ {t('charity.mission.description2')}
+
-
- {[0, 1, 2].map((index) => (
-
-
-
-
- {t(`charity.mission.principles.${index}.title`)}
-
-
- {t(`charity.mission.principles.${index}.description`)}
-
+
+ {[0, 1, 2].map((index) => (
+
+
+
+
+ {t(`charity.mission.principles.${index}.title`)}
+
+
+ {t(`charity.mission.principles.${index}.description`)}
+
+
-
- ))}
+ ))}
+
+
+
+
-
-
-
-
-
+
+
{/* Key Figures */}
@@ -136,140 +141,146 @@ export function CharityPage() {
{/* Upcoming Events */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('charity.events.title')}
+
+
+ {t('charity.events.subtitle')}
+
-
- {t('charity.events.title')}
-
-
- {t('charity.events.subtitle')}
-
-
-
- {[
- {
- title: 'Благотворительный марафон',
- description:
- 'Ежегодный благотворительный марафон в поддержку детей с особыми потребностями.',
- date: '15 июня 2023',
- location: 'Парк Рудаки, Душанбе',
- image: '/placeholder.svg?height=200&width=300&text=Марафон',
- },
- {
- title: 'Экологическая акция',
- description:
- 'Очистка берегов реки Варзоб от мусора и посадка деревьев.',
- date: '22 июля 2023',
- location: 'Река Варзоб, Душанбе',
- image:
- '/placeholder.svg?height=200&width=300&text=Экологическая+акция',
- },
- {
- title: 'Сбор школьных принадлежностей',
- description:
- 'Сбор школьных принадлежностей для детей из малообеспеченных семей к новому учебному году.',
- date: '1-20 августа 2023',
- location: 'Все заправки GasNetwork',
- image:
- '/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
- },
- ].map((event, index) => (
-
-
-
-
-
- {event.title}
-
-
- {event.description}
-
-
- {event.date}
+
+ {[
+ {
+ title: 'Благотворительный марафон',
+ description:
+ 'Ежегодный благотворительный марафон в поддержку детей с особыми потребностями.',
+ date: '15 июня 2023',
+ location: 'Парк Рудаки, Душанбе',
+ image: '/placeholder.svg?height=200&width=300&text=Марафон',
+ },
+ {
+ title: 'Экологическая акция',
+ description:
+ 'Очистка берегов реки Варзоб от мусора и посадка деревьев.',
+ date: '22 июля 2023',
+ location: 'Река Варзоб, Душанбе',
+ image:
+ '/placeholder.svg?height=200&width=300&text=Экологическая+акция',
+ },
+ {
+ title: 'Сбор школьных принадлежностей',
+ description:
+ 'Сбор школьных принадлежностей для детей из малообеспеченных семей к новому учебному году.',
+ date: '1-20 августа 2023',
+ location: 'Все заправки GasNetwork',
+ image:
+ '/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
+ },
+ ].map((event, index) => (
+
+
+
+
+
+
+ {event.title}
+
+
+ {event.description}
+
+
+ {event.date}
+
+
+
+ {event.location}
+
+
-
-
- {event.location}
-
-
-
-
-
-
- ))}
+
+
+
+
+ ))}
+
-
-
+
+
{/* How to Help */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('charity.help.title')}
+
+
+ {t('charity.help.subtitle')}
+
-
- {t('charity.help.title')}
-
-
- {t('charity.help.subtitle')}
-
-
-
- {[
- {
- title: 'Сделать пожертвование',
- description:
- 'Ваше пожертвование поможет нам реализовать больше проектов и помочь большему количеству людей.',
- icon: ,
- },
- {
- title: 'Стать волонтером',
- description:
- 'Присоединяйтесь к нашей команде волонтеров и помогайте нам в реализации благотворительных проектов.',
- icon: ,
- },
- {
- title: 'Участвовать в мероприятиях',
- description:
- 'Принимайте участие в наших благотворительных мероприятиях и акциях.',
- icon: ,
- },
- {
- title: 'Распространять информацию',
- description:
- 'Расскажите о нашем фонде и его деятельности своим друзьям и знакомым.',
- icon: ,
- },
- ].map((item, index) => (
-
-
- {item.icon}
-
- {item.title}
-
-
-
- {item.description}
-
-
- ))}
+
+ {[
+ {
+ title: 'Сделать пожертвование',
+ description:
+ 'Ваше пожертвование поможет нам реализовать больше проектов и помочь большему количеству людей.',
+ icon: ,
+ },
+ {
+ title: 'Стать волонтером',
+ description:
+ 'Присоединяйтесь к нашей команде волонтеров и помогайте нам в реализации благотворительных проектов.',
+ icon: ,
+ },
+ {
+ title: 'Участвовать в мероприятиях',
+ description:
+ 'Принимайте участие в наших благотворительных мероприятиях и акциях.',
+ icon: ,
+ },
+ {
+ title: 'Распространять информацию',
+ description:
+ 'Расскажите о нашем фонде и его деятельности своим друзьям и знакомым.',
+ icon: ,
+ },
+ ].map((item, index) => (
+
+
+ {item.icon}
+
+ {item.title}
+
+
+
+ {item.description}
+
+
+ ))}
+
-
-
+
+
diff --git a/src/pages-templates/clients/certificates/index.tsx b/src/pages-templates/clients/certificates/index.tsx
index d6db9da..0d20136 100644
--- a/src/pages-templates/clients/certificates/index.tsx
+++ b/src/pages-templates/clients/certificates/index.tsx
@@ -6,6 +6,7 @@ import Image from 'next/image';
import { useTextController } from '@/shared/language/hooks/use-text-controller';
import { Button } from '@/shared/shadcn-ui/button';
import { Card, CardContent } from '@/shared/shadcn-ui/card';
+import Container from '@/shared/shadcn-ui/conteiner';
export function CertificatesPage() {
const { t } = useTextController();
@@ -64,7 +65,7 @@ export function CertificatesPage() {
];
return (
- <>
+
{t('certificates.title')}
@@ -122,6 +123,6 @@ export function CertificatesPage() {
))}
- >
+
);
}
diff --git a/src/pages-templates/clients/index.tsx b/src/pages-templates/clients/index.tsx
index 2235798..c63d125 100644
--- a/src/pages-templates/clients/index.tsx
+++ b/src/pages-templates/clients/index.tsx
@@ -7,6 +7,7 @@ import { useTextController } from '@/shared/language/hooks/use-text-controller';
import { BenefitsSection } from '@/widgets/clients/ui/benefits-section';
import { ServicesOverviewSection } from '@/widgets/clients/ui/services-overview-section';
import { CtaSection } from '@/widgets/cta-section';
+import Container from '@/shared/shadcn-ui/conteiner';
export const metadata = {
title: 'Клиентам | GasNetwork - Сеть заправок в Таджикистане',
@@ -32,16 +33,18 @@ export function ClientsPage() {
priority
/>
-
-
-
- {t('clients.title')}
-
-
- {t('clients.description')}
-
+
+
+
+
+ {t('clients.title')}
+
+
+ {t('clients.description')}
+
+
-
+
diff --git a/src/pages-templates/clients/loyalty/index.tsx b/src/pages-templates/clients/loyalty/index.tsx
index b47394f..141fd5a 100644
--- a/src/pages-templates/clients/loyalty/index.tsx
+++ b/src/pages-templates/clients/loyalty/index.tsx
@@ -7,6 +7,7 @@ import { useTextController } from '@/shared/language/hooks/use-text-controller';
import { Card, CardContent } from '@/shared/shadcn-ui/card';
import { CtaSection } from '@/widgets/cta-section';
+import Container from '@/shared/shadcn-ui/conteiner';
export const metadata = {
title: 'Программа лояльности | GasNetwork - Сеть заправок в Таджикистане',
@@ -32,294 +33,299 @@ export function LoyaltyPage() {
priority
/>
-
-
-
- {t('clients.loyalty.title')}
-
-
- {t('clients.loyalty.description')}
+
+
+
+
+ {t('clients.loyalty.title')}
+
+
+ {t('clients.loyalty.description')}
+
+
+
+
+
+
+
+
+
+ {/* Program Overview */}
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.programm.about')}
+
+
+ {t('clients.loyalty.programm.about-description')}
+
+
+ {t('clients.loyalty.programm.about-description-2')}
+
+
+
+
+
+ ✓
+
+
+
+ {t('clients.loyalty.programm.conditions-1')}
+
+
+ {t('clients.loyalty.programm.conditions.description-1')}
+
+
+
+
+
+ ✓
+
+
+
+ {t('clients.loyalty.programm.conditions-2')}
+
+
+ {t('clients.loyalty.programm.conditions.description-2')}
+
+
+
+
+
+ ✓
+
+
+
+ {t('clients.loyalty.programm.conditions-3')}
+
+
+ {t('clients.loyalty.programm.conditions.description-3')}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* How It Works */}
+
+
+
+
+ {t('clients.loyalty.works.title')}
+
+
+ {t('clients.loyalty.works.description')}
+
+
+
+
+
+
+ 1
+
+
+ {t('clients.loyalty.works.stage-1')}
+
+
+ {t('clients.loyalty.works.stage.description-1')}
+
+
+
+
+ 2
+
+
+ {t('clients.loyalty.works.stage-2')}
+
+
+ {t('clients.loyalty.works.stage.description-2')}
+
+
+
+
+ 3
+
+
+ {t('clients.loyalty.works.stage-3')}
+
+
+ {t('clients.loyalty.works.stage.description-3')}
+
+
+
+
+ 4
+
+
+ {t('clients.loyalty.works.stage-4')}
+
+
+ {t('clients.loyalty.works.stage.description-4')}
-
-
-
- {/* Program Overview */}
-
-
-
-
-
-
-
-
- {t('clients.loyalty.programm.about')}
+
+
+ {/* Loyalty Levels */}
+
+
+
+
+ {t('clients.loyalty.works.levels.title')}
-
- {t('clients.loyalty.programm.about-description')}
-
-
- {t('clients.loyalty.programm.about-description-2')}
+
+ {t('clients.loyalty.works.levels.description')}
+
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-1')}
-
-
- {t('clients.loyalty.programm.conditions.description-1')}
+
+
+
+
+ {t('clients.loyalty.works.levels.card-1.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-1.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-2')}
-
-
- {t('clients.loyalty.programm.conditions.description-2')}
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-3')}
+
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.works.levels.card-2.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-2.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-3')}
-
-
- {t('clients.loyalty.programm.conditions.description-3')}
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-2.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-3')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-4.bonus-4')}
+
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.works.levels.card-3.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-3.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
-
-
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-3')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-4')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-5')}
+
+
+
+
+
-
-
+
+
- {/* How It Works */}
-
-
-
-
- {t('clients.loyalty.works.title')}
-
-
- {t('clients.loyalty.works.description')}
-
-
-
-
-
-
- 1
-
-
- {t('clients.loyalty.works.stage-1')}
-
-
- {t('clients.loyalty.works.stage.description-1')}
-
-
-
-
- 2
-
-
- {t('clients.loyalty.works.stage-2')}
-
-
- {t('clients.loyalty.works.stage.description-2')}
-
-
-
-
- 3
-
-
- {t('clients.loyalty.works.stage-3')}
-
-
- {t('clients.loyalty.works.stage.description-3')}
-
-
-
-
- 4
-
-
- {t('clients.loyalty.works.stage-4')}
-
-
- {t('clients.loyalty.works.stage.description-4')}
-
-
-
-
-
-
- {/* Loyalty Levels */}
-
-
-
-
- {t('clients.loyalty.works.levels.title')}
-
-
- {t('clients.loyalty.works.levels.description')}
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-1.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-1.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-3')}
-
-
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-2.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-2.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-2.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-3')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-4.bonus-4')}
-
-
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-3.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-3.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-3')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-4')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-5')}
-
-
-
-
-
-
-
-
diff --git a/src/pages-templates/login/index.tsx b/src/pages-templates/login/index.tsx
index c248838..712d049 100644
--- a/src/pages-templates/login/index.tsx
+++ b/src/pages-templates/login/index.tsx
@@ -22,6 +22,7 @@ import {
TabsList,
TabsTrigger,
} from '@/shared/shadcn-ui/tabs';
+import Container from '@/shared/shadcn-ui/conteiner';
const tabs = [
{
@@ -51,107 +52,109 @@ export default function LoginPage() {
};
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {t('auth.title')}
+
+ {t('auth.description')}
-
- {t('auth.title')}
-
- {t('auth.description')}
-
-
-
-
+
+
+
+ {tabs.map((tab) => {
+ return (
+
+ {t(tab.label)}
+
+ );
+ })}
+
+
{tabs.map((tab) => {
- return (
-
- {t(tab.label)}
-
- );
- })}
-
+ const tabCookieName = `${tab.type}__token`;
- {tabs.map((tab) => {
- const tabCookieName = `${tab.type}__token`;
+ const authenticationCookie = getCookie(tabCookieName);
- const authenticationCookie = getCookie(tabCookieName);
+ if (authenticationCookie) {
+ return (
+
+
+
+ {t(tab.title)}
+
+
+
+
+
+
+
+
+
+ );
+ }
- if (authenticationCookie) {
return (
{t(tab.title)}
+ {t(tab.description)}
-
-
-
-
-
+
+
);
- }
+ })}
+
- return (
-
-
-
- {t(tab.title)}
- {t(tab.description)}
-
-
-
-
-
-
- );
- })}
-
-
-
-
- {t('auth.loginIssues')}{' '}
-
- {t('auth.contactLink')}
-
-
+
+
+ {t('auth.loginIssues')}{' '}
+
+ {t('auth.contactLink')}
+
+
+
-
-
-
+
+
+
);
}
diff --git a/src/shared/shadcn-ui/conteiner.tsx b/src/shared/shadcn-ui/conteiner.tsx
new file mode 100644
index 0000000..43ea538
--- /dev/null
+++ b/src/shared/shadcn-ui/conteiner.tsx
@@ -0,0 +1,10 @@
+"use client"
+
+interface ContainerProps {
+ children: React.ReactNode
+}
+export default function Container({children}: ContainerProps) {
+ return (
+ {children}
+ )
+}
\ No newline at end of file
diff --git a/src/widgets/about-page/station-gallery.tsx b/src/widgets/about-page/station-gallery.tsx
index 16bfa53..c47b752 100644
--- a/src/widgets/about-page/station-gallery.tsx
+++ b/src/widgets/about-page/station-gallery.tsx
@@ -76,7 +76,7 @@ export function StationGallery() {
const { t } = useTextController();
return (
-
+
{
const { t } = useTextController();
return (
-
-
-
-
-
-
-
-
- {t('clients.benefits.title')}
-
-
- {t('clients.benefits.subtitle')}
-
+
+
+
+
+
+
+
+
+
+ {t('clients.benefits.title')}
+
+
+ {t('clients.benefits.subtitle')}
+
-
- {benefits.map(({ title, description }) => {
- return (
-
-
- ✓
+
+ {benefits.map(({ title, description }) => {
+ return (
+
+
+ ✓
+
+
+ {title}
+ {description}
+
-
- {title}
- {description}
-
-
- );
- })}
+ );
+ })}
+
+
+
+
-
-
-
-
-
+
+
);
};
diff --git a/src/widgets/clients/ui/services-overview-section.tsx b/src/widgets/clients/ui/services-overview-section.tsx
index e212173..f32bdd5 100644
--- a/src/widgets/clients/ui/services-overview-section.tsx
+++ b/src/widgets/clients/ui/services-overview-section.tsx
@@ -11,6 +11,7 @@ import {
CardHeader,
CardTitle,
} from '@/shared/shadcn-ui/card';
+import Container from '@/shared/shadcn-ui/conteiner';
interface ServiceOverview {
title: string;
@@ -49,39 +50,41 @@ export const ServicesOverviewSection = () => {
const { t } = useTextController();
return (
-
-
-
-
- {t('clients.services.title')}
-
-
- {t('clients.services.subtitle')}
-
-
+
+
+
+
+
+ {t('clients.services.title')}
+
+
+ {t('clients.services.subtitle')}
+
+
-
- {servicesOverview.map(({ description, Icon, contentText, title }) => {
- return (
-
-
-
-
-
- {title}
- {description}
-
-
- {contentText}
-
-
- );
- })}
+
+ {servicesOverview.map(({ description, Icon, contentText, title }) => {
+ return (
+
+
+
+
+
+ {title}
+ {description}
+
+
+ {contentText}
+
+
+ );
+ })}
+
-
-
+
+
);
};
diff --git a/src/widgets/footer.tsx b/src/widgets/footer.tsx
index c921b99..856aee1 100644
--- a/src/widgets/footer.tsx
+++ b/src/widgets/footer.tsx
@@ -11,113 +11,119 @@ export const Footer = () => {
return (
- {t('about.overview.title')} -
-- {t('about.overview.description1')} -
-- {t('about.overview.description2')} -
-- {t('about.overview.description3')} -
++ {t('about.overview.title')} +
++ {t('about.overview.description1')} +
++ {t('about.overview.description2')} +
++ {t('about.overview.description3')} +
-+ {t(`about.overview.benefits.${index}.title`)} +
++ {t(`about.overview.benefits.${index}.description`)} +
+- {t(`about.overview.benefits.${index}.title`)} -
-- {t(`about.overview.benefits.${index}.description`)} -
-
@@ -139,176 +142,190 @@ export default function AboutPage() {
{/* Our History */}
-
-
-
+
+
+
+
+
+
+ {t('about.history.title')}
+
+
+ {t('about.history.subtitle')}
+
-
- {t('about.history.title')}
-
-
- {t('about.history.subtitle')}
-
-
+
+
+
+
+
-
{/* Our Stations */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('about.stations.title')}
+
+
+ {t('about.stations.subtitle')}
+
-
- {t('about.stations.title')}
-
-
- {t('about.stations.subtitle')}
-
-
-
+
-
-
- {t('about.stations.description')}
-
-
+
+
+ {t('about.stations.description')}
+
+
+
-
-
+
+
{/* Our Values */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('about.values.title')}
+
+
+ {t('about.values.subtitle')}
+
-
- {t('about.values.title')}
-
-
- {t('about.values.subtitle')}
-
-
-
- {[0, 1, 2].map((index) => (
-
-
-
-
-
-
- {t(`about.values.items.${index}.title`)}
-
-
- {t(`about.values.items.${index}.description`)}
-
-
-
- ))}
+
+ {[0, 1, 2].map((index) => (
+
+
+
+
+
+
+ {t(`about.values.items.${index}.title`)}
+
+
+ {t(`about.values.items.${index}.description`)}
+
+
+
+ ))}
+
-
-
+
+
{/* Our Team */}
-
-
-
-
-
-
-
- {t('about.team.title')}
-
-
- {t('about.team.subtitle')}
-
-
-
-
- {[0, 1, 2, 3].map((index) => (
-
-
-
-
-
-
- {t(`about.team.members.${index}.name`)}
-
-
- {t(`about.team.members.${index}.position`)}
-
-
+
+
+
+
+
+
- ))}
+
+ {t('about.team.title')}
+
+
+ {t('about.team.subtitle')}
+
+
+
+
+ {[0, 1, 2, 3].map((index) => (
+
+
+
+
+
+
+ {t(`about.team.members.${index}.name`)}
+
+
+ {t(`about.team.members.${index}.position`)}
+
+
+
+ ))}
+
-
-
+
+
{/* Testimonials */}
-
-
-
-
-
-
-
- {t('about.testimonials.title')}
-
-
- {t('about.testimonials.subtitle')}
-
-
+
-
- {[0, 1, 2].map((index) => (
-
-
-
- {Array(5)
- .fill(0)
- .map((_, i) => (
-
- ))}
-
-
- "{t(`about.testimonials.items.${index}.text`)}"
-
-
- {t(`about.testimonials.items.${index}.name`)}
-
-
-
- ))}
+
+
+
+
+
+
+
+ {t('about.testimonials.title')}
+
+
+ {t('about.testimonials.subtitle')}
+
+
+
+
+ {[0, 1, 2].map((index) => (
+
+
+
+ {Array(5)
+ .fill(0)
+ .map((_, i) => (
+
+ ))}
+
+
+ "{t(`about.testimonials.items.${index}.text`)}"
+
+
+ {t(`about.testimonials.items.${index}.name`)}
+
+
+
+ ))}
+
-
-
+
+
diff --git a/src/pages-templates/charity/index.tsx b/src/pages-templates/charity/index.tsx
index 43abbd3..c33997e 100644
--- a/src/pages-templates/charity/index.tsx
+++ b/src/pages-templates/charity/index.tsx
@@ -21,6 +21,7 @@ import {
} from '@/shared/shadcn-ui/card';
import { CtaSection } from '@/widgets/cta-section';
+import Container from '@/shared/shadcn-ui/conteiner';
export const metadata = {
title: 'Благотворительность | GasNetwork - Сеть заправок в Таджикистане',
@@ -46,68 +47,72 @@ export function CharityPage() {
priority
/>
-
-
-
-
+
+
+
+
+
+
+
+ {t('charity.hero.title')}
+
+
+ {t('charity.hero.subtitle')}
+
-
- {t('charity.hero.title')}
-
-
- {t('charity.hero.subtitle')}
-
-
+
{/* Mission Section */}
-
-
-
-
-
-
-
-
- {t('charity.mission.title')}
-
-
- {t('charity.mission.description1')}
-
-
- {t('charity.mission.description2')}
-
+
+
+
+
+
+
+
+
+
+ {t('charity.mission.title')}
+
+
+ {t('charity.mission.description1')}
+
+
+ {t('charity.mission.description2')}
+
-
- {[0, 1, 2].map((index) => (
-
-
-
-
- {t(`charity.mission.principles.${index}.title`)}
-
-
- {t(`charity.mission.principles.${index}.description`)}
-
+
+ {[0, 1, 2].map((index) => (
+
+
+
+
+ {t(`charity.mission.principles.${index}.title`)}
+
+
+ {t(`charity.mission.principles.${index}.description`)}
+
+
-
- ))}
+ ))}
+
+
+
+
-
-
-
-
-
+
+
{/* Key Figures */}
@@ -136,140 +141,146 @@ export function CharityPage() {
{/* Upcoming Events */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('charity.events.title')}
+
+
+ {t('charity.events.subtitle')}
+
-
- {t('charity.events.title')}
-
-
- {t('charity.events.subtitle')}
-
-
-
- {[
- {
- title: 'Благотворительный марафон',
- description:
- 'Ежегодный благотворительный марафон в поддержку детей с особыми потребностями.',
- date: '15 июня 2023',
- location: 'Парк Рудаки, Душанбе',
- image: '/placeholder.svg?height=200&width=300&text=Марафон',
- },
- {
- title: 'Экологическая акция',
- description:
- 'Очистка берегов реки Варзоб от мусора и посадка деревьев.',
- date: '22 июля 2023',
- location: 'Река Варзоб, Душанбе',
- image:
- '/placeholder.svg?height=200&width=300&text=Экологическая+акция',
- },
- {
- title: 'Сбор школьных принадлежностей',
- description:
- 'Сбор школьных принадлежностей для детей из малообеспеченных семей к новому учебному году.',
- date: '1-20 августа 2023',
- location: 'Все заправки GasNetwork',
- image:
- '/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
- },
- ].map((event, index) => (
-
-
-
-
-
- {event.title}
-
-
- {event.description}
-
-
- {event.date}
+
+ {[
+ {
+ title: 'Благотворительный марафон',
+ description:
+ 'Ежегодный благотворительный марафон в поддержку детей с особыми потребностями.',
+ date: '15 июня 2023',
+ location: 'Парк Рудаки, Душанбе',
+ image: '/placeholder.svg?height=200&width=300&text=Марафон',
+ },
+ {
+ title: 'Экологическая акция',
+ description:
+ 'Очистка берегов реки Варзоб от мусора и посадка деревьев.',
+ date: '22 июля 2023',
+ location: 'Река Варзоб, Душанбе',
+ image:
+ '/placeholder.svg?height=200&width=300&text=Экологическая+акция',
+ },
+ {
+ title: 'Сбор школьных принадлежностей',
+ description:
+ 'Сбор школьных принадлежностей для детей из малообеспеченных семей к новому учебному году.',
+ date: '1-20 августа 2023',
+ location: 'Все заправки GasNetwork',
+ image:
+ '/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
+ },
+ ].map((event, index) => (
+
+
+
+
+
+
+ {event.title}
+
+
+ {event.description}
+
+
+ {event.date}
+
+
+
+ {event.location}
+
+
-
-
- {event.location}
-
-
-
-
-
-
- ))}
+
+
+
+
+ ))}
+
-
-
+
+
{/* How to Help */}
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {t('charity.help.title')}
+
+
+ {t('charity.help.subtitle')}
+
-
- {t('charity.help.title')}
-
-
- {t('charity.help.subtitle')}
-
-
-
- {[
- {
- title: 'Сделать пожертвование',
- description:
- 'Ваше пожертвование поможет нам реализовать больше проектов и помочь большему количеству людей.',
- icon: ,
- },
- {
- title: 'Стать волонтером',
- description:
- 'Присоединяйтесь к нашей команде волонтеров и помогайте нам в реализации благотворительных проектов.',
- icon: ,
- },
- {
- title: 'Участвовать в мероприятиях',
- description:
- 'Принимайте участие в наших благотворительных мероприятиях и акциях.',
- icon: ,
- },
- {
- title: 'Распространять информацию',
- description:
- 'Расскажите о нашем фонде и его деятельности своим друзьям и знакомым.',
- icon: ,
- },
- ].map((item, index) => (
-
-
- {item.icon}
-
- {item.title}
-
-
-
- {item.description}
-
-
- ))}
+
+ {[
+ {
+ title: 'Сделать пожертвование',
+ description:
+ 'Ваше пожертвование поможет нам реализовать больше проектов и помочь большему количеству людей.',
+ icon: ,
+ },
+ {
+ title: 'Стать волонтером',
+ description:
+ 'Присоединяйтесь к нашей команде волонтеров и помогайте нам в реализации благотворительных проектов.',
+ icon: ,
+ },
+ {
+ title: 'Участвовать в мероприятиях',
+ description:
+ 'Принимайте участие в наших благотворительных мероприятиях и акциях.',
+ icon: ,
+ },
+ {
+ title: 'Распространять информацию',
+ description:
+ 'Расскажите о нашем фонде и его деятельности своим друзьям и знакомым.',
+ icon: ,
+ },
+ ].map((item, index) => (
+
+
+ {item.icon}
+
+ {item.title}
+
+
+
+ {item.description}
+
+
+ ))}
+
-
-
+
+
diff --git a/src/pages-templates/clients/certificates/index.tsx b/src/pages-templates/clients/certificates/index.tsx
index d6db9da..0d20136 100644
--- a/src/pages-templates/clients/certificates/index.tsx
+++ b/src/pages-templates/clients/certificates/index.tsx
@@ -6,6 +6,7 @@ import Image from 'next/image';
import { useTextController } from '@/shared/language/hooks/use-text-controller';
import { Button } from '@/shared/shadcn-ui/button';
import { Card, CardContent } from '@/shared/shadcn-ui/card';
+import Container from '@/shared/shadcn-ui/conteiner';
export function CertificatesPage() {
const { t } = useTextController();
@@ -64,7 +65,7 @@ export function CertificatesPage() {
];
return (
- <>
+
{t('certificates.title')}
@@ -122,6 +123,6 @@ export function CertificatesPage() {
))}
- >
+
);
}
diff --git a/src/pages-templates/clients/index.tsx b/src/pages-templates/clients/index.tsx
index 2235798..c63d125 100644
--- a/src/pages-templates/clients/index.tsx
+++ b/src/pages-templates/clients/index.tsx
@@ -7,6 +7,7 @@ import { useTextController } from '@/shared/language/hooks/use-text-controller';
import { BenefitsSection } from '@/widgets/clients/ui/benefits-section';
import { ServicesOverviewSection } from '@/widgets/clients/ui/services-overview-section';
import { CtaSection } from '@/widgets/cta-section';
+import Container from '@/shared/shadcn-ui/conteiner';
export const metadata = {
title: 'Клиентам | GasNetwork - Сеть заправок в Таджикистане',
@@ -32,16 +33,18 @@ export function ClientsPage() {
priority
/>
-
-
-
- {t('clients.title')}
-
-
- {t('clients.description')}
-
+
+
+
+
+ {t('clients.title')}
+
+
+ {t('clients.description')}
+
+
-
+
diff --git a/src/pages-templates/clients/loyalty/index.tsx b/src/pages-templates/clients/loyalty/index.tsx
index b47394f..141fd5a 100644
--- a/src/pages-templates/clients/loyalty/index.tsx
+++ b/src/pages-templates/clients/loyalty/index.tsx
@@ -7,6 +7,7 @@ import { useTextController } from '@/shared/language/hooks/use-text-controller';
import { Card, CardContent } from '@/shared/shadcn-ui/card';
import { CtaSection } from '@/widgets/cta-section';
+import Container from '@/shared/shadcn-ui/conteiner';
export const metadata = {
title: 'Программа лояльности | GasNetwork - Сеть заправок в Таджикистане',
@@ -32,294 +33,299 @@ export function LoyaltyPage() {
priority
/>
-
-
-
- {t('clients.loyalty.title')}
-
-
- {t('clients.loyalty.description')}
+
+
+
+
+ {t('clients.loyalty.title')}
+
+
+ {t('clients.loyalty.description')}
+
+
+
+
+
+
+
+
+
+ {/* Program Overview */}
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.programm.about')}
+
+
+ {t('clients.loyalty.programm.about-description')}
+
+
+ {t('clients.loyalty.programm.about-description-2')}
+
+
+
+
+
+ ✓
+
+
+
+ {t('clients.loyalty.programm.conditions-1')}
+
+
+ {t('clients.loyalty.programm.conditions.description-1')}
+
+
+
+
+
+ ✓
+
+
+
+ {t('clients.loyalty.programm.conditions-2')}
+
+
+ {t('clients.loyalty.programm.conditions.description-2')}
+
+
+
+
+
+ ✓
+
+
+
+ {t('clients.loyalty.programm.conditions-3')}
+
+
+ {t('clients.loyalty.programm.conditions.description-3')}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* How It Works */}
+
+
+
+
+ {t('clients.loyalty.works.title')}
+
+
+ {t('clients.loyalty.works.description')}
+
+
+
+
+
+
+ 1
+
+
+ {t('clients.loyalty.works.stage-1')}
+
+
+ {t('clients.loyalty.works.stage.description-1')}
+
+
+
+
+ 2
+
+
+ {t('clients.loyalty.works.stage-2')}
+
+
+ {t('clients.loyalty.works.stage.description-2')}
+
+
+
+
+ 3
+
+
+ {t('clients.loyalty.works.stage-3')}
+
+
+ {t('clients.loyalty.works.stage.description-3')}
+
+
+
+
+ 4
+
+
+ {t('clients.loyalty.works.stage-4')}
+
+
+ {t('clients.loyalty.works.stage.description-4')}
-
-
-
- {/* Program Overview */}
-
-
-
-
-
-
-
-
- {t('clients.loyalty.programm.about')}
+
+
+ {/* Loyalty Levels */}
+
+
+
+
+ {t('clients.loyalty.works.levels.title')}
-
- {t('clients.loyalty.programm.about-description')}
-
-
- {t('clients.loyalty.programm.about-description-2')}
+
+ {t('clients.loyalty.works.levels.description')}
+
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-1')}
-
-
- {t('clients.loyalty.programm.conditions.description-1')}
+
+
+
+
+ {t('clients.loyalty.works.levels.card-1.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-1.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-2')}
-
-
- {t('clients.loyalty.programm.conditions.description-2')}
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-3')}
+
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.works.levels.card-2.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-2.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-3')}
-
-
- {t('clients.loyalty.programm.conditions.description-3')}
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-2.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-3')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-4.bonus-4')}
+
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.works.levels.card-3.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-3.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
-
-
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-3')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-4')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-5')}
+
+
+
+
+
-
-
+
+
- {/* How It Works */}
-
-
-
-
- {t('clients.loyalty.works.title')}
-
-
- {t('clients.loyalty.works.description')}
-
-
-
-
-
-
- 1
-
-
- {t('clients.loyalty.works.stage-1')}
-
-
- {t('clients.loyalty.works.stage.description-1')}
-
-
-
-
- 2
-
-
- {t('clients.loyalty.works.stage-2')}
-
-
- {t('clients.loyalty.works.stage.description-2')}
-
-
-
-
- 3
-
-
- {t('clients.loyalty.works.stage-3')}
-
-
- {t('clients.loyalty.works.stage.description-3')}
-
-
-
-
- 4
-
-
- {t('clients.loyalty.works.stage-4')}
-
-
- {t('clients.loyalty.works.stage.description-4')}
-
-
-
-
-
-
- {/* Loyalty Levels */}
-
-
-
-
- {t('clients.loyalty.works.levels.title')}
-
-
- {t('clients.loyalty.works.levels.description')}
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-1.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-1.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-3')}
-
-
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-2.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-2.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-2.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-3')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-4.bonus-4')}
-
-
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-3.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-3.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-3')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-4')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-5')}
-
-
-
-
-
-
-
-
diff --git a/src/pages-templates/login/index.tsx b/src/pages-templates/login/index.tsx
index c248838..712d049 100644
--- a/src/pages-templates/login/index.tsx
+++ b/src/pages-templates/login/index.tsx
@@ -22,6 +22,7 @@ import {
TabsList,
TabsTrigger,
} from '@/shared/shadcn-ui/tabs';
+import Container from '@/shared/shadcn-ui/conteiner';
const tabs = [
{
@@ -51,107 +52,109 @@ export default function LoginPage() {
};
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {t('auth.title')}
+
+ {t('auth.description')}
-
- {t('auth.title')}
-
- {t('auth.description')}
-
-
-
-
+
+
+
+ {tabs.map((tab) => {
+ return (
+
+ {t(tab.label)}
+
+ );
+ })}
+
+
{tabs.map((tab) => {
- return (
-
- {t(tab.label)}
-
- );
- })}
-
+ const tabCookieName = `${tab.type}__token`;
- {tabs.map((tab) => {
- const tabCookieName = `${tab.type}__token`;
+ const authenticationCookie = getCookie(tabCookieName);
- const authenticationCookie = getCookie(tabCookieName);
+ if (authenticationCookie) {
+ return (
+
+
+
+ {t(tab.title)}
+
+
+
+
+
+
+
+
+
+ );
+ }
- if (authenticationCookie) {
return (
{t(tab.title)}
+ {t(tab.description)}
-
-
-
-
-
+
+
);
- }
+ })}
+
- return (
-
-
-
- {t(tab.title)}
- {t(tab.description)}
-
-
-
-
-
-
- );
- })}
-
-
-
-
- {t('auth.loginIssues')}{' '}
-
- {t('auth.contactLink')}
-
-
+
+
+ {t('auth.loginIssues')}{' '}
+
+ {t('auth.contactLink')}
+
+
+
-
-
-
+
+
+
);
}
diff --git a/src/shared/shadcn-ui/conteiner.tsx b/src/shared/shadcn-ui/conteiner.tsx
new file mode 100644
index 0000000..43ea538
--- /dev/null
+++ b/src/shared/shadcn-ui/conteiner.tsx
@@ -0,0 +1,10 @@
+"use client"
+
+interface ContainerProps {
+ children: React.ReactNode
+}
+export default function Container({children}: ContainerProps) {
+ return (
+ {children}
+ )
+}
\ No newline at end of file
diff --git a/src/widgets/about-page/station-gallery.tsx b/src/widgets/about-page/station-gallery.tsx
index 16bfa53..c47b752 100644
--- a/src/widgets/about-page/station-gallery.tsx
+++ b/src/widgets/about-page/station-gallery.tsx
@@ -76,7 +76,7 @@ export function StationGallery() {
const { t } = useTextController();
return (
-
+
{
const { t } = useTextController();
return (
-
-
-
-
-
-
-
-
- {t('clients.benefits.title')}
-
-
- {t('clients.benefits.subtitle')}
-
+
+
+
+
+
+
+
+
+
+ {t('clients.benefits.title')}
+
+
+ {t('clients.benefits.subtitle')}
+
-
- {benefits.map(({ title, description }) => {
- return (
-
-
- ✓
+
+ {benefits.map(({ title, description }) => {
+ return (
+
+
+ ✓
+
+
+ {title}
+ {description}
+
-
- {title}
- {description}
-
-
- );
- })}
+ );
+ })}
+
+
+
+
-
-
-
-
-
+
+
);
};
diff --git a/src/widgets/clients/ui/services-overview-section.tsx b/src/widgets/clients/ui/services-overview-section.tsx
index e212173..f32bdd5 100644
--- a/src/widgets/clients/ui/services-overview-section.tsx
+++ b/src/widgets/clients/ui/services-overview-section.tsx
@@ -11,6 +11,7 @@ import {
CardHeader,
CardTitle,
} from '@/shared/shadcn-ui/card';
+import Container from '@/shared/shadcn-ui/conteiner';
interface ServiceOverview {
title: string;
@@ -49,39 +50,41 @@ export const ServicesOverviewSection = () => {
const { t } = useTextController();
return (
-
-
-
-
- {t('clients.services.title')}
-
-
- {t('clients.services.subtitle')}
-
-
+
+
+
+
+
+ {t('clients.services.title')}
+
+
+ {t('clients.services.subtitle')}
+
+
-
- {servicesOverview.map(({ description, Icon, contentText, title }) => {
- return (
-
-
-
-
-
- {title}
- {description}
-
-
- {contentText}
-
-
- );
- })}
+
+ {servicesOverview.map(({ description, Icon, contentText, title }) => {
+ return (
+
+
+
+
+
+ {title}
+ {description}
+
+
+ {contentText}
+
+
+ );
+ })}
+
-
-
+
+
);
};
diff --git a/src/widgets/footer.tsx b/src/widgets/footer.tsx
index c921b99..856aee1 100644
--- a/src/widgets/footer.tsx
+++ b/src/widgets/footer.tsx
@@ -11,113 +11,119 @@ export const Footer = () => {
return (
+ {t('about.history.title')} +
++ {t('about.history.subtitle')} +
- {t('about.history.title')} -
-- {t('about.history.subtitle')} -
-+ {t('about.stations.title')} +
++ {t('about.stations.subtitle')} +
- {t('about.stations.title')} -
-- {t('about.stations.subtitle')} -
-- {t('about.stations.description')} -
- ++ {t('about.stations.description')} +
+ ++ {t('about.values.title')} +
++ {t('about.values.subtitle')} +
- {t('about.values.title')} -
-- {t('about.values.subtitle')} -
-- {t(`about.values.items.${index}.title`)} -
-- {t(`about.values.items.${index}.description`)} -
-+ {t(`about.values.items.${index}.title`)} +
++ {t(`about.values.items.${index}.description`)} +
+- {t('about.team.title')} -
-- {t('about.team.subtitle')} -
-- {t(`about.team.members.${index}.name`)} -
-- {t(`about.team.members.${index}.position`)} -
-+ {t('about.team.title')} +
++ {t('about.team.subtitle')} +
++ {t(`about.team.members.${index}.name`)} +
++ {t(`about.team.members.${index}.position`)} +
+- {t('about.testimonials.title')} -
-- {t('about.testimonials.subtitle')} -
-- "{t(`about.testimonials.items.${index}.text`)}" -
-- {t(`about.testimonials.items.${index}.name`)} -
-+ {t('about.testimonials.title')} +
++ {t('about.testimonials.subtitle')} +
++ "{t(`about.testimonials.items.${index}.text`)}" +
++ {t(`about.testimonials.items.${index}.name`)} +
++ {t('charity.hero.title')} +
++ {t('charity.hero.subtitle')} +
- {t('charity.hero.title')} -
-- {t('charity.hero.subtitle')} -
- {t('charity.mission.title')} -
-- {t('charity.mission.description1')} -
-- {t('charity.mission.description2')} -
++ {t('charity.mission.title')} +
++ {t('charity.mission.description1')} +
++ {t('charity.mission.description2')} +
-- {t(`charity.mission.principles.${index}.title`)} -
-- {t(`charity.mission.principles.${index}.description`)} -
++ {t(`charity.mission.principles.${index}.title`)} +
++ {t(`charity.mission.principles.${index}.description`)} +
++ {t('charity.events.title')} +
++ {t('charity.events.subtitle')} +
- {t('charity.events.title')} -
-- {t('charity.events.subtitle')} -
-{event.description}
-{event.description}
++ {t('charity.help.title')} +
++ {t('charity.help.subtitle')} +
- {t('charity.help.title')} -
-- {t('charity.help.subtitle')} -
-{item.description}
-{item.description}
+{t('certificates.title')}
@@ -122,6 +123,6 @@ export function CertificatesPage() { ))}- {t('clients.title')} -
-- {t('clients.description')} -
++ {t('clients.title')} +
++ {t('clients.description')} +
+- {t('clients.loyalty.title')} -
-
- {t('clients.loyalty.description')}
+
+ {t('clients.loyalty.description')}
+
+ {t('clients.loyalty.title')}
+
+
+ {t('clients.loyalty.programm.about')} +
++ {t('clients.loyalty.programm.about-description')} +
++ {t('clients.loyalty.programm.about-description-2')} +
+ ++ {t('clients.loyalty.programm.conditions-1')} +
++ {t('clients.loyalty.programm.conditions.description-1')} +
++ {t('clients.loyalty.programm.conditions-2')} +
++ {t('clients.loyalty.programm.conditions.description-2')} +
++ {t('clients.loyalty.programm.conditions-3')} +
++ {t('clients.loyalty.programm.conditions.description-3')} +
++ {t('clients.loyalty.works.title')} +
++ {t('clients.loyalty.works.description')} +
++ {t('clients.loyalty.works.stage-1')} +
++ {t('clients.loyalty.works.stage.description-1')} +
++ {t('clients.loyalty.works.stage-2')} +
++ {t('clients.loyalty.works.stage.description-2')} +
++ {t('clients.loyalty.works.stage-3')} +
++ {t('clients.loyalty.works.stage.description-3')} +
++ {t('clients.loyalty.works.stage-4')} +
++ {t('clients.loyalty.works.stage.description-4')}
- {t('clients.loyalty.programm.about')}
+
+
+ {/* Loyalty Levels */}
+
+
+
+
+ {t('clients.loyalty.works.levels.title')}
-
- {t('clients.loyalty.programm.about-description')}
-
-
- {t('clients.loyalty.programm.about-description-2')}
+
+ {t('clients.loyalty.works.levels.description')}
+
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-1')}
-
-
- {t('clients.loyalty.programm.conditions.description-1')}
+
+
+
+
+ {t('clients.loyalty.works.levels.card-1.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-1.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-2')}
-
-
- {t('clients.loyalty.programm.conditions.description-2')}
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-3')}
+
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.works.levels.card-2.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-2.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- ✓
-
-
-
- {t('clients.loyalty.programm.conditions-3')}
-
-
- {t('clients.loyalty.programm.conditions.description-3')}
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-1.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-2.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-3')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-4.bonus-4')}
+
+
+
+
+
+
+
+
+
+ {t('clients.loyalty.works.levels.card-3.title')}
+
+
+
+ {t('clients.loyalty.works.levels.card-3.percent')}
+
+
+ {t('clients.loyalty.works.levels.card.mark')}
-
-
-
-
-
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-1')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-2')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-3')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-4')}
+
+
+ -
+
+
+ {t('clients.loyalty.works.levels.card-3.bonus-5')}
+
+
+
+
+
-
-
+
+
- {/* How It Works */}
-
-
-
-
- {t('clients.loyalty.works.title')}
-
-
- {t('clients.loyalty.works.description')}
-
-
-
-
-
-
- 1
-
-
- {t('clients.loyalty.works.stage-1')}
-
-
- {t('clients.loyalty.works.stage.description-1')}
-
-
-
-
- 2
-
-
- {t('clients.loyalty.works.stage-2')}
-
-
- {t('clients.loyalty.works.stage.description-2')}
-
-
-
-
- 3
-
-
- {t('clients.loyalty.works.stage-3')}
-
-
- {t('clients.loyalty.works.stage.description-3')}
-
-
-
-
- 4
-
-
- {t('clients.loyalty.works.stage-4')}
-
-
- {t('clients.loyalty.works.stage.description-4')}
-
-
-
-
-
-
- {/* Loyalty Levels */}
-
-
-
-
- {t('clients.loyalty.works.levels.title')}
-
-
- {t('clients.loyalty.works.levels.description')}
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-1.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-1.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-3')}
-
-
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-2.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-2.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-1.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-2.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-3')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-4.bonus-4')}
-
-
-
-
-
-
-
-
-
- {t('clients.loyalty.works.levels.card-3.title')}
-
-
-
- {t('clients.loyalty.works.levels.card-3.percent')}
-
-
- {t('clients.loyalty.works.levels.card.mark')}
-
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-1')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-2')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-3')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-4')}
-
-
- -
-
-
- {t('clients.loyalty.works.levels.card-3.bonus-5')}
-
-
-
-
-
-
-
-
diff --git a/src/pages-templates/login/index.tsx b/src/pages-templates/login/index.tsx
index c248838..712d049 100644
--- a/src/pages-templates/login/index.tsx
+++ b/src/pages-templates/login/index.tsx
@@ -22,6 +22,7 @@ import {
TabsList,
TabsTrigger,
} from '@/shared/shadcn-ui/tabs';
+import Container from '@/shared/shadcn-ui/conteiner';
const tabs = [
{
@@ -51,107 +52,109 @@ export default function LoginPage() {
};
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {t('auth.title')}
+
+ {t('auth.description')}
-
- {t('auth.title')}
-
- {t('auth.description')}
-
-
-
-
+
+
+
+ {tabs.map((tab) => {
+ return (
+
+ {t(tab.label)}
+
+ );
+ })}
+
+
{tabs.map((tab) => {
- return (
-
- {t(tab.label)}
-
- );
- })}
-
+ const tabCookieName = `${tab.type}__token`;
- {tabs.map((tab) => {
- const tabCookieName = `${tab.type}__token`;
+ const authenticationCookie = getCookie(tabCookieName);
- const authenticationCookie = getCookie(tabCookieName);
+ if (authenticationCookie) {
+ return (
+
+
+
+ {t(tab.title)}
+
+
+
+
+
+
+
+
+
+ );
+ }
- if (authenticationCookie) {
return (
{t(tab.title)}
+ {t(tab.description)}
-
-
-
-
-
+
+
);
- }
+ })}
+
- return (
-
-
-
- {t(tab.title)}
- {t(tab.description)}
-
-
-
-
-
-
- );
- })}
-
-
-
-
- {t('auth.loginIssues')}{' '}
-
- {t('auth.contactLink')}
-
-
+
+
+ {t('auth.loginIssues')}{' '}
+
+ {t('auth.contactLink')}
+
+
+
-
-
-
+
+
+
);
}
diff --git a/src/shared/shadcn-ui/conteiner.tsx b/src/shared/shadcn-ui/conteiner.tsx
new file mode 100644
index 0000000..43ea538
--- /dev/null
+++ b/src/shared/shadcn-ui/conteiner.tsx
@@ -0,0 +1,10 @@
+"use client"
+
+interface ContainerProps {
+ children: React.ReactNode
+}
+export default function Container({children}: ContainerProps) {
+ return (
+ {children}
+ )
+}
\ No newline at end of file
diff --git a/src/widgets/about-page/station-gallery.tsx b/src/widgets/about-page/station-gallery.tsx
index 16bfa53..c47b752 100644
--- a/src/widgets/about-page/station-gallery.tsx
+++ b/src/widgets/about-page/station-gallery.tsx
@@ -76,7 +76,7 @@ export function StationGallery() {
const { t } = useTextController();
return (
-
+
{
const { t } = useTextController();
return (
-
-
-
-
-
-
-
-
- {t('clients.benefits.title')}
-
-
- {t('clients.benefits.subtitle')}
-
+
+
+
+
+
+
+
+
+
+ {t('clients.benefits.title')}
+
+
+ {t('clients.benefits.subtitle')}
+
-
- {benefits.map(({ title, description }) => {
- return (
-
-
- ✓
+
+ {benefits.map(({ title, description }) => {
+ return (
+
+
+ ✓
+
+
+ {title}
+ {description}
+
-
- {title}
- {description}
-
-
- );
- })}
+ );
+ })}
+
+
+
+
-
-
-
-
-
+
+
);
};
diff --git a/src/widgets/clients/ui/services-overview-section.tsx b/src/widgets/clients/ui/services-overview-section.tsx
index e212173..f32bdd5 100644
--- a/src/widgets/clients/ui/services-overview-section.tsx
+++ b/src/widgets/clients/ui/services-overview-section.tsx
@@ -11,6 +11,7 @@ import {
CardHeader,
CardTitle,
} from '@/shared/shadcn-ui/card';
+import Container from '@/shared/shadcn-ui/conteiner';
interface ServiceOverview {
title: string;
@@ -49,39 +50,41 @@ export const ServicesOverviewSection = () => {
const { t } = useTextController();
return (
-
-
-
-
- {t('clients.services.title')}
-
-
- {t('clients.services.subtitle')}
-
-
+
+
+
+
+
+ {t('clients.services.title')}
+
+
+ {t('clients.services.subtitle')}
+
+
-
- {servicesOverview.map(({ description, Icon, contentText, title }) => {
- return (
-
-
-
-
-
- {title}
- {description}
-
-
- {contentText}
-
-
- );
- })}
+
+ {servicesOverview.map(({ description, Icon, contentText, title }) => {
+ return (
+
+
+
+
+
+ {title}
+ {description}
+
+
+ {contentText}
+
+
+ );
+ })}
+
-
-
+
+
);
};
diff --git a/src/widgets/footer.tsx b/src/widgets/footer.tsx
index c921b99..856aee1 100644
--- a/src/widgets/footer.tsx
+++ b/src/widgets/footer.tsx
@@ -11,113 +11,119 @@ export const Footer = () => {
return (
+ {t('clients.loyalty.works.levels.title')}
-- {t('clients.loyalty.programm.about-description')} -
-- {t('clients.loyalty.programm.about-description-2')} +
+ {t('clients.loyalty.works.levels.description')}
+- {t('clients.loyalty.programm.conditions-1')} -
-- {t('clients.loyalty.programm.conditions.description-1')} +
+ {t('clients.loyalty.works.levels.card-1.title')} +
++ {t('clients.loyalty.works.levels.card.mark')}
- {t('clients.loyalty.programm.conditions-2')} -
-- {t('clients.loyalty.programm.conditions.description-2')} +
-
+
-
+
+ + {t('clients.loyalty.works.levels.card-1.bonus-1')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-1.bonus-2')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-1.bonus-3')} + +
+
+ {t('clients.loyalty.works.levels.card-2.title')} +
++ {t('clients.loyalty.works.levels.card.mark')}
- {t('clients.loyalty.programm.conditions-3')} -
-- {t('clients.loyalty.programm.conditions.description-3')} +
-
+
-
+
+ + {t('clients.loyalty.works.levels.card-1.bonus-1')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-2.bonus-2')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-3.bonus-3')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-4.bonus-4')} + +
+
+ {t('clients.loyalty.works.levels.card-3.title')} +
++ {t('clients.loyalty.works.levels.card.mark')}
-
+
-
+
+ + {t('clients.loyalty.works.levels.card-3.bonus-1')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-3.bonus-2')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-3.bonus-3')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-3.bonus-4')} + +
+ -
+
+ + {t('clients.loyalty.works.levels.card-3.bonus-5')} + +
+
- {t('clients.loyalty.works.title')} -
-- {t('clients.loyalty.works.description')} -
-- {t('clients.loyalty.works.stage-1')} -
-- {t('clients.loyalty.works.stage.description-1')} -
-- {t('clients.loyalty.works.stage-2')} -
-- {t('clients.loyalty.works.stage.description-2')} -
-- {t('clients.loyalty.works.stage-3')} -
-- {t('clients.loyalty.works.stage.description-3')} -
-- {t('clients.loyalty.works.stage-4')} -
-- {t('clients.loyalty.works.stage.description-4')} -
-- {t('clients.loyalty.works.levels.title')} -
-- {t('clients.loyalty.works.levels.description')} -
-- {t('clients.loyalty.works.levels.card-1.title')} -
-- {t('clients.loyalty.works.levels.card.mark')} -
--
-
-
-
- - {t('clients.loyalty.works.levels.card-1.bonus-1')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-1.bonus-2')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-1.bonus-3')} - -
-
- {t('clients.loyalty.works.levels.card-2.title')} -
-- {t('clients.loyalty.works.levels.card.mark')} -
--
-
-
-
- - {t('clients.loyalty.works.levels.card-1.bonus-1')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-2.bonus-2')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-3.bonus-3')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-4.bonus-4')} - -
-
- {t('clients.loyalty.works.levels.card-3.title')} -
-- {t('clients.loyalty.works.levels.card.mark')} -
--
-
-
-
- - {t('clients.loyalty.works.levels.card-3.bonus-1')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-3.bonus-2')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-3.bonus-3')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-3.bonus-4')} - -
- -
-
- - {t('clients.loyalty.works.levels.card-3.bonus-5')} - -
-
+ {t('auth.title')} +
+{t('auth.description')}
- {t('auth.title')} -
-{t('auth.description')}
-- {t('auth.loginIssues')}{' '} - - {t('auth.contactLink')} - -
++ {t('auth.loginIssues')}{' '} + + {t('auth.contactLink')} + +
+- {t('clients.benefits.title')} -
-- {t('clients.benefits.subtitle')} -
++ {t('clients.benefits.title')} +
++ {t('clients.benefits.subtitle')} +
-{title}
+{description}
+{title}
-{description}
-- {t('clients.services.title')} -
-- {t('clients.services.subtitle')} -
-+ {t('clients.services.title')} +
++ {t('clients.services.subtitle')} +
+{contentText}
-{contentText}
+