From 99653e0c7ee17bc3d79a0c953f217151a8f4b2d3 Mon Sep 17 00:00:00 2001 From: kudindmitriy Date: Tue, 21 Apr 2026 18:10:22 +0300 Subject: [PATCH] Bob AI: Modify the existing navbar component to be floating and appl --- src/App.tsx | 608 +++++++++++++-------------- src/components/ui/NavbarCentered.tsx | 87 ++-- 2 files changed, 343 insertions(+), 352 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 57f466e..a35df33 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -11,320 +11,320 @@ import TestimonialMarqueeCards from '@/components/sections/testimonial/Testimoni export default function App() { return ( - <> - - -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- - + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + ); -} +} \ No newline at end of file diff --git a/src/components/ui/NavbarCentered.tsx b/src/components/ui/NavbarCentered.tsx index de8cb8c..28c7529 100644 --- a/src/components/ui/NavbarCentered.tsx +++ b/src/components/ui/NavbarCentered.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect } from "react"; +import { useState } from "react"; import { Link } from "react-router-dom"; import { motion, AnimatePresence } from "motion/react"; import { Plus, ArrowRight } from "lucide-react"; @@ -46,54 +46,45 @@ const NavLink = ({ }; const NavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProps) => { - const [isScrolled, setIsScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); - useEffect(() => { - const handleScroll = () => setIsScrolled(window.scrollY > 50); - window.addEventListener("scroll", handleScroll, { passive: true }); - return () => window.removeEventListener("scroll", handleScroll); - }, []); - return ( <> -