Logos and Brand Awareness is very important depending on your community. A nice touch is when someone logs in they are received with an animated image of your logo.

In DS Admin Panel (Users>>Settings) make sure you set your "Post Sign In Redirect" page to "loading.php".
Create loading.php file and populate it with the code below. Change svg file to your logo.
FTP it to root.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Loading with Logo Explosion</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #24315a;
font-family: Arial, sans-serif;
margin: 0;
overflow: hidden; /* Prevent scrolling during animation /
}
.loading-container {
text-align: center;
}
.rotating-logo {
width: 200px; / Adjust the size as necessary /
animation: spin 1s linear forwards, explode 1s ease-in forwards 2s; / Spin for 1s, then explode /
}
@keyframes spin {
0% {
transform: translateY(-100px) rotate(0deg);
opacity: 0; / Start invisible /
}
100% {
transform: translateY(0) rotate(720deg); / End at original position with a spin /
opacity: 1; / Fully visible /
}
}
@keyframes explode {
0% {
transform: scale(1);
opacity: 1; / Fully visible /
}
50% {
transform: scale(1.5); / Scale up to simulate explosion /
}
100% {
transform: scale(0); / Scale down to disappear /
opacity: 0; / Fade out */
}
}
</style>
<script>
const redirectTo = "myccd"; // Change to your target page
    // Push the current state
    window.history.pushState(null, document.title, window.location.href);

    // Redirect after 5 seconds with a clean history (after animations)
    setTimeout(() => {
        window.location.replace(redirectTo);
    }, 3000); // Adjusted timeout duration to 5 seconds to accommodate animation time
</script>
</head>
<body>
<div class="loading-container">
<img src="/templates/breezy/images/logo.svg" alt="Logo" class="rotating-logo">
</div>
</body>
</html>