Информация об экспоненте:
+{b2bStage1[useTranslate(lang)].h2}
Цели встречи:
+{b2bStage2[useTranslate(lang)].h2}
- Информация о компании/организации: - {/* Company/Organization Profile: */} -
+{b2bStage2[useTranslate(lang)].secondH2}
- Логистика встречи: - {/* Meeting Logistics */} -
+{b2bStage3[useTranslate(lang)].h2}
- = ({
try {
const formData = new FormData();
- // Перебираем все поля
Object.entries(values).forEach(([key, value]) => {
if (value instanceof File) {
- console.log(`Добавляем файл: ${key}`, value); // Отладочный вывод
+ console.log(`Добавляем файл: ${key}`, value);
formData.append(key, value);
} else if (value !== undefined) {
- console.log(`Добавляем поле: ${key}`, value); // Отладочный вывод
+ console.log(`Добавляем поле: ${key}`, value);
formData.append(key, value as string);
}
});
- // Отправляем запрос
const res = await axios.post(
"https://turkmentextile.turkmenexpo.com/app/api/v1/form",
formData,
@@ -108,7 +106,6 @@ export const B2bForm: FC = ({
);
if (res.status === 201) {
- console.log("Форма успешно отправлена!");
setSuccess(true);
}
} catch (error) {
diff --git a/src/components/shared/home/home-about.tsx b/src/components/shared/home/home-about.tsx
index 84463e9..31be122 100644
--- a/src/components/shared/home/home-about.tsx
+++ b/src/components/shared/home/home-about.tsx
@@ -4,29 +4,10 @@ import { Link } from "react-router-dom";
import useEmblaCarousel from "embla-carousel-react";
import { Container } from "@/components/layout";
import { AboutCard } from "../about-card";
-import { aboutData } from "@/data/home-about.data";
+import { aboutData } from "@/data/home/home-about.data";
import { useTranslate } from "@/hooks/use-translate";
import { Language, useLangStore } from "@/store/lang";
-const data = [
- {
- nums: "8,400 m²",
- text: "выставочной площади",
- },
- {
- nums: "10000+",
- text: "Посетители посетят выставку",
- },
- {
- nums: "100+",
- text: "Экспоненты из более чем 30 стран",
- },
- {
- nums: "80%",
- text: "Участники принимают участие в принятии решений о закупках",
- },
-];
-
export const HomeAbout: FC = () => {
const [ebmblaRef] = useEmblaCarousel();
const lang = useLangStore((state) => state.lang);
diff --git a/src/components/shared/home/home-hero.tsx b/src/components/shared/home/home-hero.tsx
index 25dd874..9666399 100644
--- a/src/components/shared/home/home-hero.tsx
+++ b/src/components/shared/home/home-hero.tsx
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
import { Button } from "@/components/ui/button";
import { Container } from "@/components/layout";
import { useMediaQuery } from "usehooks-ts";
-import { btns } from "@/data/home-hero.data";
+import { btns } from "@/data/home/home-hero.data";
import { useTranslate } from "@/hooks/use-translate";
import { useLangStore } from "@/store/lang";
diff --git a/src/components/shared/home/home-offers.tsx b/src/components/shared/home/home-offers.tsx
index a5ba1c6..ba0865c 100644
--- a/src/components/shared/home/home-offers.tsx
+++ b/src/components/shared/home/home-offers.tsx
@@ -2,7 +2,7 @@ import { FC, useCallback, useEffect, useState } from "react";
import useEmblaCarousel from "embla-carousel-react";
import { Container } from "@/components/layout";
import { EmblaDots, OfferCard } from "../";
-import { offersData } from "@/data/home-offers.data";
+import { offersData } from "@/data/home/home-offers.data";
import { useTranslate } from "@/hooks/use-translate";
import { useLangStore } from "@/store/lang";
diff --git a/src/components/shared/home/home-theme.tsx b/src/components/shared/home/home-theme.tsx
index 5ceba26..b9b1149 100644
--- a/src/components/shared/home/home-theme.tsx
+++ b/src/components/shared/home/home-theme.tsx
@@ -2,7 +2,7 @@ import { FC } from "react";
import { ThemeCard } from "../theme-card";
import { Container } from "@/components/layout";
import { useLangStore } from "@/store/lang";
-import { homeTheme } from "@/data/home-theme.data";
+import { homeTheme } from "@/data/home/home-theme.data";
import { useTranslate } from "@/hooks/use-translate";
export const themes = [
diff --git a/src/components/shared/home/home-time.tsx b/src/components/shared/home/home-time.tsx
index 755e12d..5c58955 100644
--- a/src/components/shared/home/home-time.tsx
+++ b/src/components/shared/home/home-time.tsx
@@ -6,7 +6,7 @@ import { Container } from "@/components/layout";
import { ContactCard, TimeCard } from "../";
import { useTranslate } from "@/hooks/use-translate";
import { Language, useLangStore } from "@/store/lang";
-import { times } from "@/data/home-time.data";
+import { times } from "@/data/home/home-time.data";
import { contacts } from "@/data/contacts.data";
interface Props {
diff --git a/src/components/shared/index.ts b/src/components/shared/index.ts
index b562444..deb6dd3 100644
--- a/src/components/shared/index.ts
+++ b/src/components/shared/index.ts
@@ -8,5 +8,7 @@ export { B2bFormProgress } from "./b2b-form-progress";
export { Field } from "./field";
export { FormSuccesStatus } from "./form-succes-status";
export { EmblaDots } from "./embla-dots";
+export { LangMenu } from "./lang-menu";
+
export * from "./about";
export * from "./home";
diff --git a/src/components/shared/lang-menu.tsx b/src/components/shared/lang-menu.tsx
new file mode 100644
index 0000000..8c163e8
--- /dev/null
+++ b/src/components/shared/lang-menu.tsx
@@ -0,0 +1,70 @@
+import { FC, useState } from "react";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import { cn } from "@/lib/utils";
+import { Language, useLangStore } from "@/store/lang";
+
+interface Props {
+ className?: string;
+}
+
+export const langs = [
+ {
+ lang: Language.RU,
+ },
+ {
+ lang: Language.EN,
+ },
+];
+
+export const LangMenu: FC = ({ className }) => {
+ const lang = useLangStore((state) => state.lang);
+ const setLang = useLangStore((state) => state.setLang);
+
+ const [isOpen, setIsOpen] = useState(false);
+
+ console.log(langs.filter((item) => item.lang === lang));
+
+ return (
+ setIsOpen(!isOpen)}>
+
+ 
+ {lang === Language.RU ? "Ру" : "En"}
+
+
+
+
+ {langs
+ .filter((item) => item.lang !== lang)
+ .map((item, i) => (
+
+
+ );
+};
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
new file mode 100644
index 0000000..2c595a6
--- /dev/null
+++ b/src/components/ui/popover.tsx
@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+import { cn } from "@/lib/utils";
+
+const Popover = PopoverPrimitive.Root;
+
+const PopoverTrigger = PopoverPrimitive.Trigger;
+
+const PopoverAnchor = PopoverPrimitive.Anchor;
+
+const PopoverContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+
+
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
diff --git a/src/data/b2b.data.ts b/src/data/b2b.data.ts
new file mode 100644
index 0000000..c3c93f0
--- /dev/null
+++ b/src/data/b2b.data.ts
@@ -0,0 +1,189 @@
+export const b2bStage1 = [
+ {
+ h2: "Информация об экспоненте:",
+ data: [
+ {
+ label: "Название компании/организации",
+ },
+ {
+ label: "Имя представителя",
+ },
+ {
+ label: "Название должности/позиция",
+ },
+ {
+ label: "Количество участников",
+ },
+ {
+ label: "Страна",
+ },
+ {
+ label: "E-mail адрес",
+ },
+ {
+ label: "Номер телефона",
+ },
+ {
+ label: "Вебсайт",
+ },
+ ],
+ },
+
+ {
+ h2: "Applicant Information:",
+ data: [
+ {
+ label: "Company/Organization Name",
+ },
+ {
+ label: "Name of Representative",
+ },
+ {
+ label: "Job title/Position",
+ },
+ {
+ label: "Number of the participants",
+ },
+ {
+ label: "Country",
+ },
+ {
+ label: "E-mail address",
+ },
+ {
+ label: "Phone number",
+ },
+ {
+ label: "Website",
+ },
+ ],
+ },
+];
+
+export const b2bStage2 = [
+ {
+ h2: "Цели встречи:",
+
+ secondH2: "Информация о компании/организации:",
+
+ data: [
+ {
+ label: "Основная цель встречи",
+ },
+ {
+ label: "Краткое описание вашего предложения/проекта/запроса",
+ },
+ {
+ label: "Соответствующее государственное учреждение/департамент",
+ },
+
+ {
+ label: "Отраслевая промышленность",
+ },
+ {
+ label: "Ключевые услуги/продукты",
+ },
+ {
+ label: "Предыдущий опыт работы с правительствами (если применимо)",
+ },
+ ],
+ },
+
+ {
+ h2: "Meeting Purpose: ",
+
+ secondH2: "Company/Organization Profile:",
+
+ data: [
+ {
+ label: "Primary objective of the meeting",
+ },
+ {
+ label: "Brief description of your proposal/project/request",
+ },
+ {
+ label: "Relevant government agency/department",
+ },
+
+ {
+ label: "Sector Industry ",
+ },
+ {
+ label: "Key Services/Products",
+ },
+ {
+ label: "Previous Experience working with Governments (if applicable)",
+ },
+ ],
+ },
+];
+
+export const b2bStage3 = [
+ {
+ h2: "Логистика встречи:",
+ secondH2: "Логистика встречи:",
+ subtitle: "(Пожалуйста приложите следующие документы, если это необходимо)",
+
+ data: [
+ {
+ label: "Предпочтительная дата и время",
+ },
+ {
+ label:
+ "Предпочтительный способ проведения встречи (лично, виртуально (через zoom/ teams/другое), гибридный)",
+ },
+ {
+ label: "Предпочитаемый язык (английский, туркменский, русский, другой)",
+ },
+ {
+ label:
+ "Дополнительные технические или логистические требования (например, аудио-видео оборудование, переводчики и т.д.)",
+ },
+ {
+ label: "Название компании/организации",
+ },
+ {
+ label: "Предложение/презентация",
+ },
+ {
+ label: "Соответствующие сертификаты/лицензии",
+ },
+ ],
+
+ button: "Отправить",
+ },
+
+ {
+ h2: "Meeting Logistics:",
+ secondH2: "Attachments",
+ subtitle: "(Please attach the following documents as applicable)",
+
+ data: [
+ {
+ label: "Preferred date and time for the meeting",
+ },
+ {
+ label:
+ "Preferred mode of meeting (in-person, virtual (via zoom/teams/other), hybrid)",
+ },
+ {
+ label: "Language preference (English, turkmen, Russian, other)",
+ },
+ {
+ label:
+ "Additional technical or logistical requirements (e.g. AV equipment, interpreters, etc)",
+ },
+ {
+ label: "Company/organization profile",
+ },
+ {
+ label: "Proposal presentation",
+ },
+ {
+ label: "Relevant certification/licenses",
+ },
+ ],
+
+ button: "Send",
+ },
+];
diff --git a/src/data/contacts.data.ts b/src/data/contacts.data.ts
index 14e642e..3743717 100644
--- a/src/data/contacts.data.ts
+++ b/src/data/contacts.data.ts
@@ -27,7 +27,7 @@ export const contacts = [
img: "/contacts/home/mail.svg",
},
{
- title: "здание ТПП Туркменистана",
+ title: "Building of the CCI of Turkmenistan",
subtitle: "Exhibition address",
img: "/contacts/home/location.svg",
},
diff --git a/src/data/home-about.data.ts b/src/data/home/home-about.data.ts
similarity index 100%
rename from src/data/home-about.data.ts
rename to src/data/home/home-about.data.ts
diff --git a/src/data/home-hero.data.ts b/src/data/home/home-hero.data.ts
similarity index 100%
rename from src/data/home-hero.data.ts
rename to src/data/home/home-hero.data.ts
diff --git a/src/data/home-offers.data.ts b/src/data/home/home-offers.data.ts
similarity index 100%
rename from src/data/home-offers.data.ts
rename to src/data/home/home-offers.data.ts
diff --git a/src/data/home-theme.data.ts b/src/data/home/home-theme.data.ts
similarity index 100%
rename from src/data/home-theme.data.ts
rename to src/data/home/home-theme.data.ts
diff --git a/src/data/home-time.data.ts b/src/data/home/home-time.data.ts
similarity index 100%
rename from src/data/home-time.data.ts
rename to src/data/home/home-time.data.ts
diff --git a/src/data/stend.data.ts b/src/data/stend.data.ts
new file mode 100644
index 0000000..336929c
--- /dev/null
+++ b/src/data/stend.data.ts
@@ -0,0 +1,47 @@
+export const stendData = [
+ {
+ cover: "Забронировать стенд",
+ h2: "Выберите один из вариантов:",
+
+ radio: "Только стенд",
+ radio_2: "Комплексное предложение",
+
+ label_1: "Название компании/организации",
+ label_2: "Имя представителя",
+ label_3: "Название должности/позиция",
+ number_of_participants: "Количество участников",
+ label_4: "Страна",
+ label_5: "E-mail адрес",
+ label_6: "Номер телефона",
+ label_7: "Вебсайт",
+
+ visa: "Визовая поддержка:",
+ visa_radio: "Да",
+ visa_radio_2: "Нет",
+
+ button: "Отправить",
+ },
+
+ {
+ cover: "Book your stand",
+ h2: "Select one of the options:",
+
+ radio: "Space Only",
+ radio_2: "Stand Package",
+
+ label_1: "Company/Organization Name",
+ label_2: "Name of Representative",
+ label_3: "Job title/Position",
+ number_of_participants: "Number of the participants",
+ label_4: "Country",
+ label_5: "E-mail address",
+ label_6: "Phone number",
+ label_7: "Website",
+
+ visa: "Visa support:",
+ visa_radio: "Yes",
+ visa_radio_2: "No",
+
+ button: "Send",
+ },
+];
diff --git a/src/pages/b2b.tsx b/src/pages/b2b.tsx
index 7910f99..5166e90 100644
--- a/src/pages/b2b.tsx
+++ b/src/pages/b2b.tsx
@@ -2,17 +2,23 @@ import { Cover } from "@/components/layout";
import { B2bFormProgress } from "@/components/shared";
import { B2bForm } from "@/components/shared/forms/b2b-form";
import { useScrollTop } from "@/hooks/use-scroll-top";
+import { Language, useLangStore } from "@/store/lang";
import { useState } from "react";
export default function B2b() {
useScrollTop();
+ const lang = useLangStore((state) => state.lang);
const [stage, setStage] = useState(1);
const [success, setSuccess] = useState(false);
return (
- = ({ handlePrev }) => {
variant={"outline"}
className="text-on_surface"
>
- Вернуться назад
+ {lang === Language.RU ? "Вернуться назад" : "Back"}
diff --git a/src/components/shared/forms/b2b-form.tsx b/src/components/shared/forms/b2b-form.tsx
index 80522ff..3f5d730 100644
--- a/src/components/shared/forms/b2b-form.tsx
+++ b/src/components/shared/forms/b2b-form.tsx
@@ -85,18 +85,16 @@ export const B2bForm: FCПриложения:
+
+
{b2bStage3[useTranslate(lang)].secondH2}
- (Пожалуйста приложите следующие документы, если это необходимо) + {b2bStage3[useTranslate(lang)].subtitle}
{
+ setLang(item.lang);
+ setIsOpen(false);
+ }}
+ key={i}
+ className="flex gap-3 py-1 items-center cursor-pointer"
+ >
+ 
+
+ ))}
+ {item.lang === Language.RU ? "Русский" : "English"}
+
- ({
resolver: zodResolver(sponsorFormSchema),
@@ -46,7 +50,9 @@ export default function BecomeSponsor() {
return (
-
{!success && (
@@ -59,42 +65,46 @@ export default function BecomeSponsor() {
onSubmit={form.handleSubmit(onSubmit)}
>
(
- Визовая поддержка:
+ {stendData[useTranslate(lang)].visa}
@@ -118,7 +128,9 @@ export default function BecomeSponsor() {
checked={field.value === "yes"}
/>
- Да
+
+ {stendData[useTranslate(lang)].visa_radio}
+
@@ -128,7 +140,9 @@ export default function BecomeSponsor() {
checked={field.value === "no"}
/>
- Нет
+
+ {stendData[useTranslate(lang)].visa_radio_2}
+
@@ -140,7 +154,7 @@ export default function BecomeSponsor() {
{form.formState.isSubmitting ? (
({
resolver: zodResolver(standFormSchema),
@@ -42,7 +46,7 @@ export default function StendForm() {
return (
-
{!success && (
@@ -60,7 +64,7 @@ export default function StendForm() {
render={({ field }) => (
- Выберите один из вариантов:
+ {stendData[useTranslate(lang)].h2}
@@ -77,7 +81,7 @@ export default function StendForm() {
/>
- Только стенд
+ {stendData[useTranslate(lang)].radio}
@@ -89,7 +93,7 @@ export default function StendForm() {
/>
- Комплексное предложение
+ {stendData[useTranslate(lang)].radio_2}
@@ -99,49 +103,54 @@ export default function StendForm() {
/>
(
- Визовая поддержка:
+ {stendData[useTranslate(lang)].visa}
@@ -165,7 +174,9 @@ export default function StendForm() {
checked={field.value === "yes"}
/>
- Да
+
+ {stendData[useTranslate(lang)].visa_radio}
+
@@ -175,7 +186,9 @@ export default function StendForm() {
checked={field.value === "no"}
/>
- Нет
+
+ {stendData[useTranslate(lang)].visa_radio_2}
+
@@ -187,7 +200,7 @@ export default function StendForm() {
{form.formState.isSubmitting ? (
()((set) => ({
- lang: Language.EN,
+ lang: Language.RU,
setLang: (lang) => set({ lang }),
}));