create file inferenceai.json in locales

Author: sintaherena

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

@@ -1,58 +1,74 @@
 import { SupportedLanguage } from "@/locales/.generated/types";
 import {
-  whyTailoredTitle,
-  why0Desc,
-  whySpeedTitle,
-  why1Desc,
-  whySupportTitle,
-  why2Desc,
-  howTailoredTitle,
-  how0Desc,
-  howSpeedTitle,
-  how1Desc,
-  howSupportTitle,
-  how2Desc,
-  howTrainTitle,
-  how3Desc,
-  getTailoredTitle,
-  getSpeedTitle,
-  getSupportTitle,
-  getTrainTitle,
-  get4Title,
-  get5Title,
-  caseTailoredTitle,
-  caseRagCategory,
-  caseRagDesc,
-  caseSpeedTitle,
-  caseMeetingCategory,
-  caseMeetingDesc,
-  faqQAgentProblems,
-  faqAAgentProblems,
-  faqQDuration,
-  faqADuration,
-  faqQAiKnowledge,
-  faqAAiKnowledge,
-  faqQTools,
-  faqATools,
-  faqQInternalData,
-  faqAInternalData
+  inferenceaiNavItems0Label,
+  inferenceaiNavItems1Label,
+  inferenceaiNavItems2Label,
+  inferenceaiNavItems3Label,
+  inferenceaiNavItems4Label,
+  inferenceaiWhyWorkWithUs0Title,
+  inferenceaiWhyWorkWithUs1Title,
+  inferenceaiWhyWorkWithUs2Title,
+  inferenceaiWhyWorkWithUs0Text,
+  inferenceaiWhyWorkWithUs1Text,
+  inferenceaiWhyWorkWithUs2Text,
+  inferenceaiHowItWorks0Title,
+  inferenceaiHowItWorks1Title,
+  inferenceaiHowItWorks2Title,
+  inferenceaiHowItWorks3Title,
+  inferenceaiHowItWorks0Text,
+  inferenceaiHowItWorks1Text,
+  inferenceaiHowItWorks2Text,
+  inferenceaiHowItWorks3Text,
+  inferenceaiWhatYouGet0Title,
+  inferenceaiWhatYouGet1Title,
+  inferenceaiWhatYouGet2Title,
+  inferenceaiWhatYouGet3Title,
+  inferenceaiWhatYouGet4Title,
+  inferenceaiWhatYouGet5Title,
+  inferenceaiCaseStudies0Title,
+  inferenceaiCaseStudies1Title,
+  inferenceaiCaseStudies0Text,
+  inferenceaiCaseStudies1Text,
+  inferenceaiCaseStudies0Category,
+  inferenceaiCaseStudies1Category,
+  inferenceaiFaq0Question,
+  inferenceaiFaq1Question,
+  inferenceaiFaq2Question,
+  inferenceaiFaq3Question,
+  inferenceaiFaq4Question,
+  inferenceaiFaq0Answer,
+  inferenceaiFaq1Answer,
+  inferenceaiFaq2Answer,
+  inferenceaiFaq3Answer,
+  inferenceaiFaq4Answer
 } from "@/locales/.generated/server";
 
