feat: implement dark theme with white logo and updated text effects

- Added white logo variant and updated header to use dark theme styling
- Split text hover effect component into two variants (cursor-following and auto-animated)
- Updated button and dropdown components to support transparent backgrounds and white text styling
This commit is contained in:
2025-11-12 17:59:54 +01:00
parent 954d51dcaa
commit f015a0d892
16 changed files with 696 additions and 138 deletions

View File

@@ -5,11 +5,12 @@ import { CallToAction } from './CallToAction'
import { HomeTab } from './HomeTab'
import { HomeMap } from './HomeMap'
import { HomeAudience } from './HomeAudience'
import { HomeBlink } from './HomeBlink'
import { HomeBlinkDark } from './HomeBlinkDark'
import { HomeArchitecture } from './HomeArchitecture';
export default function HomePage() {
const sliderRef = useRef<HTMLDivElement>(null)
@@ -18,12 +19,9 @@ export default function HomePage() {
}
return (
<div>
<AnimatedSection>
<HomeBlink onGetStartedClick={handleScrollToSlider} />
</AnimatedSection>
<AnimatedSection>
<HomeArchitecture/>
<HomeBlinkDark onGetStartedClick={handleScrollToSlider} />
</AnimatedSection>
<AnimatedSection>