feat(homepage): add new sections to homepage

apps/client/src/services/auth/index.ts

@@ -12,7 +12,7 @@ export * from "./email-verification/verify-email";
 export * from "./password-recovery/forgot-password";
 export * from "./password-recovery/reset-password";
 
-// Two Factor Authentication
+// Two-Factor Authentication
 export * from "./two-factor-authentication/backup-otp";
 export * from "./two-factor-authentication/disable";
 export * from "./two-factor-authentication/enable";

apps/client/src/services/resume/contributors.ts

@@ -0,0 +1,41 @@
+import { ContributorDto } from "@reactive-resume/dto";
+import { useQuery } from "@tanstack/react-query";
+
+import { axios } from "@/client/libs/axios";
+
+export const fetchGitHubContributors = async () => {
+  const response = await axios.get<ContributorDto[]>(`/contributors/github`);
+
+  return response.data;
+};
+
+export const fetchCrowdinContributors = async () => {
+  const response = await axios.get<ContributorDto[]>(`/contributors/crowdin`);
+
+  return response.data;
+};
+
+export const useContributors = () => {
+  const {
+    error: githubError,
+    isPending: githubLoading,
+    data: github,
+  } = useQuery({
+    queryKey: ["contributors", "github"],
+    queryFn: fetchGitHubContributors,
+  });
+
+  const {
+    error: crowdinError,
+    isPending: crowdinLoading,
+    data: crowdin,
+  } = useQuery({
+    queryKey: ["contributors", "crowdin"],
+    queryFn: fetchCrowdinContributors,
+  });
+
+  const error = githubError || crowdinError;
+  const loading = githubLoading || crowdinLoading;
+
+  return { github, crowdin, loading, error };
+};

apps/client/src/services/resume/translation.ts

@@ -0,0 +1,23 @@
+import { LanguageDto } from "@reactive-resume/dto";
+import { useQuery } from "@tanstack/react-query";
+
+import { axios } from "@/client/libs/axios";
+
+export const fetchLanguages = async () => {
+  const response = await axios.get<LanguageDto[]>(`/translation/languages`);
+
+  return response.data;
+};
+
+export const useLanguages = () => {
+  const {
+    error,
+    isPending: loading,
+    data: languages,
+  } = useQuery({
+    queryKey: ["translation", "languages"],
+    queryFn: fetchLanguages,
+  });
+
+  return { languages: languages ?? [], loading, error };
+};