Add: Add Voxa to the product list page (#130)

Author: sintaherena

app/[lang]/(hyperjump)/data.ts

@@ -367,7 +367,7 @@ type Content = {
     backgroundImageUrl: string;
     clients: { imageUrl: string; name: string }[];
   } & ListSection;
-  ourProduct: {
+  products: {
     slug: string;
     title: string;
     description: string;
@@ -505,7 +505,7 @@ export function services(lang: SupportedLanguage): Service[] {
             aiWhyUsReasons2(lang)
           ]
         },
-        ourProduct: []
+        products: []
       },
       description: aiDescription(lang),
       iconUrl: `/images/services/${ServiceSlug.InferenceAI}/icon.svg`,
@@ -619,7 +619,7 @@ export function services(lang: SupportedLanguage): Service[] {
             erpWhyUsReasons2(lang)
           ]
         },
-        ourProduct: []
+        products: []
       },
       description: erpDescription(lang),
       iconUrl: `/images/services/${ServiceSlug.ErpImplementation}/icon.svg`,
@@ -758,7 +758,7 @@ export function services(lang: SupportedLanguage): Service[] {
             ctoaasWhyUsReasons3(lang)
           ]
         },
-        ourProduct: []
+        products: []
       },
       description: ctoaasDescription(lang),
       iconUrl: `/images/services/${ServiceSlug.CtoAsAService}/icon.svg`,
@@ -879,7 +879,7 @@ export function services(lang: SupportedLanguage): Service[] {
             saasWhyUsReasons2(lang)
           ]
         },
-        ourProduct: []
+        products: []
       },
       description: saasDescription(lang),
       iconUrl: `/images/services/${ServiceSlug.SoftwareAsAService}/icon.svg`,
@@ -1009,7 +1009,7 @@ export function services(lang: SupportedLanguage): Service[] {
             tddWhyUsReasons2(lang)
           ]
         },
-        ourProduct: []
+        products: []
       },
       description: tddDescription(lang),
       iconUrl: `/images/services/${ServiceSlug.TechDueDiligence}/icon.svg`,

app/[lang]/(hyperjump)/products/data.ts

