rootadmin/multisite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

footer

Browse source
This commit is contained in:
Mackie 2026-05-25 02:22:38 +08:00
parent faf1e7ec29
commit 33a8624f89
1 changed files with 13 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/HeroPage.tsx
View file

@ -256,25 +256,19 @@ function LogosSection({ isDark }: { isDark: boolean }) {
</p> </p>
{/* Marquee track */} {/* Marquee track */}
<div className="relative flex overflow-hidden"> <div style={{ overflow: 'hidden', width: '100%' }}>
<div <div style={{ display: 'flex', width: 'max-content', animation: 'marquee 25s linear infinite' }}>
className="flex gap-12 items-center" {[...LOGOS, ...LOGOS, ...LOGOS, ...LOGOS].map((l, i) => (
style={{
animation: 'marquee 20s linear infinite',
whiteSpace: 'nowrap',
}}
>
{/* Duplicate logos for seamless loop */}
{[...LOGOS, ...LOGOS].map((l, i) => (
<img <img
key={i} key={i}
src={l.src} src={l.src}
alt={l.alt} alt={l.alt}
className={cn('h-5 w-auto flex-shrink-0 transition-all', logoFilter)} className={cn('h-5 w-auto flex-shrink-0 transition-all', logoFilter)}
style={{ marginRight: 64 }}
/> />
))} ))}
</div> </div>
</div> </div>
<style>{` <style>{`
@keyframes marquee { @keyframes marquee {