+
+
+
+
+
+
+
+
+ + +
+ {navData2.map((item) => (
+ setOpen(false)}
+ className="h-10 text-on_surface "
+ key={item.title}
+ to={item.link}
+ >
+ {item.title}
+
+ ))}
+
+
+ {children}
+
+ );
+};
diff --git a/src/components/layout/cover.tsx b/src/components/layout/cover.tsx
new file mode 100644
index 0000000..0ed635f
--- /dev/null
+++ b/src/components/layout/cover.tsx
@@ -0,0 +1,17 @@
+import { FC } from "react";
+
+interface Props {
+ title: string;
+}
+
+export const Cover: FC
+ 
+
+ );
+};
diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
new file mode 100644
index 0000000..324d612
--- /dev/null
+++ b/src/components/layout/footer.tsx
@@ -0,0 +1,26 @@
+import { FC } from "react";
+import { Container } from "./";
+
+export const Footer: FC = () => {
+ return (
+
+ );
+};
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
new file mode 100644
index 0000000..40bb895
--- /dev/null
+++ b/src/components/layout/header.tsx
@@ -0,0 +1,106 @@
+import { FC } from "react";
+import { Container, Burger } from "./";
+import { ArrowUpRight, MapPin, Smartphone } from "lucide-react";
+import { Link } from "react-router-dom";
+import { Button } from "../ui/button";
+import { Logo } from "../shared";
+
+export const navData = [
+ {
+ title: "Медиа",
+ link: "",
+ },
+ {
+ title: "Контакты",
+ link: "/contacts",
+ },
+];
+
+export const navData2 = [
+ {
+ title: "О выставке",
+ link: "/about",
+ },
+ {
+ title: "Посетителям",
+ link: "",
+ },
+ {
+ title: "Экспонентам",
+ link: "",
+ },
+];
+
+export const Header: FC = () => {
+ return (
+
+ {title}
+
+
+
+
+
+
+
+
+
+
+
+
+ Ашхабад, Туркменистан
+
+
+
+
+
+ {/* +99371871814
+
+
+
+
+
+
+
+
+
+ {/*
+
+
+
+
+
+
+
+
+
+ 
+
+ + Приглашение к участию +
++ Торгово-промышленная палата Туркменистана приглашает бизнес-сообщество + со всего мира присоединиться к этому уникальному событию, которое + станет важным шагом к укреплению позиций Туркменистана на глобальной + экономической арене. +
+ +
+
+
+
+
+
+
+
+ Место проведения
++ Торгово-промышленная палата Туркменистана создана в целях содействия + развитию экономики Туркменистана, ее интегрированию в мировую + хозяйственную систему, формированию современной промышленной, + финансовой и торговой инфраструктуры, создания благоприятных условий + для предпринимательской деятельности, оказания содействия в + установлении торгово-экономических, научных и технических связей с + зарубежными партнерами. +
+ + {/*
*/}
+ 
+
+ Отрасли
++ Мероприятие объединит ключевых игроков в таких отраслях, как: +
+ +
+ {themes.map((item) => (
+
+
+
+
+
+ + Участники смогут продемонстрировать свои инновационные решения, + наладить взаимовыгодные партнерства и выйти на новые рынки. +
+Время выставки
+
+ {times.map((item) => (
+
+
+ 
+
+
+ );
+};
diff --git a/src/components/shared/home/home-about.tsx b/src/components/shared/home/home-about.tsx
new file mode 100644
index 0000000..b8cbfaa
--- /dev/null
+++ b/src/components/shared/home/home-about.tsx
@@ -0,0 +1,65 @@
+import { FC } from "react";
+import { Button } from "@/components/ui/button";
+import { Link } from "react-router-dom";
+import useEmblaCarousel from "embla-carousel-react";
+import { Container } from "@/components/layout";
+import { AboutCard } from "../about-card";
+
+const data = [
+ {
+ nums: "4,200 m²",
+ text: "выставочной площади",
+ },
+ {
+ nums: "10000+",
+ text: "Посетители посетят выставку",
+ },
+ {
+ nums: "100+",
+ text: "Экспоненты из более чем 30 стран",
+ },
+ {
+ nums: "80%",
+ text: "Участники принимают участие в принятии решений о закупках",
+ },
+];
+
+export const HomeAbout: FC = () => {
+ const [ebmblaRef] = useEmblaCarousel();
+
+ return (
+
+
+ {subtitle}
+{title}
+
+
+
+ + Выставка-ярмарка «Международная Торговля и Услуги» в Ашхабаде +
++ С 29 апреля по 1 мая 2025 года столица Туркменистана, Ашхабад, + станет центром международного делового сообщества благодаря + крупнейшей выставке-ярмарке «Торговля и услуги». Организованная + Торгово-промышленной палатой Туркменистана и компанией Turkmen Expo, + эта выставка направлена на укрепление глобальных торговых связей, + привлечение инвестиций и демонстрацию экономического потенциала + страны. +
+
+
+
+
+
+
+ {data.map((item) => (
+
+
+
+
+
+
+
+ })
+
+
+
+
+
+
+
+
+
+
+
+
+ Участники выставки ITSE 2025
+ + +
+
+
+
+ {Array.from({ length: 12 }).map((_, i) => (
+
+ ))}
+
+ + Тематические направления выставки +
+ +
+ {themes.map((item) => (
+
+ Время мероприятий
+ +
+
+
+ {times.map((item) => (
+
+
+
+ {contacts.map((item) => (
+
+
+
+
+
+
+ 
+
+ );
+};
diff --git a/src/components/shared/offer-card.tsx b/src/components/shared/offer-card.tsx
new file mode 100644
index 0000000..edbd533
--- /dev/null
+++ b/src/components/shared/offer-card.tsx
@@ -0,0 +1,39 @@
+import { cn } from "@/lib/utils";
+import { FC } from "react";
+import { Button } from "../ui/button";
+import { ArrowUpRight } from "lucide-react";
+
+interface Props {
+ title: string;
+ text: string;
+ className?: string;
+ img: string;
+}
+
+export const OfferCard: FC
+
+
+ + {title} +
+{text}
+ + +{title}
+
+
+ );
+};
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..65d4fcd
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,57 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+ {
+ variants: {
+ variant: {
+ default:
+ "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+ outline:
+ "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+ secondary:
+ "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+ ghost: "hover:bg-accent hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2",
+ sm: "h-8 rounded-md px-3 text-xs",
+ lg: "h-10 rounded-md px-8",
+ icon: "h-9 w-9",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+export interface ButtonProps
+ extends React.ButtonHTMLAttributes
+ {name}
+
+
+
+ {date}
+
+ + {body} +
+ ) +}) +FormMessage.displayName = "FormMessage" + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx new file mode 100644 index 0000000..69b64fb --- /dev/null +++ b/src/components/ui/input.tsx @@ -0,0 +1,22 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +const Input = React.forwardRef
+
+
+
+
+ );
+};
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
new file mode 100644
index 0000000..498783b
--- /dev/null
+++ b/src/pages/home.tsx
@@ -0,0 +1,21 @@
+import { FC } from "react";
+
+import {
+ HomeAbout,
+ HomeHero,
+ HomeOffers,
+ HomeTheme,
+ HomeTime,
+} from "@/components/shared";
+
+export const Home: FC = () => {
+ return (
+
+
+
+ + Международная выставка-ярмарка «Торговля и услуги» +
++ Международная выставка-ярмарка «Торговля и услуги» в Ашхабаде: новые + возможности для бизнеса С 29 апреля по 1 мая 2025 года столица + Туркменистана, Ашхабад, станет центром международного делового + сообщества благодаря крупнейшей выставке-ярмарке «Торговля и + услуги». Организованная Торгово-промышленной палатой Туркменистана и + компанией Turkmen Expo, эта выставка направлена на укрепление + глобальных торговых связей, привлечение инвестиций и демонстрацию + экономического потенциала страны. +
+
+
+
+ Цели выставки
+ +-
+
- + Поддержка малых и средних предприятий, их интеграция в + международную экономику. + +
- Продвижение экспортного потенциала Туркменистана. +
- Укрепление деловых связей через B2B- и B2G-встречи. +
- Привлечение инвестиций в ключевые секторы экономики. +
+
+ Ключевые особенности мероприятия
+-
+
- Специализированные выставочные зоны +
- Форумы по качеству продукции +
- Воркшопы и бизнес-миссии +
+ Участники смогут обсудить современные технологии, лучшие практики и + эффективные стратегии для устойчивого бизнеса. +
+
+
+ );
+};
diff --git a/src/pages/index.ts b/src/pages/index.ts
new file mode 100644
index 0000000..729199e
--- /dev/null
+++ b/src/pages/index.ts
@@ -0,0 +1,2 @@
+export { Home } from "./home";
+export { About } from "./about";
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+///