feat: use i18n link component

apps/website/components/Faqs.tsx

@@ -5,7 +5,7 @@ const faqs = [
 	[
 		{
 			question: 'faq.q1',
-			answer: 'faq.a2',
+			answer: 'faq.a1',
 		},
 		{
 			question: 'faq.q2',

apps/website/components/Header.tsx

@@ -3,7 +3,6 @@
 import { cn } from '@/lib/utils'
 import { Popover, Transition } from '@headlessui/react'
 import { HeartIcon } from 'lucide-react'
-import Link from 'next/link'
 import { Fragment } from 'react'
 import { Container } from './Container'
 import { NavLink } from './NavLink'
@@ -11,6 +10,7 @@ import { trackGAEvent } from './analitycs'
 import { Logo } from './shared/Logo'
 import { Button, buttonVariants } from './ui/button'
 import { useTranslations } from 'next-intl'
+import { Link } from '@/i18n/routing'
 
 function MobileNavLink({
 	href,
@@ -133,7 +133,7 @@ export function Header() {
 			<Container>
 				<nav className="relative z-50 flex justify-between">
 					<div className="flex items-center md:gap-x-12">
-						<Link href="#" aria-label="Home">
+						<Link href="/" aria-label="Home">
 							<Logo className="h-10 w-auto" />
 						</Link>
 						<div className="hidden md:flex md:gap-x-6">

apps/website/components/NavLink.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import Link from "next/link";
 import { trackGAEvent } from "./analitycs";
+import { Link } from '@/i18n/routing'
 
 export function NavLink({
 	href,

apps/website/components/SlimLayout.tsx

@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import { Link } from '@/i18n/routing'
 import { Footer } from './Footer'
 import { Header } from './Header'
 import { useTranslations } from 'next-intl'