umami updated

src/components/features.tsx

@@ -566,6 +566,7 @@ export default function Features() {
 					</p>
 					<div className="relative mt-8 flex">
 						<Button
+							data-umami-event="patreon-feature"
 							variant="ghost"
 							onClick={() =>
 								window.open("https://patreon.com/zen_browser", "_blank")
@@ -574,6 +575,7 @@ export default function Features() {
 							Patreon <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" />
 						</Button>
 						<Button
+						 	data-umami-event="ko-fi-feature"
 							className="ml-8"
 							variant="ghost"
 							onClick={() =>

src/components/footer.tsx

@@ -93,10 +93,10 @@ export default function Footer() {
 						<h2 className="text-md mt-8 font-bold opacity-80">Support Us</h2>
 						<ul className="mt-4 font-normal opacity-70">
 							<li>
-								<a href="https://patreon.com/zen_browser">Patreon</a>
+								<a data-umami-event="patreon-fotter" href="https://patreon.com/zen_browser">Patreon</a>
 							</li>
 							<li className="mt-2">
-								<a href="https://ko-fi.com/zen_browser">Ko-fi</a>
+								<a data-umami-event="ko-fi-fotter" href="https://ko-fi.com/zen_browser">Ko-fi</a>
 							</li>
 						</ul>
 					</div>

src/components/navigation.tsx

@@ -157,6 +157,7 @@ const ListItem = React.forwardRef<
 		<li>
 			<NavigationMenuLink asChild>
 				<a
+					data-umami-event={title}
 					ref={ref}
 					className={ny(
 						"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",