Ilgeldi
/
turkmen-textile-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

video for hero banner

This commit is contained in:
Batyr 2025-11-21 15:14:38 +05:00
parent d29f010e3d
commit 4194403846
7 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dist/assets/index-5unCrpkd.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index-C_8RPKUP.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

12
dist/assets/ui-library-Dh9FO5aJ.js → dist/assets/ui-library-Di_JRVbV.js vendored
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@ -66,9 +66,9 @@
})(window, document, "script", "dataLayer", "GTM-NK394LVK");
</script>
<title>Turkmen Textile</title>
<script type="module" crossorigin src="/assets/index-5unCrpkd.js"></script>
<script type="module" crossorigin src="/assets/index-C_8RPKUP.js"></script>
<link rel="modulepreload" crossorigin href="/assets/react-vendor-CE_Ks92h.js">
<link rel="modulepreload" crossorigin href="/assets/ui-library-Dh9FO5aJ.js">
<link rel="modulepreload" crossorigin href="/assets/ui-library-Di_JRVbV.js">
<link rel="stylesheet" crossorigin href="/assets/index--gnBA1VZ.css">
</head>
<body>

22
src/components/shared/home/home-hero.tsx
View File

@ -40,14 +40,21 @@ export const HomeHero: FC = () => {
<div className="mb-6">
<section className="flex flex-col gap-5">
<div ref={emblaRef} className="embla overflow-hidden">
<div className="embla__container flex">
<div className="embla__container flex lg:max-h-[600px] lg:min-h-[320px]">
{banners?.map((item, i) =>
!item.link ? (
<div key={i} className="embla__slide flex-[0_0_100%]">
<img
item.path.includes(".mp4") ? (
<Link to="" key={i} className="embla__slide flex-[0_0_100%]">
<video
autoPlay
controls={false}
muted
src={item.path}
className="size-full object-cover lg:max-h-[600px] lg:min-h-[320px]"
className="size-full object-cover"
/>
</Link>
) : !item.link ? (
<div key={i} className="embla__slide flex-[0_0_100%]">
<img src={item.path} className="size-full object-cover" />
</div>
) : (
<Link
@ -55,10 +62,7 @@ export const HomeHero: FC = () => {
to={item.link}
className="embla__slide flex-[0_0_100%]"
>
<img
src={item.path}
className="size-full object-cover lg:max-h-[600px] lg:min-h-[320px]"
/>
<img src={item.path} className="size-full object-cover" />
</Link>
)
)}

2
src/locales/en/home.json
View File

@ -2,7 +2,7 @@
"banners": {
"lg": [
{
"path": "https://turkmentextile.turkmenexpo.com/app/storage/app/media/surat/05112025/EN_l.jpg",
"path": "https://turkmentextile.turkmenexpo.com/app/storage/app/media/surat/05112025/1920x600_TEXTILE_WebBanners_eng.mp4",
"link": "/stend-form"
}
],

2
src/locales/ru/home.json
View File

@ -2,7 +2,7 @@
"banners": {
"lg": [
{
"path": "https://turkmentextile.turkmenexpo.com/app/storage/app/media/surat/05112025/RUS_l.jpg",
"path": "https://turkmentextile.turkmenexpo.com/app/storage/app/media/surat/05112025/1920x600_TEXTILE_WebBanners_ru.mp4",
"link": "/stend-form"
}
],