asowneryt/cloudrite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update favicon

Browse Source
This commit is contained in:
ASOwnerYT
2026-04-07 18:39:06 +12:00
parent 8ab699bba7
commit ed398bae75
11 changed files with 44 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/header.tsx
+21 -17
View File
@@ -1,28 +1,28 @@
"use client"
"use client";
import { useState, useEffect } from "react"
import Link from "next/link"
import { Menu, X, Cloud } from "lucide-react"
import { Button } from "@/components/ui/button"
import { useState, useEffect } from "react";
import Link from "next/link";
import { Menu, X, CloudCheck } from "lucide-react";
import { Button } from "@/components/ui/button";
export function Header() {
const [isScrolled, setIsScrolled] = useState(false)
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
const [isScrolled, setIsScrolled] = useState(false);
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
useEffect(() => {
const handleScroll = () => {
setIsScrolled(window.scrollY > 50)
}
window.addEventListener("scroll", handleScroll)
return () => window.removeEventListener("scroll", handleScroll)
}, [])
setIsScrolled(window.scrollY > 50);
};
window.addEventListener("scroll", handleScroll);
return () => window.removeEventListener("scroll", handleScroll);
}, []);
const navLinks = [
{ href: "#services", label: "Services" },
{ href: "#features", label: "Why Us" },
{ href: "#process", label: "Process" },
{ href: "#contact", label: "Contact" },
]
];
return (
<header
@@ -37,7 +37,7 @@ export function Header() {
{/* Logo */}
<Link href="/" className="flex items-center gap-2 group">
<div className="relative">
<Cloud className="w-8 h-8 text-primary transition-transform duration-300 group-hover:scale-110" />
<CloudCheck className="w-8 h-8 text-primary transition-transform duration-300 group-hover:scale-110" />
<div className="absolute inset-0 bg-primary/30 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
</div>
<span className="text-xl font-bold tracking-tight">
@@ -78,12 +78,16 @@ export function Header() {
<div className="relative w-6 h-6">
<Menu
className={`absolute inset-0 w-6 h-6 transition-all duration-300 ${
isMobileMenuOpen ? "opacity-0 rotate-90" : "opacity-100 rotate-0"
isMobileMenuOpen
? "opacity-0 rotate-90"
: "opacity-100 rotate-0"
}`}
/>
<X
className={`absolute inset-0 w-6 h-6 transition-all duration-300 ${
isMobileMenuOpen ? "opacity-100 rotate-0" : "opacity-0 -rotate-90"
isMobileMenuOpen
? "opacity-100 rotate-0"
: "opacity-0 -rotate-90"
}`}
/>
</div>
@@ -120,5 +124,5 @@ export function Header() {
</div>
</div>
</header>
)
);
}