refactoring

src/components/demos/demos.css

@@ -9,6 +9,8 @@
     border-radius: 16px;
     position: relative;
     width: 84%;
+    text-decoration: none;
+    
 }
 
 .demos__tittle {

src/components/demos/demos.tsx

@@ -11,7 +11,7 @@ export const Demos: React.FC<any> = ({ text }) => {
         <h3 className='demos__tittle'>
             {text.title}
         </h3>
-        <div data-aos="fade-up"
+        <a href='https://stream.graff.tech/' target='_blank' rel="noreferrer"  data-aos="fade-up"
             data-aos-delay="100" className='demos_container'>
             <div className="main-block__icon_container demo__icon">
                 <img alt='icon' src={iconButton} className="main-block__icon"></img>
@@ -29,7 +29,7 @@ export const Demos: React.FC<any> = ({ text }) => {
                     </div>
                 </div>
             </div>
-        </div>
+        </a>
     </div>
 
     )