feat(web): landing marka karuselinde logolar + tıklayınca animasyonlu marka adı

- Kayan şeritte metin yerine CarBrandLogo (cardog-icons + statik SVG'ler)
- Logoya tıklayınca seçilen marka adı SmartAnimateText ile karakter karakter yazılır
- globals.css: char-in keyframe + animate-char-in utility

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-25 23:37:24 +03:00
parent 44bea9c5bc
commit 96171c0726
3 changed files with 91 additions and 11 deletions

View File

@@ -152,6 +152,22 @@
}
}
@keyframes char-in {
0% {
opacity: 0;
transform: translateY(0.45em) scale(0.92);
filter: blur(5px);
}
60% {
opacity: 1;
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
filter: blur(0);
}
}
@keyframes accordion-down {
from {
height: 0;
@@ -182,6 +198,9 @@
.animate-fade-in {
animation: fade-in 0.4s ease-out;
}
.animate-char-in {
animation: char-in 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.carousel-track:hover .animate-scroll-left {
animation-play-state: paused;
}