rzmk/qsvpro.dathere.com
1
0
Fork 0
mirror of https://github.com/dathere/qsvpro.dathere.com.git synced 2025-12-19 05:59:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: add support to navbar

Browse source
This commit is contained in:
rzmk 2024-03-11 12:53:37 -04:00
parent 07dcea4b6b
commit b7dd04b1bf
No known key found for this signature in database
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Navbar.jsx
View file

@ -1,5 +1,4 @@
import { useState } from "react"; import { motion } from "framer-motion";
import { motion, AnimatePresence } from "framer-motion";
import qsvProLogo from "../assets/logos/qsv-pro-logo.png"; import qsvProLogo from "../assets/logos/qsv-pro-logo.png";
@ -9,11 +8,14 @@ const navbarLinks = [
// { label: "Feedback", href: "#feedback", ariaLabel: "Feedback" }, // { label: "Feedback", href: "#feedback", ariaLabel: "Feedback" },
{ label: "Pricing", href: "#pricing", ariaLabel: "Pricing" }, { label: "Pricing", href: "#pricing", ariaLabel: "Pricing" },
{ label: "FAQ", href: "#FAQ", ariaLabel: "FAQ" }, { label: "FAQ", href: "#FAQ", ariaLabel: "FAQ" },
{
label: "Support",
href: "https://support.dathere.com",
ariaLabel: "Support",
},
]; ];
export const Navbar = () => { export const Navbar = () => {
const [isOpen, setIsOpen] = useState(false);
return ( return (
<nav className="w-full h-20 flex flex-col justify-center items-center fixed bg-customDarkBg1 lg:bg-customDarkBgTransparent z-40 lg:backdrop-blur-xl"> <nav className="w-full h-20 flex flex-col justify-center items-center fixed bg-customDarkBg1 lg:bg-customDarkBgTransparent z-40 lg:backdrop-blur-xl">
<div className="2xl:w-[1280px] xl:w-10/12 w-11/12 flex justify-between items-center relative"> <div className="2xl:w-[1280px] xl:w-10/12 w-11/12 flex justify-between items-center relative">