Browse Source

new amber Raya 2025 content

master
azri 1 month ago
parent
commit
2a5ccd51c1

BIN
src/assets/images/MAINHEADER-05.webp View File


BIN
src/assets/images/amberClothing.webp View File


BIN
src/assets/images/amberClothing_bak.webp View File


BIN
src/assets/video/amberadsraya.mp4 View File


+ 5
- 0
src/components/CarouselContainer/CarouselContainer.jsx View File

@@ -6,16 +6,20 @@ import mainImage1 from "../../assets/images/MAINHEADER-01.webp";
6 6
 import mainImage2 from "../../assets/images/MAINHEADER-02.webp";
7 7
 import mainImage3 from "../../assets/images/MAINHEADER-03.webp";
8 8
 import mainImage4 from "../../assets/images/MAINHEADER-04.webp";
9
+import mainImage5 from "../../assets/images/MAINHEADER-05.webp";
9 10
 import mainImageMobile from "../../assets/images/mainwallpaper-mobile.jpg";
10 11
 import { Carousel } from 'react-responsive-carousel';
11 12
 
12 13
 const CarouselContainer = () => {
13 14
 
14 15
   const items = [
16
+    { img_src: mainImage5, alt_name: "Image 5" },
15 17
     { img_src: mainImage3, alt_name: "Image 3" },
16 18
     { img_src: mainImage4, alt_name: "Image 4" },
17 19
     { img_src: mainImage2, alt_name: "Image 2" },
18 20
     { img_src: mainImage1, alt_name: "Image 1" },
21
+
22
+    { img_src: mainImage5, alt_name: "Image 5" },
19 23
     { img_src: mainImage3, alt_name: "Image 3" },
20 24
     { img_src: mainImage4, alt_name: "Image 4" },
21 25
     { img_src: mainImage2, alt_name: "Image 2" },
@@ -35,6 +39,7 @@ const CarouselContainer = () => {
35 39
             width: "100%",
36 40
             height: "100%",
37 41
             zIndex: 0,
42
+            filter:"brightness(0.9)"
38 43
           }}
39 44
         />
40 45
       ))}

+ 3
- 2
src/components/VideoAds/VideoAds.jsx View File

@@ -1,7 +1,7 @@
1 1
 import { useRef, useState, useEffect  } from 'react';
2 2
 import { Box, Button } from '@mui/material';
3 3
 import PropTypes from 'prop-types';
4
-import videoAds from "../../assets/video/amberads.mp4";
4
+import videoAds from "../../assets/video/amberadsraya.mp4";
5 5
 
6 6
 const VideoAds = ({ video_url, height, width }) => {
7 7
   const videoRef = useRef(null);
@@ -51,7 +51,8 @@ const VideoAds = ({ video_url, height, width }) => {
51 51
           top: 0,
52 52
           left: 0,
53 53
           width: '100%',
54
-          height: 'auto',
54
+          height: '100%', // Ensures the video fills the container
55
+          objectFit: 'cover', // Maintains aspect ratio and covers the area
55 56
         }}
56 57
       />
57 58
       <Button

Loading…
Cancel
Save