Revert "Added team data"

src/components/Header.astro

@@ -24,7 +24,7 @@ const skills = [
   {
     name: t({
       de: "Web-Entwicklung",
-      en: "Web Technologies",
+      en: "Web Technologies"
     }),
     href: getRelativeLocaleUrl(lang, "web-technologies"),
   },
@@ -46,27 +46,20 @@ const skills = [
         </a>
         <div class="ml-10 hidden space-x-8 lg:block">
           <a
-            href={getRelativeLocaleUrl(lang, "/")}
+            href={getRelativeLocaleUrl(lang)}
             class="text-base font-medium text-white hover:text-gray-100"
           >
             {t({ de: "Startseite", en: "Home" })}
           </a>
         </div>
+
         <div class="ml-10 hidden lg:block">
           <SkillsDropdown
             client:load
             title={t({ de: "Unsere Disziplinen", en: "Our Skills" })}
             skills={skills}
           />
         </div>
-        <div class="ml-10 hidden space-x-8 lg:block">
-          <a
-            href={getRelativeLocaleUrl(lang, "/our-team")}
-            class="text-base font-medium text-white hover:text-gray-100"
-          >
-            {t({ de: "Unser Team", en: "Our Team" })}
-          </a>
-        </div>
       </div>
       <LanguageDropdown
         client:load

src/components/Hero.astro

@@ -6,7 +6,7 @@ import HeroBgImage from "~/assets/img/hero-bg.jpg";
 
 interface Props {
   title: string;
-  subtitle?: string;
+  subtitle: string;
   img?: ImageMetadata;
   size?: "md" | "lg";
 }
@@ -27,7 +27,7 @@ const { title, subtitle, img = HeroBgImage, size = "lg" } = Astro.props;
     class={clsx(
       "relative mx-auto max-w-7xl px-4 text-center sm:px-6 lg:px-8",
       { "py-8 sm:py-16 md:py-32": size === "md" },
-      { "py-16 sm:py-32 md:py-64": size === "lg" }
+      { "py-16 sm:py-32 md:py-64": size === "lg" },
     )}
   >
     <h1

src/components/team/Person.astro

@@ -1,36 +1,27 @@
 ---
-import { getLangFromUrl, useTranslations } from "~/i18n/utils";
-import { PersonImage } from "./PersonImage";
-import type { Language } from "~/i18n";
+import type { ComponentProps } from "astro/types";
+import SocialMediaList from "./SocialMediaList.astro";
 
-interface Props {
+type Props = ComponentProps<typeof SocialMediaList> & {
   name: string;
-  lastRole: Record<Language, string>;
-  img?: string;
-  skill?: Record<Language, string>;
-  hasMultipleRoles?: boolean;
-}
+  img: string;
+  info?: string;
+};
 
-const { name, img, lastRole, skill, hasMultipleRoles = false } = Astro.props;
-
-const lang = getLangFromUrl(Astro.url);
-const t = useTranslations(lang);
+const { name, img, info, links = [] } = Astro.props;
 ---
 
 <div class="space-y-6">
-  <PersonImage img={img} />
-  <div class="text-md text-center font-light">
-    <h3 class="mb-1 text-lg font-medium">{name}</h3>
-    <div>
-      <p class="inline-block">
-        {t(lastRole)}
-      </p>
-      <p class="inline-block">
-        {hasMultipleRoles && t({ de: "und mehr", en: "and more" })}
-      </p>
+  <img
+    class="mx-auto h-40 w-40 rounded-full object-cover shadow-lg xl:h-56 xl:w-56"
+    src={img}
+    alt=""
+  />
+  <div class="space-y-2">
+    <div class="space-y-1 text-lg font-medium leading-6">
+      <h3>{name}</h3>
+      {info && <p class="text-wsg-orange-500">{info}</p>}
     </div>
-    <p>
-      {skill || <br />}
-    </p>
+    <SocialMediaList links={links} />
   </div>
 </div>

src/components/team/Team.astro

@@ -1,24 +1,23 @@
 ---
+import type { ComponentProps } from "astro/types";
 import Person from "./Person.astro";
-import team from "~/assets/data/team.json";
+
+interface Props {
+  members: ComponentProps<typeof Person>[];
+}
+
+const { members } = Astro.props;
 ---
 
-<div class="bg-white py-16">
-  <div
-    class="mx-8 grid grid-cols-2 gap-y-16 md:mx-24 md:grid-cols-3 lg:grid-cols-4"
-  >
-    {
-      team
-        .sort((first, second) => first["name"].localeCompare(second["name"]))
-        .map((member) => (
-          <Person
-            name={member["name"]}
-            img={member["img"]}
-            lastRole={member["lastRole"]}
-            skill={member["skill"]}
-            hasMultipleRoles={member["hasMultipleRoles"]}
-          />
-        ))
-    }
-  </div>
-</div>
+<ul
+  role="list"
+  class="mx-auto space-y-16 sm:grid sm:grid-cols-2 sm:gap-16 sm:space-y-0 lg:max-w-5xl lg:grid-cols-3"
+>
+  {
+    members.map((member) => (
+      <li>
+        <Person {...member} />
+      </li>
+    ))
+  }
+</ul>

src/layouts/SkillPage.astro

@@ -7,6 +7,7 @@ import HeadedSection from "~/components/sections/HeadedSection.astro";
 import WavedSection from "~/components/sections/WavedSection.astro";
 import SkillInformation from "~/components/skill/SkillInformation.astro";
 import SkillRoadmap from "~/components/skill/SkillRoadmap.astro";
+import type Person from "~/components/team/Person.astro";
 import TimeLine from "~/components/timeline/TimeLine.astro";
 import { getLangFromUrl, useTranslations } from "~/i18n";
 import Layout from "./Layout.astro";
@@ -17,6 +18,7 @@ interface Props {
   skillInformation: ComponentProps<typeof SkillInformation>;
   img: ImageMetadata;
   contact: string;
+  nationalTeam: ComponentProps<typeof Person>[];
   timelineEntries: ComponentProps<typeof TimeLine>["entries"];
   additionalLinks: ComponentProps<typeof LinkCard>[];
 }
@@ -26,6 +28,7 @@ const {
   skillDescription,
   skillInformation,
   img,
+  nationalTeam,
   timelineEntries,
   additionalLinks,
   contact,

src/pages/en/it-software-solutions-for-business.astro

@@ -24,6 +24,7 @@ const historyData = historyJson[lang]["skill09"];
   }}
   img={Skill09Image}
   contact="mailto:[email protected]"
+  nationalTeam={[]}
   timelineEntries={Object.values(historyData)}
   additionalLinks={[
     {

src/pages/en/mobile-applications-development.astro

@@ -24,6 +24,7 @@ const historyData = historyJson[lang]["skill08"];
   }}
   img={Skill08Image}
   contact="mailto:[email protected]"
+  nationalTeam={[]}
   timelineEntries={Object.values(historyData)}
   additionalLinks={[
     {

src/pages/en/web-technologies.astro

@@ -24,6 +24,7 @@ const historyData = historyJson[lang]["skill17"];
   }}
   img={Skill09Image}
   contact="mailto:[email protected]"
+  nationalTeam={[]}
   timelineEntries={Object.values(historyData)}
   additionalLinks={[
     {

src/pages/it-software-solutions-for-business.astro

@@ -24,6 +24,7 @@ const historyData = historyJson[lang]["skill09"];
   }}
   img={Skill09Image}
   contact="mailto:[email protected]"
+  nationalTeam={[]}
   timelineEntries={Object.values(historyData)}
   additionalLinks={[
     {

src/pages/mobile-applications-development.astro

@@ -24,6 +24,7 @@ const historyData = historyJson[lang]["skill08"];
   }}
   img={Skill08Image}
   contact="mailto:[email protected]"
+  nationalTeam={[]}
   timelineEntries={Object.values(historyData)}
   additionalLinks={[
     {

src/pages/web-technologies.astro

@@ -24,6 +24,7 @@ const historyData = historyJson[lang]["skill17"];
   }}
   img={Skill09Image}
   contact="mailto:[email protected]"
+  nationalTeam={[]}
   timelineEntries={Object.values(historyData)}
   additionalLinks={[
     {