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"); })(window, document, "script", "dataLayer", "GTM-NK394LVK");
</script> </script>
<title>Turkmen Textile</title> <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/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"> <link rel="stylesheet" crossorigin href="/assets/index--gnBA1VZ.css">
</head> </head>
<body> <body>

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

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

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

@ -2,7 +2,7 @@
"banners": { "banners": {
"lg": [ "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" "link": "/stend-form"
} }
], ],

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

@ -2,7 +2,7 @@
"banners": { "banners": {
"lg": [ "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" "link": "/stend-form"
} }
], ],