diff --git a/src/components/main/MainSlider.tsx b/src/components/main/MainSlider.tsx index 07946c6..447aa84 100644 --- a/src/components/main/MainSlider.tsx +++ b/src/components/main/MainSlider.tsx @@ -1,6 +1,6 @@ // Modules import { Swiper, SwiperSlide } from "swiper/react"; -import { Navigation } from "swiper"; +import { Navigation, Autoplay } from "swiper"; import "swiper/css"; import { v4 as uuidv4 } from "uuid"; @@ -31,9 +31,10 @@ const MainSlider = () => { return (
{ + return ( +
+
+
+ +
+ + {partnersData.map((image) => { + return ( + +
+ +
+
+ ); + })} +
+
+ +
+
+ +
+
+
+
+
+ ); +}; + +export default Partners; diff --git a/src/icons/arrow-left-green.svg b/src/icons/arrow-left-green.svg new file mode 100644 index 0000000..8a359eb --- /dev/null +++ b/src/icons/arrow-left-green.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/icons/arrow-right-green.svg b/src/icons/arrow-right-green.svg new file mode 100644 index 0000000..7e8c36a --- /dev/null +++ b/src/icons/arrow-right-green.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/images/do.jpg b/src/images/do.jpg new file mode 100644 index 0000000..a60fd02 Binary files /dev/null and b/src/images/do.jpg differ diff --git a/src/images/mi.jpg b/src/images/mi.jpg new file mode 100644 index 0000000..f9ade48 Binary files /dev/null and b/src/images/mi.jpg differ diff --git a/src/images/samsung.jpg b/src/images/samsung.jpg new file mode 100644 index 0000000..a674ee7 Binary files /dev/null and b/src/images/samsung.jpg differ diff --git a/src/images/tps.jpg b/src/images/tps.jpg new file mode 100644 index 0000000..eaf38d2 Binary files /dev/null and b/src/images/tps.jpg differ diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx index 2323848..4679f53 100644 --- a/src/pages/Main.tsx +++ b/src/pages/Main.tsx @@ -3,12 +3,14 @@ // Components import MainSlider from "../components/main/MainSlider"; import EventsSection from "../components/main/EventsSection"; +import Partners from "../components/main/PartnersSection"; const Main = () => { return (
+
); }; diff --git a/src/styles/_main.scss b/src/styles/_main.scss index e1a84a5..4742429 100644 --- a/src/styles/_main.scss +++ b/src/styles/_main.scss @@ -161,3 +161,32 @@ font-weight: bold; } } + +// Partners +.partners-inner { + padding-bottom: 16rem; +} + +.partners-content { + position: relative; + padding-top: 4.8rem; +} + +.slider-next-white { + background: transparent; +} + +.slider-next-white-prev { + left: -10rem; +} + +.slider-next-white-next { + right: -10rem; +} + +.partners-slide { + @include flex-c; + min-height: 18rem; + width: 100%; + border: 0.1rem solid #00000020; +}