omswebsite-backups/oms-website-nextjs
1
0
Fork 0
mirror of https://github.com/OwethuManagedServices/oms-website-nextjs.git synced 2026-02-04 21:17:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Home page completed

Browse Source
This commit is contained in:
libertyoms
2025-04-20 18:19:43 +02:00
parent 211cb3fc6f
commit 5eb60015cc
24 changed files with 1412 additions and 428 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
app/globals.css
View File

@ -131,6 +131,67 @@
animation-delay: 0.6s;
}
}
/* Optional scale animation for background */
@keyframes floatSlightly {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
}
@keyframes drift {
0% {
transform: translate(0, 0) rotate(0deg);
}
25% {
transform: translate(5px, -5px) rotate(2deg);
}
50% {
transform: translate(0, 0) rotate(0deg);
}
75% {
transform: translate(-5px, 5px) rotate(-2deg);
}
100% {
transform: translate(0, 0) rotate(0deg);
}
}
@keyframes subtlePulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.85;
}
}
/* --- Animation Utility Classes (Add if not already present) --- */
@layer utilities {
.animate-float {
animation: floatSlightly 6s ease-in-out infinite;
}
.animate-drift {
animation: drift 15s ease-in-out infinite;
}
.animate-pulse-slow {
animation: subtlePulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
/* Keep existing animation delays */
.animation-delay-300 {
animation-delay: 0.3s;
}
.animation-delay-600 {
animation-delay: 0.6s;
}
.animation-delay-900 {
animation-delay: 0.9s;
} /* Added longer delay */
}
@keyframes fadeInUp {
from {
@ -145,5 +206,5 @@
.animate-fade-in-up {
animation: fadeInUp 0.8s ease-out forwards;
opacity: 0;
opacity: 0; /* Start hidden */
}