From 067dfc59efc89ecb9f8a4755f3473269b38ba4fe Mon Sep 17 00:00:00 2001
From: Martim Passos <49573683+martimpassos@users.noreply.github.com>
Date: Thu, 5 Sep 2024 17:53:21 -0300
Subject: [PATCH] Include Services section

---
 app/[locale]/layout.tsx                 |  37 +++++----
 app/[locale]/page.tsx                   |  16 ++--
 messages/en.json                        |  19 +++++
 messages/pt.json                        |  19 +++++
 next-env.d.ts                           |   2 +-
 package-lock.json                       | 102 ++++++++++++------------
 package.json                            |   2 +-
 src/components/{About.tsx => About.jsx} |   8 +-
 src/components/Partners.jsx             |   8 +-
 src/components/Projects.jsx             |   8 +-
 src/components/Services.jsx             |  36 +++++++++
 src/components/Team.jsx                 |   8 +-
 tsconfig.json                           |   6 +-
 13 files changed, 175 insertions(+), 96 deletions(-)
 rename src/components/{About.tsx => About.jsx} (93%)
 create mode 100644 src/components/Services.jsx

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 244b759..6f66d7f 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -51,6 +51,7 @@ export const metadata = (locale: string): Metadata => {
         "libraries",
         "cultural heritage",
       ];
+      break;
     case "pt":
       description =
         "Arka é um estúdio digital especializado em coleções digitais, atuando no Brasil e em projetos internacionais";
@@ -67,6 +68,7 @@ export const metadata = (locale: string): Metadata => {
         "arquivos",
         "bibliotecas",
       ];
+      break;
     case "es":
       description =
         "Arka es un estudio digital especializado en colecciones digitales, que opera en Brasil y en el extranjero.";
@@ -83,6 +85,7 @@ export const metadata = (locale: string): Metadata => {
         "patrimonio cultural",
         "inteligencia artificial",
       ];
+      break;
   }
   return {
     description: description,
@@ -125,24 +128,24 @@ export default async function RootLayout({
         <NextIntlClientProvider locale={locale} messages={messages}>
           {children}
         </NextIntlClientProvider>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify({
+              "@context": "https://schema.org",
+              "@type": "Corporation",
+              name: "Arka",
+              url: "https://arka.la",
+              logo: "https://avatars.githubusercontent.com/u/152537545?s=200&v=4",
+              sameAs: [
+                "https://arka.la",
+                "https://www.linkedin.com/company/arkalab",
+                "https://github.com/arkalab",
+              ],
+            }),
+          }}
+        />
       </body>
-      <script
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify({
-            "@context": "https://schema.org",
-            "@type": "Corporation",
-            name: "Arka",
-            url: "https://arka.la",
-            logo: "https://avatars.githubusercontent.com/u/152537545?s=200&v=4",
-            sameAs: [
-              "https://arka.la",
-              "https://www.linkedin.com/company/arkalab",
-              "https://github.com/arkalab",
-            ],
-          }),
-        }}
-      />
     </html>
   );
 }
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index eed7563..8e893eb 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -1,13 +1,14 @@
 // 'use client'
 import { unstable_setRequestLocale } from "next-intl/server";
 
