all styles completed 1:1

src/components/ImageBanner.jsx

@@ -0,0 +1,15 @@
+import React, { useState, useEffect } from 'react';
+
+const ImageBanner = () => {
+  const [currentImage, setCurrentImage] = useState(1);
+
+  useEffect(() => {
+    setCurrentImage(Math.floor(Math.random() * 12) + 1);
+  }, []);
+
+  return (
+    <img id="banner-img" src={`banner-${currentImage}.jpg`} alt="banner" />
+  );
+};
+
+export default ImageBanner;