refactoring

public/.htaccess

@@ -0,0 +1,14 @@
+<IfModule mod_rewrite.c>
+
+
+  RewriteEngine On
+  RewriteBase /
+  RewriteRule ^index\.html$ - [L]
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteCond %{REQUEST_FILENAME} !-l
+  RewriteRule . /index.html [L]
+  FallbackResource ./index.html
+
+
+</IfModule>

src/App.tsx

@@ -82,7 +82,6 @@ export const App: React.FC = () => {
       <Route path="/" exact>
         <div className='App'>
           <Header text={text.footer} language={language} changeLanguage={changeLanguage}></Header>
-
           <Main locale={language} text={text}></Main>
           <Footer language={language} text={text.footer}></Footer>
         </div>

src/components/calendarDesktop/calendarDesktop.tsx

@@ -39,7 +39,7 @@ export const CalendarDesktop: React.FC<TProps> = ({
 
   return (
     <div className="calendar__container">
-      <Content text={text}></Content>
+        <Content text={text}></Content>
       <div className="wrapper">
         <Calendar
           text={text}

src/components/calendarMobile/calendarMobile.tsx

@@ -21,7 +21,9 @@ export const CalendarMobile: React.FC<TProps> = ({ setDisplayForm, displayForm,
     return (
         <div className="calendar__mobile">
             <div className="calendar__container">
-                <Content text={text}></Content>
+                <div className="slider">
+                    <Content text={text}></Content>
+                </div>
                 <Swiper
                     rewind={true}
                     centeredSlides={true}

src/components/demonstration/demonstartion.tsx

@@ -1,8 +1,6 @@
 import "../../styles/styles.css";
 import "./demonstration.css"
 import building from './building.png'
-import building1 from './building1.png'
-import building2 from './building2.png'
 
 import iconButton from "./iconButton.svg"
 
@@ -12,7 +10,7 @@ export const Demostration: React.FC<any> = ({text}) => {
 
     return (
         <div className="block">
-            <div className='demos_container'>
+            <a href='https://stream.graff.tech/' 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>
@@ -29,7 +27,7 @@ export const Demostration: React.FC<any> = ({text}) => {
                     </div>
                 </div>
             </div>
-            </div>
+            </a>
         </div>
     )
 }

src/components/demonstration/demonstration.css

@@ -116,6 +116,10 @@
     opacity: 1;
 }
 
+.demos__route {
+    width: 100%;
+}
+
 
 @media screen and (max-width: 1024px) {
     .block {

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>
 
     )

src/components/footer/footer.css

@@ -152,6 +152,7 @@
     font-size: 18px;
     line-height: 140%;
     /* or 25px */
+    text-decoration: none;
 
 
     /* Gray */

src/index.tsx

@@ -10,7 +10,7 @@ const root = ReactDOM.createRoot(
 
 );
 root.render(
-  <BrowserRouter>
+  <BrowserRouter basename='/streaming-landing'>
     <App />
   </BrowserRouter>
 );

src/utils/textEN.js

@@ -39,7 +39,7 @@ const textEN = {
     },
     multiplayer: {
         mainBlockCaptionColor: 'for teamwork.',
-        mainBlockCaption: 'The customer can walk around the residential complex together with their loved ones who connect from different devices.This is a completely new experience in the process of choosing an apartment',
+        mainBlockCaption: 'The customer can walk around the residential complex together with their loved ones who connect from different devices. This is a completely new experience in the process of choosing an apartment',
         mainBlockSubblock: "The application easily adapts to any screen size. Our solution looks good on both mobile or large touchscreen in a developer's sales department.",
         button: 'Demoversion'
     },