Davron/firma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

primary color changed

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-12-09 18:11:25 +05:00
parent d636a92dee
commit 45fbeaf77d
11 changed files with 43 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/Navbar.tsx
View File

@@ -6,6 +6,7 @@ import { Menu, X } from "lucide-react";
import { motion } from "framer-motion";
import LanguageSwitcher from "./languageSwitcher";
import { useLanguage } from "@/context/language-context";
import Image from "next/image";
interface NavLink {
id: string;
@@ -39,16 +40,16 @@ export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
};
return (
<nav className="sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-gray-200">
<nav className="sticky top-0 z-50 bg-white/80 backdrop-blur-md p-2 overflow-hidden border-b border-gray-200">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center h-16">
{/* Logo */}
<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
<Link
href={`/`}
className="text-2xl font-bold bg-linear-to-r from-blue-600 to-blue-800 bg-clip-text text-transparent"
className=" relative overflow-hidden"
>
{logoText}
<Image src='/logo.jpg' alt="image" width={80} height={50} className="rounded-xl object-cover" />
</Link>
</motion.div>
@@ -59,7 +60,7 @@ export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
key={link.id}
whileHover={{ color: "#2563eb" }}
onClick={() => handleScroll(link.href)}
className="text-gray-700 hover:text-blue-600 transition-colors"
className="text-[#468965] hover:text-[#468965] transition-colors hover:cursor-pointer"
>
{link.labelKey}
</motion.button>
@@ -92,7 +93,7 @@ export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
<button
key={link.id}
onClick={() => handleScroll(link.href)}
className="block w-full text-left px-4 py-2 text-gray-700 hover:bg-blue-50 rounded-lg transition-colors"
className="block w-full text-left px-4 py-2 text-gray-700 hover:bg-primary rounded-lg transition-colors"
>
{link.labelKey}
</button>