remove hero banner and logo, adjust header scroll threshold to 80% of viewport height

src/components/Hero.tsx

@@ -31,18 +31,6 @@ export function Hero({ className }: HeroProps) {
       {/* Content */}
       
       <Container className="relative z-20 pt-24 pb-12 text-center lg:pt-32">
-        <div className="hidden sm:mb-8 sm:flex sm:justify-center">
-            <div className="relative rounded-full px-3 py-1 text-sm/6 text-gray-100 ring-1 ring-gray-100/20 hover:ring-gray-100/5">
-              Interested to Take Part?{' '}
-              <a href="https://calendly.com/florian_threefold/30min" className="font-bold text-white0">
-                <span aria-hidden="true" className="absolute inset-0" />
-                Book a Meeting <span aria-hidden="true">&rarr;</span>
-              </a>
-            </div>
-          </div>
-      <div className="mx-auto max-w-4xl flex justify-center">
-        <Logo_hero className='lg:h-auto h-0.5' />
-      </div>
       <H1 className="mx-auto lg:mt-6 mt-4 max-w-2xl text-xl lg:text-2xl tracking-tight font-medium text-white/90">
         Shaping the future of Augmented Collective Intelligence
       </H1>

src/components/HomeStickyHeader.tsx

@@ -10,7 +10,8 @@ export function HomeStickyHeader() {
 
   useEffect(() => {
     const handleScroll = () => {
-      setScrolled(window.scrollY > 0)
+      const heroThreshold = window.innerHeight * 0.8
+      setScrolled(window.scrollY > heroThreshold)
     }
 
     handleScroll()