@@ -1,55 +1,63 @@
 import {
-  mainProject0Text,
-  mainProject0Title,
-  mainProject2Text,
-  mainProject2Title,
-  ourProductsCommercialData1Text,
-  ourProductsCommercialData1Title,
-  ourProductsCommercialData2Text,
-  ourProductsCommercialData2Title,
-  ourProductsCommercialData3Text,
-  ourProductsCommercialData3Title
+  productsOpenSourceData1Text,
+  productsOpenSourceData1Title,
+  productsOpenSourceData2Text,
+  productsOpenSourceData2Title,
+  productsOpenSourceData3Title,
+  productsOpenSourceData3Text,
+  productsCommercialData1Text,
+  productsCommercialData1Title,
+  productsCommercialData2Text,
+  productsCommercialData2Title,
+  productsCommercialData3Text,
+  productsCommercialData3Title
 } from "@/locales/.generated/server";
 import type { SupportedLanguage } from "@/locales/.generated/types";
 
 export function getCommercialProduct(lang: SupportedLanguage) {
   return [
     {
-      title: ourProductsCommercialData2Title(lang),
-      description: ourProductsCommercialData2Text(lang),
+      title: productsCommercialData2Title(lang),
+      description: productsCommercialData2Text(lang),
       image: "/images/products/media-pulse.svg"
     },
     {
-      title: ourProductsCommercialData1Title(lang),
-      description: ourProductsCommercialData1Text(lang),
+      title: productsCommercialData1Title(lang),
+      description: productsCommercialData1Text(lang),
       image: "/images/products/startGPT.svg"
     },
+
     {
-      title: ourProductsCommercialData3Title(lang),
-      description: ourProductsCommercialData3Text(lang),
-      image: "/images/open-source/monika.svg",
-      url: "https://monika.hyperjump.tech/",
-      repoUrl: "https://github.com/hyperjumptech/monika",
-      button: true,
-      repo: "monika"
+      title: productsCommercialData3Title(lang),
+      description: productsCommercialData3Text(lang),
+      image: "/images/products/voxa.svg"
     }
   ];
 }
 
 export function getOpenSource(lang: SupportedLanguage) {
   return [
     {
-      title: mainProject0Title(lang),
-      description: mainProject0Text(lang),
+      title: productsOpenSourceData1Title(lang),
+      description: productsOpenSourceData1Text(lang),
+      image: "/images/open-source/monika.svg",
+      url: "https://monika.hyperjump.tech/",
+      repoUrl: "https://github.com/hyperjumptech/monika",
+      button: true,
+      repo: "monika"
+    },
+    {
+      title: productsOpenSourceData2Title(lang),
+      description: productsOpenSourceData2Text(lang),
       image: "/images/open-source/grule.svg",
       url: "https://github.com/hyperjumptech/grule-rule-engine",
       repoUrl: "https://github.com/hyperjumptech/grule-rule-engine",
       button: true,
       repo: "grule-rule-engine"
     },
     {
-      title: mainProject2Title(lang),
-      description: mainProject2Text(lang),
+      title: productsOpenSourceData3Title(lang),
+      description: productsOpenSourceData3Text(lang),
       image: "/images/open-source/whatsapp-chatbot-connector.svg",
       url: "https://github.com/hyperjumptech/whatsapp-chatbot-connector",
       repoUrl: "https://github.com/hyperjumptech/whatsapp-chatbot-connector",

app/[lang]/(hyperjump)/products/page.tsx

@@ -3,8 +3,8 @@ import {
   type SupportedLanguage
 } from "@/locales/.generated/types";
 import {
-  ourProductsHeroDesc,
-  ourProductsHeroHeading
+  productsHeroDesc,
+  productsHeroHeading
 } from "@/locales/.generated/server";
 import { Metadata } from "next";
 import { dynamicOpengraph } from "@/lib/default-metadata";
@@ -15,18 +15,18 @@ export const generateStaticParams = async () => {
   return supportedLanguages.map((lang) => ({ lang }));
 };
 
-type OurProductsProps = {
+type productsProps = {
   params: Promise<{ lang: SupportedLanguage }>;
 };
 
 export async function generateMetadata({
   params
-}: OurProductsProps): Promise<Metadata> {
+}: productsProps): Promise<Metadata> {
   const { lang } = await params;
 
   const meta = {
-    title: `Our Products - ${ourProductsHeroHeading(lang)}`,
-    description: ourProductsHeroDesc(lang),
+    title: `Our Products - ${productsHeroHeading(lang)}`,
+    description: productsHeroDesc(lang),
     alternates: {
       canonical: `https://hyperjump.tech/${lang}/products`,
       languages: supportedLanguages.reduce(
@@ -42,7 +42,7 @@ export async function generateMetadata({
   return dynamicOpengraph(meta);
 }
 
-export default async function OurProductsPage({ params }: OurProductsProps) {
+export default async function productsPage({ params }: productsProps) {
   const { lang } = await params;
 
   return (
@@ -65,11 +65,11 @@ function Hero({ lang }: { lang: SupportedLanguage }) {
         <h1
           className="text-hyperjump-black mb-4 text-3xl font-medium sm:text-4xl md:text-[40px]"
           dangerouslySetInnerHTML={{
-            __html: ourProductsHeroHeading(lang)
+            __html: productsHeroHeading(lang)
           }}
         />
         <p className="text-hyperjump-gray text-base sm:text-lg">
-          {ourProductsHeroDesc(lang)}
+          {productsHeroDesc(lang)}
         </p>
       </div>
     </section>

app/[lang]/(hyperjump)/services/[slug]/page.tsx

@@ -17,8 +17,8 @@ import {
   servicesCaseStudies,
   caseStudyButton,
   aiLearnMore,
-  aiOurProductsTitle,
-  aiOurProductsDescription
+  aiProductsTitle,
+  aiProductsDescription
 } from "@/locales/.generated/server";
 
 import type { CaseStudy, Service } from "../../data";
@@ -86,7 +86,7 @@ export default async function ServiceDetail({ params }: ServiceDetailProps) {
       <About service={service} />
       <WhoIsIt lang={lang} service={service} />
       <WhatWeDeliver lang={lang} service={service} />
-      <OurProduct lang={lang} service={service} />
+      <Product lang={lang} service={service} />
       <HowItWorks lang={lang} service={service} />
       <WhatYouGet lang={lang} service={service} />
       <WhyUs lang={lang} service={service} />
@@ -450,23 +450,23 @@ function Recommendation({ caseStudies, lang }: RecommendationProps) {
   );
 }
 
-function OurProduct({ lang, service }: LangProps & ServiceProps) {
-  if (!service.content?.ourProduct || service.content.ourProduct.length === 0) {
+function Product({ lang, service }: LangProps & ServiceProps) {
+  if (!service.content?.products || service.content.products.length === 0) {
     return null;
   }
 
   return (
     <section className="flex bg-white px-4 py-8 md:px-20 md:py-16">
       <div className="mx-auto flex w-full flex-col items-center md:max-w-4xl">
         <h2 className="text-hyperjump-black max-w-3/4 text-center text-[34px] font-medium md:text-[40px]">
-          {aiOurProductsTitle(lang)}
+          {aiProductsTitle(lang)}
         </h2>
         <p
           className="text-hyperjump-gray mt-2 mb-10 text-center md:max-w-xl"
-          dangerouslySetInnerHTML={{ __html: aiOurProductsDescription(lang) }}
+          dangerouslySetInnerHTML={{ __html: aiProductsDescription(lang) }}
         />
         <div className="mt-5 grid gap-6 md:grid-cols-2">
-          {service.content.ourProduct.map(
+          {service.content.products.map(
             ({ description, slug, title, basePath }) => (
               <div
                 key={slug}

app/components/grid-items.tsx

@@ -20,7 +20,7 @@ import type { SupportedLanguage } from "@/locales/.generated/types";
 import {
   mainCaseStudiesButton,
   mainSeeMore,
-  ourProductsLearnMore
+  productsLearnMore
 } from "@/locales/.generated/server";
 
 type GridItemsTitleProps = {
@@ -284,7 +284,7 @@ export function GridItems({
                   asChild
                   variant="outline"
                   className="text-hyperjump-blue hover:bg-hyperjump-blue w-full border-gray-300 hover:text-white">
-                  <Link href={urlLearnMore}>{ourProductsLearnMore(lang)}</Link>
+                  <Link href={urlLearnMore}>{productsLearnMore(lang)}</Link>
                 </Button>
               )}
 

locales/en/ai.json

@@ -99,7 +99,7 @@
     }
   },
   "learn_more": "Learn More",
-  "our_products": {
+  "products": {
     "title": "Our Products",
     "description": "Innovative products tailored to support your goals and scale with your needs."
   }

locales/en/our-products.json locales/en/products.jsonlocales/en/our-products.json renamed to locales/en/products.json

@@ -16,8 +16,8 @@
         "text": "MediaPulse is your always-on AI analyst — cutting through market noise to give you clarity, context, and confidence. Stay informed. Stay ahead."
       },
       "3": {
-        "title": "Monika",
-        "text": "Monika is a command line application to monitor every part of your web app using a simple JSON configuration file. Get alert not only when your site is down but also when it's slow."
+        "title": "Voxa",
+        "text": "Short description: Voxa helps you reach prospects over the phone with natural AI voices, smart lead targeting, and automated call flows."
       }
     }
   },

locales/id/ai.json

@@ -99,7 +99,7 @@
     }
   },
   "learn_more": "Pelajari Lebih Lanjut",
-  "our_products": {
+  "products": {
     "title": "Produk Kami",
     "description": "Produk inovatif yang dirancang untuk mendukung tujuan Anda dan berkembang sesuai kebutuhan Anda."
   }

locales/id/our-products.json locales/id/products.jsonlocales/id/our-products.json renamed to locales/id/products.json

@@ -16,8 +16,8 @@
         "text": "MediaPulse adalah analis AI Anda yang selalu aktif — memotong kebisingan pasar untuk memberi Anda kejelasan, konteks, dan kepercayaan diri. Tetap terinformasi. Tetap unggul."
       },
       "3": {
-        "title": "Monika",
-        "text": "Monika adalah aplikasi command line untuk memantau setiap bagian dari web app Anda menggunakan konfigurasi JSON sederhana. Dapatkan peringatan tidak hanya saat situs Anda down tetapi juga saat lambat."
+        "title": "Voxa",
+        "text": "Deskripsi singkat: Voxa membantu Anda menjangkau prospek melalui panggilan telepon dengan suara AI yang natural, penargetan prospek cerdas, dan alur panggilan otomatis."
       }
     }
   },