change contact to github link

Author: Austin1serb

examples/demo/src/app/components/MobileMenu.tsx

@@ -2,6 +2,7 @@
 import { useUI } from '@react-zero-ui/core';
 import clsx from 'clsx';
 import Link from 'next/link';
+import { Icon } from './Icon';
 
 export const MobileMenu: React.FC<{ navItems: { name: string; href: string }[] }> = ({ navItems }) => {
 	const [, setMenuOpen] = useUI<'closed' | 'open'>('mobile-menu', 'closed');
@@ -22,10 +23,17 @@ export const MobileMenu: React.FC<{ navItems: { name: string; href: string }[] }
 			))}
 			<li className={clsx('mobile-menu-item transform pt-3 transition-all duration-300 ease-in-out')}>
 				<Link
-					href="/#contact"
+					href="https://github.com/react-zero-ui"
+					target="_blank"
 					onClick={() => setMenuOpen((prev) => (prev === 'closed' ? 'open' : 'closed'))}
-					className="bubble-hover block rounded-full border border-gray-200 bg-white px-3 py-2 text-center font-medium shadow-lg duration-300 hover:border-white">
-					Contact
+					className="bubble-hover flex rounded-full border border-gray-200 bg-white px-3 py-2 text-center font-medium shadow-lg duration-300 hover:border-white items-center justify-center gap-2 ">
+					<Icon
+						name="github"
+						height={24}
+						width={24}
+						className="text-black"
+					/>
+					GitHub
 				</Link>
 			</li>
 		</ul>