Merge pull request #114 from Coding-Club-IITG/aditya

Fixed Landing Page

Author: aditya-samal

client/src/App.jsx

@@ -3,7 +3,6 @@ import BrowseScreen from "./screens/browse";
 import Dashboard from "./screens/dashboard";
 import LandingPage from "./screens/landing";
 import LoadingPage from "./loading.jsx";
-import MobilePage from "./mobile.jsx";
 import { BrowserRouter as Router, Routes, Route, useNavigate } from "react-router-dom";
 import PrivateRoutes from "./router_utils/PrivateRoutes";
 import ProfilePage from "./screens/profile.js";
@@ -22,6 +21,7 @@ const App = () => {
     useEffect(() => {
         const params = new URLSearchParams(window.location.search);
         if (params.get("fresh")) {
+            window.location.href = "/loading";
             return;
         }
 
@@ -77,7 +77,49 @@ const App = () => {
                 </Routes>
             </Router>
         </div>
-    ) : (<MobilePage></MobilePage>   //for mobile view
+    ) : (
+        <div
+            style={{
+                minHeight: "100vh",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+                textAlign: "center",
+            }}
+        >
+            <p
+                style={{
+                    fontSize: "1.5rem",
+                    marginBottom: "16px",
+                }}
+            >
+                Get CourseHub now!
+            </p>
+            <div>
+                <a href="https://play.google.com/store/apps/details?id=com.codingclub.coursehub">
+                    <img
+                        src="google-play-badge.png"
+                        alt=""
+                        style={{
+                            width: "180px",
+                            height: "100%",
+                        }}
+                    />
+                </a>
+                <br />
+                <a href="itms-apps://apps.apple.com/us/app/coursehub/id6447286863">
+                    <img
+                        src="app-store-badge.png"
+                        alt=""
+                        style={{
+                            width: "159px",
+                            height: "100%",
+                        }}
+                    />
+                </a>
+            </div>
+        </div>
     );
 };