-import Hero from "../../src/components/Hero";
-import About from "../../src/components/About";
-import Team from "../../src/components/Team";
-import Partners from "../../src/components/Partners";
-import Projects from "../../src/components/Projects";
-import MainContent from "../../src/components/MainContent";
-import Footer from "../../src/components/Footer";
+import Hero from "@components/Hero";
+import About from "@components/About";
+import Team from "@components/Team";
+import Partners from "@components/Partners";
+import Projects from "@components/Projects";
+import Services from "@components/Services";
+import MainContent from "@components/MainContent";
+import Footer from "@components/Footer";
 import Link from "next/link";
 
 export default function HomePage({ params: { locale } }) {
@@ -17,6 +18,7 @@ export default function HomePage({ params: { locale } }) {
       <Hero />
       <MainContent>
         <About />
+        <Services />
         <Team />
         <Partners />
         <Projects />
diff --git a/messages/en.json b/messages/en.json
index a43f6ba..c89a252 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -46,6 +46,25 @@
         "title": "imagineRio",
         "description": "Historical mapping of Rio de Janeiro"
       }
+    },
+    "Services": {
+      "title": "Services",
+      "fundraising": {
+        "title": "Fundraising",
+        "description": "Find Resources"
+      },
+      "planning": {
+        "title": "Digital Strategy",
+        "description": "Refine ideas"
+      },
+      "software": {
+        "title": "Software Development",
+        "description": "Build Solutions"
+      },
+      "support": {
+        "title": "Training",
+        "description": "Support Teams"
+      }
     }
   },
   "LocaleSwitcher": {
diff --git a/messages/pt.json b/messages/pt.json
index 3a69978..9deec21 100644
--- a/messages/pt.json
+++ b/messages/pt.json
@@ -46,6 +46,25 @@
         "title": "imagineRio",
         "description": "Plataforma de mapeamento histórico da cidade do Rio de Janeiro"
       }
