import { useState } from 'react'; import { Menu, X, ChevronLeft, ChevronRight } from 'lucide-react'; export default function InteractiveNavbar() { const [currentPage, setCurrentPage] = useState(0); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const pages = [ { name: 'Home', color: 'from-blue-500 to-purple-600' }, { name: 'Über uns', color: 'from-purple-500 to-pink-600' }, { name: 'Leistungen', color: 'from-pink-500 to-red-600' }, { name: 'Portfolio', color: 'from-red-500 to-orange-600' }, { name: 'Kontakt', color: 'from-orange-500 to-yellow-600' } ]; const nextPage = () => { setCurrentPage((prev) => (prev + 1) % pages.length); }; const prevPage = () => { setCurrentPage((prev) => (prev - 1 + pages.length) % pages.length); }; return (
Seite {currentPage + 1} von {pages.length}