refactor header to sticky with scroll-based background blur

2025-12-05 13:47:42 +01:00
parent cbeb1cb153
commit fad1ed7895
5 changed files with 48 additions and 17 deletions
--- a/src/components/Header_darkbg.tsx
+++ b/src/components/Header_darkbg.tsx
@@ -98,14 +98,7 @@ function MobileNavigation() {

 export function Header_darkbg() {
  return (
-    <header className="py-5 relative">
-      <div 
-        className="absolute inset-0 pointer-events-none"
-        style={{
-          background: '#000000',
-          opacity: 1
-        }}
-      />
+    <header className="py-5 bg-transparent relative">
      <Container>
        <nav className="relative z-50 flex justify-between">
          <div className="flex items-center md:gap-x-12">