diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx index 99ba1730e..fac5ff769 100644 --- a/apps/web/src/components/header.tsx +++ b/apps/web/src/components/header.tsx @@ -1,198 +1,198 @@ -"use client"; - -import { useState } from "react"; -import Link from "next/link"; -import { motion } from "motion/react"; -import { Button } from "./ui/button"; -import { ArrowRight } from "lucide-react"; -import Image from "next/image"; -import { ThemeToggle } from "./theme-toggle"; -import { - Copy01Icon, - Download01Icon, - GithubIcon, - LinkSquare02Icon, - Menu02Icon, -} from "@hugeicons/core-free-icons"; -import { HugeiconsIcon } from "@hugeicons/react"; -import { cn } from "@/utils/ui"; -import { DEFAULT_LOGO_URL, SITE_URL } from "@/site/brand"; -import { SOCIAL_LINKS } from "@/site/social"; -import { - ContextMenu, - ContextMenuContent, - ContextMenuItem, - ContextMenuTrigger, -} from "./ui/context-menu"; - -export function Header() { - const [isMenuOpen, setIsMenuOpen] = useState(false); - const closeMenu = () => setIsMenuOpen(false); - - const links = [ - { - label: "Roadmap", - href: "/roadmap", - }, - { - label: "Contributors", - href: "/contributors", - }, - { - label: "Sponsors", - href: "/sponsors", - }, - { - label: "Blog", - href: "/blog", - }, - ]; - - return ( -
-
-
- - - - OpenCut Logo - - - - { - const res = await fetch(DEFAULT_LOGO_URL); - const svg = await res.text(); - await navigator.clipboard.writeText(svg); - }} - > - - Copy SVG - - { - const a = document.createElement("a"); - a.href = DEFAULT_LOGO_URL; - a.download = "opencut-logo.svg"; - a.click(); - }} - > - - Download SVG - - - - - Brand assets - - - - - - -
- -
-
- -
-
- - - - - - - -
-
-
-
-
-
-
-
- ); -} +"use client"; + +import { useState } from "react"; +import Link from "next/link"; +import { motion } from "motion/react"; +import { Button } from "./ui/button"; +import { ArrowRight } from "lucide-react"; +import Image from "next/image"; +import { ThemeToggle } from "./theme-toggle"; +import { + Copy01Icon, + Download01Icon, + GithubIcon, + LinkSquare02Icon, + Menu02Icon, +} from "@hugeicons/core-free-icons"; +import { HugeiconsIcon } from "@hugeicons/react"; +import { cn } from "@/utils/ui"; +import { DEFAULT_LOGO_URL, SITE_URL } from "@/site/brand"; +import { SOCIAL_LINKS } from "@/site/social"; +import { + ContextMenu, + ContextMenuContent, + ContextMenuItem, + ContextMenuTrigger, +} from "./ui/context-menu"; + +export function Header() { + const [isMenuOpen, setIsMenuOpen] = useState(false); + const closeMenu = () => setIsMenuOpen(false); + + const links = [ + { + label: "Roadmap", + href: "/roadmap", + }, + { + label: "Contributors", + href: "/contributors", + }, + { + label: "Sponsors", + href: "/sponsors", + }, + { + label: "Blog", + href: "/blog", + }, + ]; + + return ( +
+
+
+ + + + OpenCut Logo + + + + { + const res = await fetch(DEFAULT_LOGO_URL); + const svg = await res.text(); + await navigator.clipboard.writeText(svg); + }} + > + + Copy SVG + + { + const a = document.createElement("a"); + a.href = DEFAULT_LOGO_URL; + a.download = "opencut-logo.svg"; + a.click(); + }} + > + + Download SVG + + + + + Brand assets + + + + + + +
+ +
+
+ +
+
+ + + + + + + +
+
+
+
+
+
+
+
+ ); +} \ No newline at end of file