diana.dolgolyova/blackheart-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: showcase layout, photo filter, team specializations, scroll UX

Browse Source 
- Replace modals with ShowcaseLayout for Team and Classes sections
- Add warm photo filter matching dark/gold color scheme
- Replace generic "Тренер" with actual specializations per member
- Fix heart logo color animation loop (seamless repeat)
- Style scrollbar with gold theme, pause auto-rotation on hover
- Auto-scroll only when active item is out of view

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Diana Dolgolyova
2026-03-10 12:23:11 +03:00
parent a75922c730
commit 0ed0a91161
10 changed files with 386 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ui/HeroLogo.tsx
View File

@@ -21,17 +21,16 @@ export function HeroLogo({ className = "", size = 220, animated = false }: HeroL
<defs>
<linearGradient id="heart-gradient" x1="0%" y1="0%" x2="100%" y2="100%" gradientUnits="userSpaceOnUse">
<stop offset="0%" stopColor="#000">
<animate attributeName="stop-color" values="#000;#c9a96e;#000" dur="6s" repeatCount="indefinite" />
<animate attributeName="stop-color" values="#000;#c9a96e;#000;#000;#000" dur="6s" repeatCount="indefinite" />
</stop>
<stop offset="40%" stopColor="#000">
<animate attributeName="stop-color" values="#000;#000;#c9a96e" dur="6s" repeatCount="indefinite" />
<stop offset="35%" stopColor="#000">
<animate attributeName="stop-color" values="#000;#000;#c9a96e;#000;#000" dur="6s" repeatCount="indefinite" />
</stop>
<stop offset="60%" stopColor="#c9a96e">
<animate attributeName="stop-color" values="#c9a96e;#000;#000" dur="6s" repeatCount="indefinite" />
<stop offset="65%" stopColor="#000">
<animate attributeName="stop-color" values="#000;#000;#000;#c9a96e;#000" dur="6s" repeatCount="indefinite" />
</stop>
<stop offset="100%" stopColor="#000">
<animate attributeName="stop-color" values="#000;#c9a96e;#000" dur="6s" repeatCount="indefinite" />
<animate attributeName="offset" values="1;1;1" dur="6s" repeatCount="indefinite" />
<animate attributeName="stop-color" values="#000;#000;#000;#c9a96e;#000" dur="6s" repeatCount="indefinite" />
</stop>
</linearGradient>
</defs>