Update: Replace hard coded text in the landing page

app/(inferenceai)/inferenceai/[lang]/home.tsx

@@ -70,6 +70,7 @@ function WhyWorkWithUs({ lang }: { lang: SupportedLanguage }) {
         cardClassName="rounded-[20px]"
         borderClassName="card-border-gradient"
         titleClassName="text-white"
+        lang={lang}
       />
     </GridItemsSection>
   );
@@ -184,6 +185,7 @@ function CaseStudies({ lang }: { lang: SupportedLanguage }) {
       title={inferenceaiCaseStudiesHeading(lang)}
       description={inferenceaiCaseStudiesDesc(lang)}>
       <GridItems
+        lang={lang}
         items={getCaseStudies(lang)}
         columns={{ base: 1, md: 2, lg: 2 }}
         cardClassName="rounded-2xl mt-8"

app/(main)/[lang]/data.tsx

@@ -0,0 +1,142 @@
+import { SupportedLanguage } from "@/locales/.generated/types";
+import {
+  mainNavItems0Label,
+  mainNavItems1Label,
+  mainNavItems2Label,
+  mainNavItems3Label,
+  mainServices0Title,
+  mainServices1Title,
+  mainServices2Title,
+  mainServices3Title,
+  mainServices0Text,
+  mainServices1Text,
+  mainServices2Text,
+  mainServices3Text,
+  mainCaseStudies0Title,
+  mainCaseStudies1Title,
+  mainCaseStudies0Text,
+  mainCaseStudies1Text,
+  mainCaseStudies0Category,
+  mainCaseStudies1Category,
+  mainProject0Title,
+  mainProject1Title,
+  mainProject2Title,
+  mainProject0Text,
+  mainProject1Text,
+  mainProject2Text,
+  mainFaq0Question,
+  mainFaq1Question,
+  mainFaq2Question,
+  mainFaq3Question,
+  mainFaq0Answer,
+  mainFaq1Answer,
+  mainFaq2Answer,
+  mainFaq3Answer
+} from "@/locales/.generated/server";
+
+export const mainNav = (lang: SupportedLanguage) => {
+  const data = [
+    { label: mainNavItems0Label(lang), href: "#services" },
+    { label: mainNavItems1Label(lang), href: "#case-studies" },
+    { label: mainNavItems2Label(lang), href: "#open-source" },
+    { label: mainNavItems3Label(lang), href: "#faqs" }
+  ];
+  return data;
+};
+
+export const getServices = (lang: SupportedLanguage) => {
+  const data = [
+    {
+      title: mainServices0Title(lang),
+      description: mainServices0Text(lang),
+      icon: "/images/services/cto-as-a-service.svg"
+    },
+    {
+      title: mainServices1Title(lang),
+      description: mainServices1Text(lang),
+      icon: "/images/services/software-as-a-service.svg"
+    },
+    {
+      title: mainServices2Title(lang),
+      description: mainServices2Text(lang),
+      icon: "/images/services/tech-due-diligence.svg"
+    },
+    {
+      title: mainServices3Title(lang),
+      description: mainServices3Text(lang),
+      icon: "/images/services/erp-implementation.svg"
+    }
+  ];
+
+  return data;
+};
+
+export const getProject = (lang: SupportedLanguage) => {
+  const data = [
+    {
+      title: mainProject0Title(lang),
+      description: mainProject0Text(lang),
+      image: "/images/open-source/monika.svg",
+      url: "https://github.com/hyperjumptech/monika",
+      button: true,
+      repo: "monika"
+    },
+    {
+      title: mainProject1Title(lang),
+      description: mainProject1Text(lang),
+      image: "/images/open-source/firebase-cronjob.svg",
+      url: "https://github.com/hyperjumptech/firebase-cronjob",
+      button: true,
+      repo: "firebase-cronjob"
+    },
+    {
+      title: mainProject2Title(lang),
+      description: mainProject2Text(lang),
+
+      image: "/images/open-source/whatsapp-chatbot-connector.svg",
+      url: "https://github.com/hyperjumptech/whatsapp-chatbot-connector",
+      button: true,
+      repo: "whatsapp-chatbot-connector"
+    }
+  ];
+
+  return data;
+};
+
+export const getCaseStudies = (lang: SupportedLanguage) => {
+  const data = [
+    {
+      title: mainCaseStudies0Title(lang),
+      category: mainCaseStudies0Category(lang),
+      description: mainCaseStudies0Text(lang)
+    },
+    {
+      title: mainCaseStudies1Title(lang),
+      category: mainCaseStudies1Category(lang),
+      description: mainCaseStudies1Text(lang)
+    }
+  ];
+
+  return data;
+};
+
+export const getFaqs = (lang: SupportedLanguage) => {
+  return [
+    {
+      question: mainFaq0Question(lang),
+      answer: mainFaq0Answer(lang)
+    },
+    {
+      question: mainFaq1Question(lang),
+      answer: mainFaq1Answer(lang)
+    },
+    {
+      question: mainFaq2Question(lang),
+      answer: mainFaq2Answer(lang)
+    },
+    {
+      question: mainFaq3Question(lang),
+      answer: mainFaq3Answer(lang)
+    }
+  ];
+};