From c2b17fa18096a7dfd680a662ac52cf951e73accc Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Fri, 14 Oct 2022 18:42:44 +0500
Subject: [PATCH] added block

---
 .../demonstration/demonstartion.tsx           | 18 ++++++++++++++
 src/components/demos/demos.tsx                | 24 ++++++++++++++++++-
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/components/demonstration/demonstartion.tsx b/src/components/demonstration/demonstartion.tsx
index 53d1a85..ba1a454 100644
--- a/src/components/demonstration/demonstartion.tsx
+++ b/src/components/demonstration/demonstartion.tsx
@@ -29,6 +29,24 @@ export const Demostration: React.FC<any> = ({text}) => {
                 </div>
             </div>
             </a>
+            <a href='http://stream.graff.tech:16005/' target='_blank' rel="noreferrer" className='demos_container demos__route'>
+                <div className="main-block__icon_container demo__icon">
+                    <img alt="icon" src={iconButton} className="main-block__icon"></img>
+                </div>
+                <div className='demo'>
+                <img alt='buildingImg' src={building1} className='demo_image'></img>
+                <div className='demo_info'>
+                    <div className='title__block'>
+                        <h4 className='title__demo'>{card2.title}</h4>
+                        <p className='caption'>{card.subTitle}</p>
+                    </div>
+                    <div className='body__block'>
+                        <p className='caption1'>{card2.caption}</p>
+                        <p className='caption2'>{card2.caption1}</p>
+                    </div>
+                </div>
+            </div>
+            </a>
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/components/demos/demos.tsx b/src/components/demos/demos.tsx
index e57242b..a870a40 100644
--- a/src/components/demos/demos.tsx
+++ b/src/components/demos/demos.tsx
@@ -1,11 +1,14 @@
 import './demos.css'
 import "../../styles/styles.css";
 import building1 from './building1.png'
+import building2 from './building2.png'
+
+
 import iconButton from "./iconButton.svg"
 
 
 export const Demos: React.FC<any> = ({ text }) => {
-    const { card } = text;
+    const { card, card1 } = text;
 
     return (<div className=" demo__container_mobile main-block__container width demo__container">
         <h3 className='demos__tittle'>
@@ -30,6 +33,25 @@ export const Demos: React.FC<any> = ({ text }) => {
                 </div>
             </div>
         </a>
+        <a href='https://stream.graff.tech/' target='_blank' rel="noreferrer"  data-aos="fade-up"
+            data-aos-delay="150" className='demos_container'>
+            <div className="main-block__icon_container demo__icon">
+                <img alt='icon' src={iconButton} className="main-block__icon"></img>
+            </div>
+            <div className='demo'>
+                <img alt='buildingImg' src={building2} className='demo_image'></img>
+                <div className='demo_info'>
+                    <div className='title__block'>
+                        <h4 className='title__demo'>{card1.title}</h4>
+                        <p className='caption'>{card1.subTitle}</p>
+                    </div>
+                    <div className='body__block'>
+                        <p className='caption1'>{card1.caption}</p>
+                        <p className='caption2'>{card1.caption1}</p>
+                    </div>
+                </div>
+            </div>
+        </a>
     </div>
 
     )