added app download route

src/App.js

@@ -1,7 +1,19 @@
 import Routes from './Routes';
+import { Redirect, useLocation } from 'react-router-dom';
+
 
 function App() {
-    return <Routes />;
+    const {pathname} = useLocation()
+
+    return (
+        <>
+        {pathname.startsWith('/@') ? 
+        <Redirect to='/app' />
+        :
+        <Routes />
+        }
+        </>
+    );
 }
 
 export default App;

src/Routes.js

@@ -25,6 +25,7 @@ import Privacy from './components/Service/Privacy';
 import Terms from './components/Service/Terms';
 import FAQ from './components/FAQ/Index';
 import Lnd from './components/lnd/Lnd';
+import AppDownload from './components/AppDownload/AppDownload';
 
 function Routes() {
     const [loading, setLoading] = useState(true);
@@ -44,28 +45,27 @@ function Routes() {
                 </div>
             )}
             <div className={`appie-visible ${loading === false ? 'active' : ''}`}>
-                <Router>
-                    <ScrollToTop>
-                        <Switch>
-                            <Route exact path="/" component={HomeOne} />
-                            <Route exact path="/eoffer" component={HomeOne} />
-                            {/*<Route exact path="/news" component={News} />*/}
-                            <Route exact path="/blog" component={Blog} />
-                            <Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
-                            <Route exact path="/use-cases" component={UseCases} />
-                            {/*<Route exact path="/news/single-news" component={SingleNews} />*/}
-                            <Route exact path="/service" component={Service} />
-                            <Route exact path="/terms" component={Terms} />
-                            <Route exact path="/privacy" component={Privacy} />
-                            <Route exact path="/about-us" component={AboutUs} />
-                            <Route exact path="/contact" component={Contact} />
-                            <Route exact path="/faq" component={FAQ} />
-                            <Route exact path="/error" component={Error} />
-                            <Route exact path="/lnd/*" component={Lnd} />
-                            <Route component={Error} />
-                        </Switch>
-                    </ScrollToTop>
-                </Router>
+                <ScrollToTop>
+                    <Switch>
+                        <Route exact path="/" component={HomeOne} />
+                        <Route exact path="/eoffer" component={HomeOne} />
+                        {/*<Route exact path="/news" component={News} />*/}
+                        <Route exact path="/blog" component={Blog} />
+                        <Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
+                        <Route exact path="/use-cases" component={UseCases} />
+                        {/*<Route exact path="/news/single-news" component={SingleNews} />*/}
+                        <Route exact path="/service" component={Service} />
+                        <Route exact path="/terms" component={Terms} />
+                        <Route exact path="/privacy" component={Privacy} />
+                        <Route exact path="/about-us" component={AboutUs} />
+                        <Route exact path="/contact" component={Contact} />
+                        <Route exact path="/faq" component={FAQ} />
+                        <Route exact path="/error" component={Error} />
+                        <Route exact path="/lnd/*" component={Lnd} />
+                        <Route exact path="/app" component={AppDownload} />
+                        <Route component={Error} />
+                    </Switch>
+                </ScrollToTop>
             </div>
         </>
     );

src/components/AppDownload/AppDownload.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function AppDownload() {
+  return (
+    <div>
+        <div className='vh-100 d-flex justify-content-center align-items-center'>App Download Content Here</div>
+    </div>
+  )
+}

src/index.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { BrowserRouter as Router } from 'react-router-dom';
+
 import App from './App';
 import './assets/css/bootstrap.min.css';
 import './assets/css/custom-animated.css';
@@ -12,7 +14,9 @@ import './assets/css/style.css';
 
 ReactDOM.render(
     <React.StrictMode>
-        <App />
+        <Router>
+            <App />
+        </Router>
     </React.StrictMode>,
     document.getElementById('root')
 );