From cd7c308e649127a7f08a0c578656f150e89461d1 Mon Sep 17 00:00:00 2001
From: Braulio <braulio.diez@gmail.com>
Date: Tue, 24 Feb 2026 13:17:10 +0100
Subject: [PATCH 1/2] added equipo page

---
 front/src/app/equipo/page.tsx          | 19 +++++++++++++++++++
 front/src/layouts/footer.component.tsx | 20 ++++++++++++++------
 2 files changed, 33 insertions(+), 6 deletions(-)
 create mode 100644 front/src/app/equipo/page.tsx

diff --git a/front/src/app/equipo/page.tsx b/front/src/app/equipo/page.tsx
new file mode 100644
index 0000000..b498515
--- /dev/null
+++ b/front/src/app/equipo/page.tsx
@@ -0,0 +1,19 @@
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Equipo - InfoEmbalses",
+};
+
+const EquipoPage = () => {
+  return (
+    <div className="container mx-auto max-w-3xl px-4 py-8">
+      <div className="flex flex-col items-center gap-6">
+        <img src="/images/logo.svg" alt="InfoEmbalses logo" className="w-64" />
+        <p className="text-xl font-semibold">InfoEmbalses Versión Beta</p>
+        <h1 className="text-3xl font-bold">Equipo de desarrollo</h1>
+      </div>
+    </div>
+  );
+};
+
+export default EquipoPage;
diff --git a/front/src/layouts/footer.component.tsx b/front/src/layouts/footer.component.tsx
index cbe8c88..5783e29 100644
--- a/front/src/layouts/footer.component.tsx
+++ b/front/src/layouts/footer.component.tsx
@@ -7,12 +7,20 @@ export const FooterComponent: FC = () => {
     <footer className="bg-base-100">
       <div className="border-accent flex flex-col items-center gap-2 border-t-2 p-3">
         <div className="flex flex-col items-center gap-2 pb-2.5">
-          <Link
-            href="/embalse-provincia"
-            className="link-accessible text-[15px] leading-none font-normal"
-          >
-            Embalses por provincias
-          </Link>
+          <div className="flex flex-wrap justify-center gap-x-3 gap-y-1">
+            <Link
+              href="/embalse-provincia"
+              className="link-accessible text-[15px] leading-none font-normal"
+            >
+              Embalses por provincias
+            </Link>
+            <Link
+              href="/equipo"
+              className="link-accessible text-[15px] leading-none font-normal"
+            >
+              Equipo
+            </Link>
+          </div>
 
           <div className="flex flex-wrap justify-center gap-x-3 gap-y-1">
             <Link

From c94bc6afa48fa219368a1f515c9f96c9d7a0befd Mon Sep 17 00:00:00 2001
From: Braulio <braulio.diez@gmail.com>
Date: Tue, 24 Feb 2026 13:23:46 +0100
Subject: [PATCH 2/2] added team page

---
 front/src/app/equipo/page.tsx                 |  2 ++
 front/src/pods/equipo/api/equipo.api-model.ts | 10 +++++++
 front/src/pods/equipo/api/equipo.api.ts       | 20 +++++++++++++
 front/src/pods/equipo/api/index.ts            |  2 ++
 front/src/pods/equipo/equipo.component.tsx    | 28 +++++++++++++++++++
 front/src/pods/equipo/equipo.pod.tsx          |  7 +++++
 front/src/pods/equipo/index.ts                |  1 +
 7 files changed, 70 insertions(+)
 create mode 100644 front/src/pods/equipo/api/equipo.api-model.ts
 create mode 100644 front/src/pods/equipo/api/equipo.api.ts
 create mode 100644 front/src/pods/equipo/api/index.ts
 create mode 100644 front/src/pods/equipo/equipo.component.tsx
 create mode 100644 front/src/pods/equipo/equipo.pod.tsx
 create mode 100644 front/src/pods/equipo/index.ts

diff --git a/front/src/app/equipo/page.tsx b/front/src/app/equipo/page.tsx
index b498515..4d52191 100644
--- a/front/src/app/equipo/page.tsx
+++ b/front/src/app/equipo/page.tsx
@@ -1,4 +1,5 @@
 import { Metadata } from "next";
+import { EquipoPod } from "@/pods/equipo";
 
 export const metadata: Metadata = {
   title: "Equipo - InfoEmbalses",
@@ -11,6 +12,7 @@ const EquipoPage = () => {
         <img src="/images/logo.svg" alt="InfoEmbalses logo" className="w-64" />
         <p className="text-xl font-semibold">InfoEmbalses Versión Beta</p>
         <h1 className="text-3xl font-bold">Equipo de desarrollo</h1>
+        <EquipoPod />
       </div>
     </div>
   );
diff --git a/front/src/pods/equipo/api/equipo.api-model.ts b/front/src/pods/equipo/api/equipo.api-model.ts
new file mode 100644
index 0000000..c9ed501
--- /dev/null
+++ b/front/src/pods/equipo/api/equipo.api-model.ts
@@ -0,0 +1,10 @@
+import type { Media } from "@content-island/api-client";
+
+export interface Developer {
+  id: string;
+  language: "es";
+  lastUpdate: string;
+  fullname: string;
+  picture: Media;
+  linkedin: string;
+}
diff --git a/front/src/pods/equipo/api/equipo.api.ts b/front/src/pods/equipo/api/equipo.api.ts
new file mode 100644
index 0000000..1abe2fa
--- /dev/null
+++ b/front/src/pods/equipo/api/equipo.api.ts
@@ -0,0 +1,20 @@
+import "server-only";
+import { unstable_cache } from "next/cache";
+import type { Developer } from "./equipo.api-model";
+import { contentIslandClient } from "@/lib";
+
+export const getDeveloperListCached = unstable_cache(
+  async (): Promise<Developer[]> => {
+    try {
+      return await contentIslandClient.getContentList<Developer>({
+        contentType: "developer",
+        language: "es",
+      });
+    } catch (error) {
+      console.warn("Warning: developer list not available");
+      return [];
+    }
+  },
+  ["developer-list"],
+  { revalidate: 60 }
+);
diff --git a/front/src/pods/equipo/api/index.ts b/front/src/pods/equipo/api/index.ts
new file mode 100644
index 0000000..afbb2a9
--- /dev/null
+++ b/front/src/pods/equipo/api/index.ts
@@ -0,0 +1,2 @@
+export * from "./equipo.api";
+export type { Developer } from "./equipo.api-model";
diff --git a/front/src/pods/equipo/equipo.component.tsx b/front/src/pods/equipo/equipo.component.tsx
new file mode 100644
index 0000000..78fb82b
--- /dev/null
+++ b/front/src/pods/equipo/equipo.component.tsx
@@ -0,0 +1,28 @@
+import type { Developer } from "./api";
+
+interface Props {
+  developers: Developer[];
+}
+
+export const EquipoComponent: React.FC<Props> = ({ developers }) => {
+  return (
+    <div className="flex flex-wrap justify-center gap-8">
+      {developers.map((dev) => (
+        <a
+          key={dev.id}
+          href={dev.linkedin}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="flex flex-col items-center gap-2"
+        >
+          <img
+            src={dev.picture.url}
+            alt={dev.fullname}
+            className="h-24 w-24 rounded-full border-2 border-accent object-cover"
+          />
+          <span className="text-sm font-medium">{dev.fullname}</span>
+        </a>
+      ))}
+    </div>
+  );
+};
diff --git a/front/src/pods/equipo/equipo.pod.tsx b/front/src/pods/equipo/equipo.pod.tsx
new file mode 100644
index 0000000..9c4c10e
--- /dev/null
+++ b/front/src/pods/equipo/equipo.pod.tsx
@@ -0,0 +1,7 @@
+import { getDeveloperListCached } from "./api";
+import { EquipoComponent } from "./equipo.component";
+
+export const EquipoPod: React.FC = async () => {
+  const developers = await getDeveloperListCached();
+  return <EquipoComponent developers={developers} />;
+};
diff --git a/front/src/pods/equipo/index.ts b/front/src/pods/equipo/index.ts
new file mode 100644
index 0000000..68d32d1
--- /dev/null
+++ b/front/src/pods/equipo/index.ts
@@ -0,0 +1 @@
+export { EquipoPod } from "./equipo.pod";