+export const nav = (lang: SupportedLanguage) => {
+  const data = [
+    { label: inferenceaiNavItems0Label(lang), href: "#how-it-works" },
+    { label: inferenceaiNavItems1Label(lang), href: "#what-you-get" },
+    { label: inferenceaiNavItems2Label(lang), href: "#case-studies" },
+    { label: inferenceaiNavItems3Label(lang), href: "#about-us" },
+    { label: inferenceaiNavItems4Label(lang), href: "#faqs" }
+  ];
+  return data;
+};
+
 export const getWhyWorkWithUs = (lang: SupportedLanguage) => {
   const data = [
     {
-      title: whyTailoredTitle(lang),
-      description: why0Desc(lang),
+      title: inferenceaiWhyWorkWithUs0Title(lang),
+      description: inferenceaiWhyWorkWithUs0Text(lang),
       icon: "/images/inferenceai/why-work-with-us/tailored-to-your-workflow.svg"
     },
     {
-      title: whySpeedTitle(lang),
-      description: why1Desc(lang),
+      title: inferenceaiWhyWorkWithUs1Title(lang),
+      description: inferenceaiWhyWorkWithUs1Text(lang),
       icon: "/images/inferenceai/why-work-with-us/speed-to-launch.svg"
     },
     {
-      title: whySupportTitle(lang),
-      description: why2Desc(lang),
+      title: inferenceaiWhyWorkWithUs2Title(lang),
+      description: inferenceaiWhyWorkWithUs2Text(lang),
       icon: "/images/inferenceai/why-work-with-us/ongoing-support-n-optimization.svg"
     }
   ];
@@ -63,23 +79,23 @@ export const getWhyWorkWithUs = (lang: SupportedLanguage) => {
 export const getHowItWorks = (lang: SupportedLanguage) => {
   const data = [
     {
-      title: howTailoredTitle(lang),
-      description: how0Desc(lang),
+      title: inferenceaiHowItWorks0Title(lang),
+      description: inferenceaiHowItWorks0Text(lang),
       image: "/images/inferenceai/how-it-works/discovery-n-strategy.png"
     },
     {
-      title: howSpeedTitle(lang),
-      description: how1Desc(lang),
+      title: inferenceaiHowItWorks1Title(lang),
+      description: inferenceaiHowItWorks1Text(lang),
       image: "/images/inferenceai/how-it-works/agent-design-n-prototype.png"
     },
     {
-      title: howSupportTitle(lang),
-      description: how2Desc(lang),
+      title: inferenceaiHowItWorks2Title(lang),
+      description: inferenceaiHowItWorks2Text(lang),
       image: "/images/inferenceai/how-it-works/integration-n-deployment.png"
     },
     {
-      title: howTrainTitle(lang),
-      description: how3Desc(lang),
+      title: inferenceaiHowItWorks3Title(lang),
+      description: inferenceaiHowItWorks3Text(lang),
       image: "/images/inferenceai/how-it-works/training-n-iteration.png"
     }
   ];
@@ -90,27 +106,27 @@ export const getHowItWorks = (lang: SupportedLanguage) => {
 export const getWhatYouGet = (lang: SupportedLanguage) => {
   const data = [
     {
-      title: getTailoredTitle(lang),
+      title: inferenceaiWhatYouGet0Title(lang),
       icon: "/images/inferenceai/what-you-get/end-to-end-strategy-session.svg"
     },
     {
-      title: getSpeedTitle(lang),
+      title: inferenceaiWhatYouGet1Title(lang),
       icon: "/images/inferenceai/what-you-get/custom-ai-agent-architecture-n-design.svg"
     },
     {
-      title: getSupportTitle(lang),
+      title: inferenceaiWhatYouGet2Title(lang),
       icon: "/images/inferenceai/what-you-get/pompt-engineering-n-llm-integration.svg"
     },
     {
-      title: getTrainTitle(lang),
+      title: inferenceaiWhatYouGet3Title(lang),
       icon: "/images/inferenceai/what-you-get/api-n-tool-integrations.svg"
     },
     {
-      title: get4Title(lang),
+      title: inferenceaiWhatYouGet4Title(lang),
       icon: "/images/inferenceai/what-you-get/deployment-n-hosting-setup.svg"
     },
     {
-      title: get5Title(lang),
+      title: inferenceaiWhatYouGet5Title(lang),
       icon: "/images/inferenceai/what-you-get/training-documentation-n-walkthrough.svg"
     }
   ];
@@ -121,14 +137,14 @@ export const getWhatYouGet = (lang: SupportedLanguage) => {
 export const getCaseStudies = (lang: SupportedLanguage) => {
   const data = [
     {
-      title: caseTailoredTitle(lang),
-      category: caseRagCategory(lang),
-      description: caseRagDesc(lang)
+      title: inferenceaiCaseStudies0Title(lang),
+      category: inferenceaiCaseStudies0Category(lang),
+      description: inferenceaiCaseStudies0Text(lang)
     },
     {
-      title: caseSpeedTitle(lang),
-      category: caseMeetingCategory(lang),
-      description: caseMeetingDesc(lang)
+      title: inferenceaiCaseStudies1Title(lang),
+      category: inferenceaiCaseStudies1Category(lang),
+      description: inferenceaiCaseStudies1Text(lang)
     }
   ];
 
@@ -138,24 +154,24 @@ export const getCaseStudies = (lang: SupportedLanguage) => {
 export const getFaqs = (lang: SupportedLanguage) => {
   return [
     {
-      question: faqQAgentProblems(lang),
-      answer: faqAAgentProblems(lang)
+      question: inferenceaiFaq0Question(lang),
+      answer: inferenceaiFaq0Answer(lang)
     },
     {
-      question: faqQDuration(lang),
-      answer: faqADuration(lang)
+      question: inferenceaiFaq1Question(lang),
+      answer: inferenceaiFaq1Answer(lang)
     },
     {
-      question: faqQAiKnowledge(lang),
-      answer: faqAAiKnowledge(lang)
+      question: inferenceaiFaq2Question(lang),
+      answer: inferenceaiFaq2Answer(lang)
     },
     {
-      question: faqQTools(lang),
-      answer: faqATools(lang)
+      question: inferenceaiFaq3Question(lang),
+      answer: inferenceaiFaq3Answer(lang)
     },
     {
-      question: faqQInternalData(lang),
-      answer: faqAInternalData(lang)
+      question: inferenceaiFaq4Question(lang),
+      answer: inferenceaiFaq4Answer(lang)
     }
   ];
 };

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

@@ -19,28 +19,28 @@ import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 import { SupportedLanguage } from "@/locales/.generated/types";
 import {
-  aboutSubtitle,
-  aboutTitle,
-  caseSubtitle,
-  caseTitle,
-  ctaBtn,
-  ctaSubtitle,
-  ctaTitle,
-  faqSubtitle,
-  faqTitle,
-  getSubtitle,
-  getTitle,
-  howSubtitle,
-  howTitle,
-  whySubtitle,
-  whyTitle
+  inferenceaiWhyWorkWithUsHeading,
+  inferenceaiWhyWorkWithUsDesc,
+  inferenceaiHowItWorksHeading,
+  inferenceaiHowItWorksDesc,
+  inferenceaiWhatYouGetHeading,
+  inferenceaiWhatYouGetDesc,
+  inferenceaiCaseStudiesHeading,
+  inferenceaiCaseStudiesDesc,
+  inferenceaiAboutUsHeading,
+  inferenceaiAboutUsDesc,
+  inferenceaiFaqHeading,
+  inferenceaiFaqDesc,
+  inferenceaiCtaHeading,
+  inferenceaiCtaDesc,
+  inferenceaiCtaLabel
 } from "@/locales/.generated/server";
 import {
-  getCaseStudies,
-  getFaqs,
+  getWhyWorkWithUs,
   getHowItWorks,
   getWhatYouGet,
-  getWhyWorkWithUs
+  getCaseStudies,
+  getFaqs
 } from "./data";
 
 export default function Home({ lang }: { lang: SupportedLanguage }) {
@@ -61,8 +61,8 @@ function WhyWorkWithUs({ lang }: { lang: SupportedLanguage }) {
   return (
     <GridItemsSection
       id="why-work-with-us"
-      title={whyTitle(lang)}
-      description={whySubtitle(lang)}
+      title={inferenceaiWhyWorkWithUsHeading(lang)}
+      description={inferenceaiWhyWorkWithUsDesc(lang)}
       layout="vertical">
       <div className="mb-8" />
       <GridItems
@@ -83,8 +83,8 @@ function HowItWorks({ lang }: { lang: SupportedLanguage }) {
   return (
     <GridItemsSection
       id="how-it-works"
-      title={howTitle(lang)}
-      description={howSubtitle(lang)}
+      title={inferenceaiHowItWorksHeading(lang)}
+      description={inferenceaiHowItWorksDesc(lang)}
       layout="vertical">
       {isMobile ? (
         <Accordion type="single" collapsible className="w-full">
@@ -160,8 +160,8 @@ function WhatYouGet({ lang }: { lang: SupportedLanguage }) {
   return (
     <GridItemsSection
       id="what-you-get"
-      title={getTitle(lang)}
-      description={getSubtitle(lang)}
+      title={inferenceaiWhatYouGetHeading(lang)}
+      description={inferenceaiWhatYouGetDesc(lang)}
       layout="vertical">
       <div className="grid grid-cols-2 gap-10 bg-[#0A0713] pt-8 text-white lg:grid-cols-3">
         {getWhatYouGet(lang).map((item, idx) => (
@@ -184,8 +184,8 @@ function CaseStudies({ lang }: { lang: SupportedLanguage }) {
   return (
     <GridItemsSection
       id="case-studies"
-      title={caseTitle(lang)}
-      description={caseSubtitle(lang)}>
+      title={inferenceaiCaseStudiesHeading(lang)}
+      description={inferenceaiCaseStudiesDesc(lang)}>
       <GridItems
         items={getCaseStudies(lang)}
         columns={{ base: 1, md: 2, lg: 2 }}
@@ -197,7 +197,7 @@ function CaseStudies({ lang }: { lang: SupportedLanguage }) {
       <div className="mt-8 flex w-full justify-center">
         <GridItemsMoreButton
           type="inferenceai"
-          text={ctaBtn(lang)}
+          text={inferenceaiCtaLabel(lang)}
           href={linkAI}
           gaEvent={{
             event: gaEventName,
@@ -214,8 +214,8 @@ function AboutUs({ lang }: { lang: SupportedLanguage }) {
   return (
     <GridItemsSection
       id="about-us"
-      title={aboutTitle(lang)}
-      description={aboutSubtitle(lang)}>
+      title={inferenceaiAboutUsHeading(lang)}
+      description={inferenceaiAboutUsDesc(lang)}>
       <div className="relative mt-9 flex w-full justify-center">
         <div className="relative aspect-[1280/603.7735595703125] w-full max-w-[1280px] overflow-hidden rounded-[24.15px]">
           <Image
@@ -234,8 +234,8 @@ function Faqs({ lang }: { lang: SupportedLanguage }) {
   return (
     <GridItemsSection
       id="faqs"
-      title={faqTitle(lang)}
-      description={faqSubtitle(lang)}
+      title={inferenceaiFaqHeading(lang)}
+      description={inferenceaiFaqDesc(lang)}
       layout="vertical"
       className="bg-grid-faqs">
       <Accordion
@@ -280,14 +280,14 @@ function CTASection({ lang }: { lang: SupportedLanguage }) {
         </div>
         <div className="relative z-20 space-y-4 text-white md:space-y-6">
           <h2 className="bg-gradient-to-b from-white to-[#0C1711] bg-clip-text text-center text-2xl font-semibold leading-[120%] tracking-[-0.02em] text-transparent drop-shadow-[0_2px_4px_rgba(0,0,0,0.6)] md:text-[48px]">
-            {ctaTitle(lang)}
+            {inferenceaiCtaHeading(lang)}
           </h2>
           <p className="mx-auto max-w-xl text-white/90 drop-shadow-[0_1px_3px_rgba(0,0,0,0.5)]">
-            {ctaSubtitle(lang)}
+            {inferenceaiCtaDesc(lang)}
           </p>
           <GridItemsMoreButton
             type="inferenceai"
-            text={ctaBtn(lang)}
+            text={inferenceaiCtaLabel(lang)}
             href={linkAI}
             gaEvent={{
               event: gaEventName,

app/(inferenceai)/inferenceai/components/footer.tsx

@@ -2,7 +2,7 @@ import Image from "next/image";
 import data from "@/data.json";
 import { Separator } from "@/components/ui/separator";
 import { SupportedLanguage } from "@/locales/.generated/types";
-import { footerText } from "@/locales/.generated/server";
+import { inferenceaiFooter } from "@/locales/.generated/server";
 
 export default function Footer({ lang }: { lang: SupportedLanguage }) {
   const { aiSocials, copyright } = data;
@@ -23,7 +23,9 @@ export default function Footer({ lang }: { lang: SupportedLanguage }) {
           </a>
         </div>
 
-        <p className="text-sm md:max-w-60 md:text-center">{footerText(lang)}</p>
+        <p className="text-sm md:max-w-60 md:text-center">
+          {inferenceaiFooter(lang)}
+        </p>
 
         <div className="flex space-x-6">
           {aiSocials.map((s, i) => (