diff --git a/src/assets/icons/flat-flower-white.svg b/src/assets/icons/flat-flower-white.svg new file mode 100644 index 0000000..31bc322 --- /dev/null +++ b/src/assets/icons/flat-flower-white.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/line.svg b/src/assets/icons/line.svg new file mode 100644 index 0000000..d4a8fcd --- /dev/null +++ b/src/assets/icons/line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/views/Home/Page1/index.js b/src/views/Home/Page1/index.js index 07dcb0e..2182812 100644 --- a/src/views/Home/Page1/index.js +++ b/src/views/Home/Page1/index.js @@ -10,6 +10,8 @@ import olum4Image from "../../../assets/images/olum-4.svg"; import olum7Image from "../../../assets/images/olum-7.svg"; import zist11Image from "../../../assets/images/zist-11.svg"; import arrow from "../../../assets/icons/slider-arrow.svg"; +import flatFlower from "../../../assets/icons/flat-flower-white.svg"; +import line from "../../../assets/icons/line.svg"; export default function Page1({ list }) { const [show, setShow] = useState(null); @@ -34,18 +36,38 @@ export default function Page1({ list }) { return (
+ +
-
+
} + rightArrow={ + + } leftArrow={ - + } > {list.map((book, index) => (