From 1cc6c3c56e77d52e83c6fbd5589cf1f7927cb4a7 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Mon, 17 Nov 2025 04:56:35 +0000
Subject: [PATCH] Add external property to feature card interface

cgen-c79aa72f12ef4065ad6d0db1a9549469
---
 client/pages/Index.tsx | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/client/pages/Index.tsx b/client/pages/Index.tsx
index bdf5ba2e..a352eca7 100644
--- a/client/pages/Index.tsx
+++ b/client/pages/Index.tsx
@@ -49,6 +49,7 @@ export default function Index() {
   type FeatureCard = {
     title: string;
     description: string;
+    external?: boolean;
     icon: any;
     color: string;
     link?: string;
@@ -344,13 +345,25 @@ export default function Index() {
                           />
                           {feature.link ? (
                             <div className="pt-1">
-                              <Link
-                                to={feature.link}
-                                className="text-xs inline-flex items-center gap-1 text-aethex-300 hover:text-aethex-200"
-                              >
-                                Explore
-                                <ArrowRight className="h-3 w-3" />
-                              </Link>
+                              {feature.external ? (
+                                <a
+                                  href={feature.link}
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  className="text-xs inline-flex items-center gap-1 text-aethex-300 hover:text-aethex-200"
+                                >
+                                  Explore
+                                  <ArrowRight className="h-3 w-3" />
+                                </a>
+                              ) : (
+                                <Link
+                                  to={feature.link}
+                                  className="text-xs inline-flex items-center gap-1 text-aethex-300 hover:text-aethex-200"
+                                >
+                                  Explore
+                                  <ArrowRight className="h-3 w-3" />
+                                </Link>
+                              )}
                             </div>
                           ) : null}
                         </CardContent>