This commit is contained in:
YasinShaikh123
2024-08-28 19:35:43 +05:30
2 changed files with 5 additions and 48 deletions

View File

@@ -14,6 +14,7 @@ import Login from "./Pages/Login";
import GlobalStateContext from "./Contexts/GlobalStateContext";
import Cookies from "js-cookie";
import NoInternetScreen from "./Pages/NoInternetScreen";
import Welcome from "./Pages/Welcome";
const App = () => {
// const { isAuthenticate } = useSelector((state) => state?.auth);
@@ -52,6 +53,8 @@ const App = () => {
<Router>
<Routes>
<Route path="/login" element={<Login />} />
<Route path="/payment-success" element={<Welcome />} />
<Route path="/payment-failed" element={<Welcome />} />
<Route
path="/*"
element={

View File

@@ -8,54 +8,8 @@ import logo from "../../src/assets/logo.png"
const Welcome = () => {
return (
<Box position="relative" h="100vh">
<div id="carouselExampleSlidesOnly" className="carousel slide" data-bs-ride="carousel">
<div className="carousel-inner">
<div className="carousel-item active" data-bs-interval="3000">
<img src={welcome4} className="d-block w-100" alt="Welcome 2" />
</div>
<div className="carousel-item" data-bs-interval="3000">
<img src={welcome3} className="d-block w-100" alt="Welcome 3" />
</div>
<div className="carousel-item" data-bs-interval="3000">
<img src={welcome2} className="d-block w-100" alt="Welcome 4" />
</div>
</div>
{/* <a className="carousel-control-prev" href="#carouselExampleSlidesOnly" role="button" data-bs-slide="prev">
<span className="carousel-control-prev-icon" aria-hidden="true"></span>
<span className="visually-hidden">Previous</span>
</a>
<a className="carousel-control-next" href="#carouselExampleSlidesOnly" role="button" data-bs-slide="next">
<span className="carousel-control-next-icon" aria-hidden="true"></span>
<span className="visually-hidden">Next</span>
</a> */}
</div>
<Box
opacity={1}
bgGradient="linear(to-b, rgba(0, 0, 0, 0.5), #0047178e 100%)"
zIndex={999}
position="absolute"
top={0}
left={0}
w="100%"
h="100%"
display={'flex'}
justifyContent={'center'}
alignItems={'center'}
>
<Image src={logo} />
{/* <Box
position="absolute"
bottom={12}
right={0}
p={4} // Adjust padding as needed
>
<Button color={'#004717'} size={'lg'} bg="white" variant="solid">
Let's get started
</Button>
</Box> */}
</Box>
<Box>
Success Payment
</Box>
);
}