v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor achanges

Browse source
This commit is contained in:
Dex404 2024-04-16 04:43:43 +00:00
parent 4f314c98b7
commit f821088271
2 changed files with 12 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

21
components/Navbar/Navbar.tsx
View file

@ -1,12 +1,12 @@
"use client"
import { useState, useEffect } from "react"
import { Button } from "components/Button/Button"
import { FaArrowRight } from "react-icons/fa"
interface NavbarProps {
logoSrc: string // Path to your logo image
}
import { useState, useEffect } from "react"
import { Button } from "components/Button/Button"
import { FaArrowRight } from "react-icons/fa"
const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
const [showBackground, setShowBackground] = useState(false)
const TOP_OFFSET = 50
@ -36,18 +36,13 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
return (
<nav
className={`${
showBackground ? "backdrop-blur-2xl" : "bg-transparent"
} fixed left-0 top-0 z-50 flex h-20 w-full items-center justify-between px-4 px-[8.5rem] py-[1rem] text-white transition-all`}
showBackground ? "backdrop-blur" : "bg-transparent"
} fixed left-0 top-0 z-50 flex h-20 w-full items-center justify-between px-4 text-white`}
>
<a href="/">
<img
src={logoSrc}
alt="Vizole Labs"
className="h-8
text-white"
/>
<img src={logoSrc} alt="VizoleLabs" className="h-5 text-white" />
</a>
<ul className="text-md font-ligth hidden space-x-4 md:flex">
<ul className="hidden space-x-4 text-lg font-medium md:flex">
<li>
<a href="/" className="hover:text-vizoleG2">
Home