diff --git a/public/iberia_hist_scenario.mp4 b/public/iberia_hist_scenario.mp4
new file mode 100644
index 0000000..cde94b4
Binary files /dev/null and b/public/iberia_hist_scenario.mp4 differ
diff --git a/public/tp_amazonia_10km.mp4 b/public/tp_amazonia_10km.mp4
new file mode 100644
index 0000000..104491a
Binary files /dev/null and b/public/tp_amazonia_10km.mp4 differ
diff --git a/public/wind_speed_global_10km.mp4 b/public/wind_speed_global_10km.mp4
index 022cfb4..75c0ccc 100644
Binary files a/public/wind_speed_global_10km.mp4 and b/public/wind_speed_global_10km.mp4 differ
diff --git a/src/app/globe/page.tsx b/src/app/globe/page.tsx
new file mode 100644
index 0000000..62351c8
--- /dev/null
+++ b/src/app/globe/page.tsx
@@ -0,0 +1,11 @@
+import Globe from "@/components/globe";
+
+export default function Globetest() {
+  return (
+    <main className="flex min-h-screen h-[3000px] flex-col items-center justify-between p-24 text-blue-800">
+      <div className="fixed top-8">
+        <Globe />
+      </div>
+    </main >
+  );
+}
diff --git a/src/app/grid/page.tsx b/src/app/grid/page.tsx
new file mode 100644
index 0000000..a16f166
--- /dev/null
+++ b/src/app/grid/page.tsx
@@ -0,0 +1,9 @@
+export default function GridTest() {
+  return (
+    <main className="flex min-h-screen h-[3000px] flex-col items-center justify-between p-24 text-blue-800">
+      <div className="fixed top-8">
+        grid
+      </div>
+    </main >
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 38d8d1b..f380331 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,13 @@
-import Globe from "@/components/globe";
+import Link from "next/link";
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen h-[3000px] flex-col items-center justify-between p-24 text-blue-800">
+    <main className="flex min-h-screen h-[300px] flex-col items-center p-24 text-blue-800">
       Hello BSC!
-      <div className="fixed top-8">
-        <Globe />
+      <div className="text-black text-lg hover:gray-500 space-x-5">
+
+        <Link href="/globe">Globe</Link>
+        <Link href="/grid">Grid</Link>
       </div>
     </main >
   );
diff --git a/src/components/globe/marker.tsx b/src/components/globe/marker.tsx
index 7dfe93c..6e1f4ca 100644
--- a/src/components/globe/marker.tsx
+++ b/src/components/globe/marker.tsx
@@ -15,7 +15,9 @@ const Popup = ({ setSelectedMarker, index }: {
       <div className='h-[350px] pl-8 pr-4 py-8 bg-white/20 backdrop-blur-[15px] gap-6 inline-flex'>
         <div className="gap-6 flex">
           <div className="w-[286px] h-[286px] justify-center items-center flex">
-            <img alt="" className="w-[280px] h-[280px] left-[3px] top-[3px]" src="https://via.placeholder.com/280x280" />
+            <video className="w-[280px] h-[280px] rounded-[50px]" autoPlay loop muted>
+              <source src="/iberia_hist_scenario.mp4" type="video/mp4" />
+            </video>
           </div>
           <div className="flex-col gap-2.5 inline-flex">
             <div className="grow shrink basis-0 flex-col justify-start items-start gap-4 flex">