animations
This commit is contained in:
@@ -46,14 +46,12 @@ export default function Header() {
|
||||
"fixed top-0 left-0 right-0 z-50 transition-all duration-500",
|
||||
{
|
||||
"bg-transparent py-8": isHomePage && !isScrolled,
|
||||
"bg-white/90 backdrop-blur-xl shadow-2xl py-4 border-b border-primary/5": !isHomePage || isScrolled,
|
||||
"bg-primary py-4 shadow-2xl": !isHomePage || isScrolled,
|
||||
}
|
||||
);
|
||||
|
||||
const textColorClass = (isHomePage && !isScrolled) ? "text-white" : "text-primary";
|
||||
const logoSrc = (isHomePage && !isScrolled)
|
||||
? "/logo-white.svg"
|
||||
: "/logo-blue.svg";
|
||||
const textColorClass = "text-white";
|
||||
const logoSrc = "/logo-white.svg";
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -107,7 +105,7 @@ export default function Header() {
|
||||
|
||||
<Button
|
||||
href={`/${currentLocale}/contact`}
|
||||
variant={isHomePage && !isScrolled ? "white" : "primary"}
|
||||
variant="white"
|
||||
size="md"
|
||||
className="px-8 shadow-xl"
|
||||
>
|
||||
@@ -124,7 +122,7 @@ export default function Header() {
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{!isHomePage && <div className="h-32 md:h-40" />}
|
||||
{/* Removed spacer div that caused white gap */}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user