analy

src/components/multiplayer/multiplayer.tsx

@@ -4,10 +4,8 @@ import photo from "./Photo.png";
 import photo1 from "./Photo1.png";
 import photo2 from "./Photo2.png";
 import photo3 from "./Photo3.png";
-import iconButton from "../../styles/iconButton.svg";
-import { Link } from 'react-router-dom';
 import { Button } from "../buttonDemo/buttonDemo"
-
+import { Content } from "../content/content";
 
 export const Multiplayer: React.FC<any> = ({text}) => {
   return (
@@ -16,28 +14,12 @@ export const Multiplayer: React.FC<any> = ({text}) => {
       data-aos-duration="400"
       className="multiplayer__container"
     >
-      <div
-        data-aos="fade-up"
-        data-aos-delay="400"
-        className="main-block__container"
-      >
-        <div id="trigger">
-          <p className=" main-block__title_small">
-            Graff.estate stream
-          </p>
-          <p className="main-block__title_gardient_small">
-            {text.mainBlockCaptionColor}
-          </p>
-        </div>
-        <p className="main-block__caption multiplayer__caption">
-          {text.mainBlockCaption}
-        </p>
-      </div>
+      <Content text={text}></Content>
       <div className="multiplayer__photo-container">
-        <img src={photo} className="multiplayer__image" />
-        <img src={photo1} className="multiplayer__image" />
-        <img src={photo2} className="multiplayer__image" />
-        <img src={photo3} className="multiplayer__image" />
+        <img alt="device" src={photo} className="multiplayer__image" />
+        <img alt="device" src={photo1} className="multiplayer__image" />
+        <img alt="device" src={photo2} className="multiplayer__image" />
+        <img alt="device" src={photo3} className="multiplayer__image" />
       </div>
       <div className="main-block__subblock-container">
         <div className="main-block_subblock">