diff --git a/fresh.gen.ts b/fresh.gen.ts
index e65e186..ec180ea 100644
--- a/fresh.gen.ts
+++ b/fresh.gen.ts
@@ -6,9 +6,8 @@ import * as $0 from "./routes/_404.tsx";
 import * as $1 from "./routes/_app.tsx";
 import * as $2 from "./routes/index.tsx";
 import * as $3 from "./routes/projects.tsx";
-import * as $$0 from "./islands/Card.tsx";
-import * as $$1 from "./islands/Footer.tsx";
-import * as $$2 from "./islands/Header.tsx";
+import * as $$0 from "./islands/Footer.tsx";
+import * as $$1 from "./islands/Header.tsx";
 
 const manifest = {
   routes: {
@@ -18,9 +17,8 @@ const manifest = {
     "./routes/projects.tsx": $3,
   },
   islands: {
-    "./islands/Card.tsx": $$0,
-    "./islands/Footer.tsx": $$1,
-    "./islands/Header.tsx": $$2,
+    "./islands/Footer.tsx": $$0,
+    "./islands/Header.tsx": $$1,
   },
   baseUrl: import.meta.url,
 };
diff --git a/islands/Card.tsx b/islands/Card.tsx
deleted file mode 100644
index 0724721..0000000
--- a/islands/Card.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-type CardProps = {
-  title: string;
-  content: string | JSX.Element;
-};
-
-const Card = ({ title, content }: CardProps) => {
-  return (
-    <div class="bg-white rounded-lg shadow-lg p-6">
-      <h3 class="text-xl font-medium mb-2">{title}</h3>
-      <p class="text-md mb-2">{content}</p>
-    </div>
-  );
-}
-
-export default Card;
diff --git a/routes/index.tsx b/routes/index.tsx
index 4713ed3..8371c66 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -107,6 +107,9 @@ export default async function Home() {
           {
             title: `Give a Talk or Workshop`,
             content: `Share your knowledge and experience in a lightning talk or more comprehensive sessions.`,
+            link: "https://speak.devict.org/",
+            link_text: "Sign Up",
+            external: true,
           },
           {
             title: `Financial Support`,
@@ -138,15 +141,10 @@ type CardProps = {
   content: string | JSX.Element;
   link: string;
   link_text: string;
+  external: boolean;
 };
 
-
-type ContributorsProps = {
-  login: string
-  avatar_url: string
-  html_url: string
-}
-function Card({ title, content, link, link_text }: CardProps) {
+function Card({ title, content, link, link_text, external }: CardProps) {
   return (
     <div class="bg-white rounded-lg shadow-lg p-6 flex flex-col justify-between items-start">
       <div>
@@ -154,10 +152,23 @@ function Card({ title, content, link, link_text }: CardProps) {
         <p class="text-md">{content}</p>
       </div>
       {link && (
-        <a class='bg-ict-orange font-bold mt-4 px-4 py-2 text-white w-auto' href={link}>{link_text ? (link_text) : "Learn more"}</a>
+        <a
+          class="bg-ict-orange font-bold mt-4 px-4 py-2 text-white w-auto"
+          href={link}
+          target={external ? "_blank" : undefined}
+          rel={external ? "noreferrer noopener" : undefined}
+        >
+          {link_text ? (link_text) : "Learn more"}
+        </a>
       )}
     </div>
   )
+};
+
+type ContributorsProps = {
+  login: string
+  avatar_url: string
+  html_url: string
 }
 
 function Contributor({ login, avatar_url, html_url }: ContributorsProps) {