+    },
+    "Services": {
+      "title": "Serviços",
+      "fundraising": {
+        "title": "Captação",
+        "description": "Capte recursos"
+      },
+      "planning": {
+        "title": "Estratégia digital",
+        "description": "Refine ideias"
+      },
+      "software": {
+        "title": "Desenvolvimento de software",
+        "description": "Construa soluções"
+      },
+      "support": {
+        "title": "Treinamento",
+        "description": "Capacite equipes"
+      }
     }
   },
   "LocaleSwitcher": {
diff --git a/next-env.d.ts b/next-env.d.ts
index 4f11a03..40c3d68 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/package-lock.json b/package-lock.json
index 3c75e79..847c5f2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,7 @@
     "": {
       "dependencies": {
         "@headlessui/react": "^2.0.1",
-        "next": "14.1.1",
+        "next": "^14.2.8",
         "next-intl": "^3.15.0",
         "nextra": "^2.13.4",
         "nextra-theme-blog": "^2.13.4",
@@ -695,14 +695,14 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.1.tgz",
-      "integrity": "sha512-7CnQyD5G8shHxQIIg3c7/pSeYFeMhsNbpU/bmvH7ZnDql7mNRgg8O2JZrhrc/soFnfBnKP4/xXNiiSIPn2w8gA=="
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.8.tgz",
+      "integrity": "sha512-L44a+ynqkolyNBnYfF8VoCiSrjSZWgEHYKkKLGcs/a80qh7AkfVUD/MduVPgdsWZ31tgROR+yJRA0PZjSVBXWQ=="
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.1.tgz",
-      "integrity": "sha512-yDjSFKQKTIjyT7cFv+DqQfW5jsD+tVxXTckSe1KIouKk75t1qZmj/mV3wzdmFb0XHVGtyRjDMulfVG8uCKemOQ==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.8.tgz",
+      "integrity": "sha512-1VrQlG8OzdyvvGZhGJFnaNE2P10Jjy/2FopnqbY0nSa/gr8If3iINxvOEW3cmVeoAYkmW0RsBazQecA2dBFOSw==",
       "cpu": [
         "arm64"
       ],
@@ -715,9 +715,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.1.tgz",
-      "integrity": "sha512-KCQmBL0CmFmN8D64FHIZVD9I4ugQsDBBEJKiblXGgwn7wBCSe8N4Dx47sdzl4JAg39IkSN5NNrr8AniXLMb3aw==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.8.tgz",
+      "integrity": "sha512-87t3I86rNRSOJB1gXIUzaQWWSWrkWPDyZGsR0Z7JAPtLeX3uUOW2fHxl7dNWD2BZvbvftctTQjgtfpp7nMtmWg==",
       "cpu": [
         "x64"
       ],
@@ -730,9 +730,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.1.tgz",
-      "integrity": "sha512-YDQfbWyW0JMKhJf/T4eyFr4b3tceTorQ5w2n7I0mNVTFOvu6CGEzfwT3RSAQGTi/FFMTFcuspPec/7dFHuP7Eg==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.8.tgz",
+      "integrity": "sha512-ta2sfVzbOpTbgBrF9HM5m+U58dv6QPuwU4n5EX4LLyCJGKc433Z0D9h9gay/HSOjLEXJ2fJYrMP5JYYbHdxhtw==",
       "cpu": [
         "arm64"
       ],
@@ -745,9 +745,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.1.tgz",
-      "integrity": "sha512-fiuN/OG6sNGRN/bRFxRvV5LyzLB8gaL8cbDH5o3mEiVwfcMzyE5T//ilMmaTrnA8HLMS6hoz4cHOu6Qcp9vxgQ==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.8.tgz",
+      "integrity": "sha512-+IoLTPK6Z5uIgDhgeWnQF5/o5GBN7+zyUNrs4Bes1W3g9++YELb8y0unFybS8s87ntAKMDl6jeQ+mD7oNwp/Ng==",
       "cpu": [
         "arm64"
       ],
@@ -760,9 +760,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.1.tgz",
-      "integrity": "sha512-rv6AAdEXoezjbdfp3ouMuVqeLjE1Bin0AuE6qxE6V9g3Giz5/R3xpocHoAi7CufRR+lnkuUjRBn05SYJ83oKNQ==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.8.tgz",
+      "integrity": "sha512-pO+hVXC+mvzUOQJJRG4RX4wJsRJ5BkURSf6dD6EjUXAX4Ml9es1WsEfkaZ4lcpmFzFvY47IkDaffks/GdCn9ag==",
       "cpu": [
         "x64"
       ],
@@ -775,9 +775,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.1.tgz",
-      "integrity": "sha512-YAZLGsaNeChSrpz/G7MxO3TIBLaMN8QWMr3X8bt6rCvKovwU7GqQlDu99WdvF33kI8ZahvcdbFsy4jAFzFX7og==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.8.tgz",
+      "integrity": "sha512-bCat9izctychCtf3uL1nqHq31N5e1VxvdyNcBQflkudPMLbxVnlrw45Vi87K+lt1CwrtVayHqzo4ie0Szcpwzg==",
       "cpu": [
         "x64"
       ],
@@ -790,9 +790,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.1.tgz",
-      "integrity": "sha512-1L4mUYPBMvVDMZg1inUYyPvFSduot0g73hgfD9CODgbr4xiTYe0VOMTZzaRqYJYBA9mana0x4eaAaypmWo1r5A==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.8.tgz",
+      "integrity": "sha512-gbxfUaSPV7EyUobpavida2Hwi62GhSJaSg7iBjmBWoxkxlmETOD7U4tWt763cGIsyE6jM7IoNavq0BXqwdW2QA==",
       "cpu": [
         "arm64"
       ],
@@ -805,9 +805,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.1.tgz",
-      "integrity": "sha512-jvIE9tsuj9vpbbXlR5YxrghRfMuG0Qm/nZ/1KDHc+y6FpnZ/apsgh+G6t15vefU0zp3WSpTMIdXRUsNl/7RSuw==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.8.tgz",
+      "integrity": "sha512-PUXzEzjTTlUh3b5VAn1nlpwvujTnuCMMwbiCnaTazoVlN1nA3kWjlmp42IfURA2N/nyrlVEw7pURa/o4Qxj1cw==",
       "cpu": [
         "ia32"
       ],
@@ -820,9 +820,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.1.tgz",
-      "integrity": "sha512-S6K6EHDU5+1KrBDLko7/c1MNy/Ya73pIAmvKeFwsF4RmBFJSO7/7YeD4FnZ4iBdzE69PpQ4sOMU9ORKeNuxe8A==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.8.tgz",
+      "integrity": "sha512-EnPKv0ttq02E9/1KZ/8Dn7kuutv6hy1CKc0HlNcvzOQcm4/SQtvfws5gY0zrG9tuupd3HfC2L/zcTrnBhpjTuQ==",
       "cpu": [
         "x64"
       ],
@@ -5385,12 +5385,12 @@
       }
     },
     "node_modules/next": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.1.1.tgz",
-      "integrity": "sha512-McrGJqlGSHeaz2yTRPkEucxQKe5Zq7uPwyeHNmJaZNY4wx9E9QdxmTp310agFRoMuIYgQrCrT3petg13fSVOww==",
+      "version": "14.2.8",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.8.tgz",
+      "integrity": "sha512-EyEyJZ89r8C5FPlS/401AiF3O8jeMtHIE+bLom9MwcdWJJFBgRl+MR/2VgO0v5bI6tQORNY0a0DR5sjpFNrjbg==",
       "dependencies": {
-        "@next/env": "14.1.1",
-        "@swc/helpers": "0.5.2",
+        "@next/env": "14.2.8",
+        "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
         "graceful-fs": "^4.2.11",
@@ -5404,18 +5404,19 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.1.1",
-        "@next/swc-darwin-x64": "14.1.1",
-        "@next/swc-linux-arm64-gnu": "14.1.1",
-        "@next/swc-linux-arm64-musl": "14.1.1",
-        "@next/swc-linux-x64-gnu": "14.1.1",
-        "@next/swc-linux-x64-musl": "14.1.1",
-        "@next/swc-win32-arm64-msvc": "14.1.1",
-        "@next/swc-win32-ia32-msvc": "14.1.1",
-        "@next/swc-win32-x64-msvc": "14.1.1"
+        "@next/swc-darwin-arm64": "14.2.8",
+        "@next/swc-darwin-x64": "14.2.8",
+        "@next/swc-linux-arm64-gnu": "14.2.8",
+        "@next/swc-linux-arm64-musl": "14.2.8",
+        "@next/swc-linux-x64-gnu": "14.2.8",
+        "@next/swc-linux-x64-musl": "14.2.8",
+        "@next/swc-win32-arm64-msvc": "14.2.8",
+        "@next/swc-win32-ia32-msvc": "14.2.8",
+        "@next/swc-win32-x64-msvc": "14.2.8"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -5424,6 +5425,9 @@
         "@opentelemetry/api": {
           "optional": true
         },
+        "@playwright/test": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
@@ -5478,14 +5482,6 @@
         "react-dom": "*"
       }
     },
