feat(ui): finalize E-TIB modernization with footer redesign, video optimization, and TS fixes
Former-commit-id: 67ac02c8404cc66893fdf97308574701cca6000c
This commit is contained in:
@@ -3,6 +3,7 @@ import Image from 'next/image';
|
||||
import Reveal from '@/components/Reveal';
|
||||
import { Badge, Heading } from '@/components/ui';
|
||||
import TrackedLink from '@/components/analytics/TrackedLink';
|
||||
import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
|
||||
|
||||
export interface TeamProfileProps {
|
||||
name: string;
|
||||
@@ -71,17 +72,20 @@ export const TeamProfile: React.FC<TeamProfileProps> = (props) => {
|
||||
{linkedinUrl && (
|
||||
<TrackedLink
|
||||
href={linkedinUrl}
|
||||
className={`inline-flex items-center px-8 py-4 font-bold rounded-full transition-all duration-300 group ${isDark ? 'bg-accent text-primary-dark hover:bg-white' : 'bg-saturated text-white hover:bg-primary'}`}
|
||||
className={getButtonClasses(isDark ? 'accent' : 'saturated', 'lg')}
|
||||
eventProperties={{
|
||||
type: 'social_linkedin',
|
||||
person: name,
|
||||
location: 'team_page',
|
||||
}}
|
||||
>
|
||||
{linkedinLabel || 'LinkedIn'}
|
||||
<span className="ml-3 transition-transform group-hover:translate-x-2">
|
||||
→
|
||||
<span className={`relative z-10 flex items-center justify-center gap-2 transition-colors duration-500 ${isDark ? 'group-hover/btn:text-primary-dark' : 'group-hover/btn:text-white'}`}>
|
||||
{linkedinLabel || 'LinkedIn'}
|
||||
<span className="ml-3 transition-transform group-hover/btn:translate-x-2">
|
||||
→
|
||||
</span>
|
||||
</span>
|
||||
<ButtonOverlay variant={isDark ? 'accent' : 'saturated'} />
|
||||
</TrackedLink>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user