From 88a1411ece4f3020416b39e827f88a8e4a4b344b Mon Sep 17 00:00:00 2001 From: Saurav Date: Fri, 6 Oct 2023 18:06:50 +0530 Subject: [PATCH] Add StartPage --- src/App.js | 49 +++++++++++++++++++---------- src/Components/ModalDesktop.jsx | 2 +- src/Pages/StartPage.jsx | 30 ++++++++++++++++++ src/assets/WavesAnimGIF_DevSoc.gif | Bin 0 -> 26105524 bytes 4 files changed, 64 insertions(+), 17 deletions(-) create mode 100644 src/Pages/StartPage.jsx create mode 100644 src/assets/WavesAnimGIF_DevSoc.gif diff --git a/src/App.js b/src/App.js index 770d319..15ffe66 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,5 @@ -import React from 'react'; -import { ChakraProvider, Box, theme, Show } from '@chakra-ui/react'; +import React, {useState, useEffect} from 'react'; +import { ChakraProvider, Box, theme, Show, Fade } from '@chakra-ui/react'; import EventsMobile from './Components/Events/EventsMobile'; import Events from './Components/Events/events'; import './App.css'; @@ -8,23 +8,40 @@ import './App.css'; import Footer from './Components/Footer'; import Carousel from './Pages/Carousel'; import MediaPage from './Pages/MediaPage'; +import StartPage from './Pages/StartPage'; function App() { + const [isLoading, setIsLoading] = useState(true); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + }, 6900); + + return () => clearTimeout(timer); + }, []); + + return ( - -
- -
- - - - - - - - -