-    "node_modules/next/node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
diff --git a/package.json b/package.json
index f02cc8f..e6bf603 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "dependencies": {
     "@headlessui/react": "^2.0.1",
-    "next": "14.1.1",
+    "next": "^14.2.8",
     "next-intl": "^3.15.0",
     "nextra": "^2.13.4",
     "nextra-theme-blog": "^2.13.4",
diff --git a/src/components/About.tsx b/src/components/About.jsx
similarity index 93%
rename from src/components/About.tsx
rename to src/components/About.jsx
index f737e23..f0a0d6e 100644
--- a/src/components/About.tsx
+++ b/src/components/About.jsx
@@ -15,16 +15,16 @@ export default function About() {
           <p>{t("description")}</p>
         </ContentBoxText>
         <ContentBoxText>
-          <p>
+          <div>
             <ContentBoxSubTitle>{t("infrastructure.title")}</ContentBoxSubTitle>
             {t("infrastructure.description")}
-          </p>
-          <p>
+          </div>
+          <div>
             <ContentBoxSubTitle>
               {t("computer-vision.title")}
             </ContentBoxSubTitle>
             {t("computer-vision.description")}
-          </p>
+          </div>
         </ContentBoxText>
       </ContentBoxCarouselTwoColumns>
     </ContentBox>
diff --git a/src/components/Partners.jsx b/src/components/Partners.jsx
index bbcb1c7..8685ff6 100644
--- a/src/components/Partners.jsx
+++ b/src/components/Partners.jsx
@@ -1,7 +1,7 @@
-import ContentBox from "../components/ContentBox";
-import ContentBoxTitle from "../components/ContentBoxTitle";
-import ContentBoxCarouselFourColumns from "../components/ContentBoxCarouselFourColumns";
-import ContentBoxPartner from "../components/ContentBoxPartner";
+import ContentBox from "./ContentBox";
+import ContentBoxTitle from "./ContentBoxTitle";
+import ContentBoxCarouselFourColumns from "./ContentBoxCarouselFourColumns";
+import ContentBoxPartner from "./ContentBoxPartner";
 import { useTranslations } from "next-intl";
 
 export default function Partners() {
diff --git a/src/components/Projects.jsx b/src/components/Projects.jsx
index fe5fbc5..2c5aa1e 100644
--- a/src/components/Projects.jsx
+++ b/src/components/Projects.jsx
@@ -1,7 +1,7 @@
-import ContentBox from "../components/ContentBox";
-import ContentBoxTitle from "../components/ContentBoxTitle";
-import ContentBoxCarouselTwoColumns from "../components/ContentBoxCarouselTwoColumns";
-import ContentBoxProject from "../components/ContentBoxProject";
+import ContentBox from "./ContentBox";
+import ContentBoxTitle from "./ContentBoxTitle";
+import ContentBoxCarouselTwoColumns from "./ContentBoxCarouselTwoColumns";
+import ContentBoxProject from "./ContentBoxProject";
 import { useTranslations } from "next-intl";
 
 export default function About() {
diff --git a/src/components/Services.jsx b/src/components/Services.jsx
new file mode 100644
index 0000000..301f2c3
--- /dev/null
+++ b/src/components/Services.jsx
@@ -0,0 +1,36 @@
+import ContentBox from "./ContentBox";
+import ContentBoxTitle from "./ContentBoxTitle";
+import ContentBoxTeamMember from "./ContentBoxTeamMember";
+import ContentBoxCarouselFourColumns from "./ContentBoxCarouselFourColumns";
+import { useTranslations } from "next-intl";
+
+export default function Services() {
+  const t = useTranslations("HomePage.Services");
+  return (
+    <ContentBox>
+      <ContentBoxTitle>{t("title")}</ContentBoxTitle>
+      <ContentBoxCarouselFourColumns>
+        <ContentBoxTeamMember
+          img="/planning.png"
+          name={t("planning.title")}
+          jobTitle={t("planning.description")}
+        />
+        <ContentBoxTeamMember
+          img="/fundraising.png"
+          name={t("fundraising.title")}
+          jobTitle={t("fundraising.description")}
+        />
+        <ContentBoxTeamMember
+          img="/software.png"
+          name={t("software.title")}
+          jobTitle={t("software.description")}
+        />
+        <ContentBoxTeamMember
+          img="/support.png"
+          name={t("support.title")}
+          jobTitle={t("support.description")}
+        />
+      </ContentBoxCarouselFourColumns>
+    </ContentBox>
+  );
+}
diff --git a/src/components/Team.jsx b/src/components/Team.jsx
index 4f4a15c..857a5a8 100644
--- a/src/components/Team.jsx
+++ b/src/components/Team.jsx
@@ -1,7 +1,7 @@
-import ContentBox from "../components/ContentBox";
-import ContentBoxTitle from "../components/ContentBoxTitle";
-import ContentBoxCarouselFourColumns from "../components/ContentBoxCarouselFourColumns";
-import ContentBoxTeamMember from "../components/ContentBoxTeamMember";
+import ContentBox from "./ContentBox";
+import ContentBoxTitle from "./ContentBoxTitle";
+import ContentBoxCarouselFourColumns from "./ContentBoxCarouselFourColumns";
+import ContentBoxTeamMember from "./ContentBoxTeamMember";
 import { useTranslations } from "next-intl";
 
 export default function About() {
diff --git a/tsconfig.json b/tsconfig.json
index 466147c..d07ff74 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,7 +17,11 @@
         "name": "next"
       }
     ],
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "baseUrl": "./",
+    "paths": {
+      "@components/*": ["src/components/*"]
+    }
   },
   "include": [
     "next-env.d.ts",