From fea59977efd41778b6f54c0ee47e0538f278f070 Mon Sep 17 00:00:00 2001 From: cupadev-admin Date: Sun, 8 Mar 2026 18:33:43 +0000 Subject: [PATCH] feat: add src/components/Navbar.tsx --- src/components/Navbar.tsx | 108 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) create mode 100644 src/components/Navbar.tsx diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx new file mode 100644 index 0000000..b7f29ae --- /dev/null +++ b/src/components/Navbar.tsx @@ -0,0 +1,108 @@ +"use client"; + +import { useState, useEffect } from "react"; +import { Menu, X, Shield } from "lucide-react"; +import { cn } from "@/lib/utils"; + +const navLinks = [ + { label: "Accueil", href: "#accueil" }, + { label: "Services", href: "#services" }, + { label: "Témoignages", href: "#temoignages" }, + { label: "FAQ", href: "#faq" }, + { label: "Contact", href: "#contact" }, +]; + +export default function Navbar() { + const [isOpen, setIsOpen] = useState(false); + const [scrolled, setScrolled] = useState(false); + + useEffect(() => { + const handleScroll = () => setScrolled(window.scrollY > 20); + window.addEventListener("scroll", handleScroll); + return () => window.removeEventListener("scroll", handleScroll); + }, []); + + return ( + + ); +}