Update header to be transparent and add menu icon

Modify the header component in the client to use a transparent background and include the Menu icon from lucide-react.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
This commit is contained in:
sebastjanartic 2025-08-30 21:01:29 +00:00
parent de39a841d2
commit bb7abf35c5

View File

@ -1,5 +1,5 @@
import { Card, CardContent } from "@/components/ui/card"; import { Card, CardContent } from "@/components/ui/card";
import { AlertCircle } from "lucide-react"; import { AlertCircle, Menu } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import go4LogoPath from "@assets/go4_1756394900352.png"; import go4LogoPath from "@assets/go4_1756394900352.png";
@ -7,7 +7,7 @@ export default function NotFound() {
return ( return (
<div className="min-h-screen bunny-dark static-triangles"> <div className="min-h-screen bunny-dark static-triangles">
{/* Header - same as other pages */} {/* Header - same as other pages */}
<div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden"> <div className="bg-transparent relative overflow-hidden">
{/* Triangle decorations in header */} {/* Triangle decorations in header */}
<div className="absolute top-2 right-20 w-0 h-0 border-l-[35px] border-l-transparent border-r-[35px] border-r-transparent border-b-[50px] border-b-blue-400/15 rotate-12"></div> <div className="absolute top-2 right-20 w-0 h-0 border-l-[35px] border-l-transparent border-r-[35px] border-r-transparent border-b-[50px] border-b-blue-400/15 rotate-12"></div>
<div className="absolute top-3 left-1/3 w-0 h-0 border-l-[25px] border-l-transparent border-r-[25px] border-r-transparent border-b-[35px] border-b-purple-400/12 -rotate-6"></div> <div className="absolute top-3 left-1/3 w-0 h-0 border-l-[25px] border-l-transparent border-r-[25px] border-r-transparent border-b-[35px] border-b-purple-400/12 -rotate-6"></div>