diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7d11dba..92a7a3f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -120,9 +120,9 @@ export default function SaasTemplatePage() {
                         textboxLayout="default"
                         useInvertedBackground={false}
                         plans={[
-                            { id: "starter", badge: "Starter", badgeIcon: Zap, price: "$19/mo", subtitle: "Individual access", features: ["Up to 5 projects", "Basic analytics", "API access"] },
-                            { id: "pro", badge: "Pro", badgeIcon: Rocket, price: "$49/mo", subtitle: "Growing teams", features: ["Unlimited projects", "Priority support", "Custom integrations"] },
-                            { id: "enterprise", badge: "Enterprise", badgeIcon: Crown, price: "$99/mo", subtitle: "Large-scale operations", features: ["Dedicated manager", "SLA compliance", "On-premise option"] },
+                            { id: "starter", badge: "Starter", badgeIcon: Zap, price: "$19/mo", subtitle: "Individual access", features: ["Up to 5 projects", "Basic analytics", "API access"], buttons: [{ text: "Select", onClick: () => {} }] },
+                            { id: "pro", badge: "Pro", badgeIcon: Rocket, price: "$49/mo", subtitle: "Growing teams", features: ["Unlimited projects", "Priority support", "Custom integrations"], buttons: [{ text: "Select", onClick: () => {} }] },
+                            { id: "enterprise", badge: "Enterprise", badgeIcon: Crown, price: "$99/mo", subtitle: "Large-scale operations", features: ["Dedicated manager", "SLA compliance", "On-premise option"], buttons: [{ text: "Select", onClick: () => {} }] },
                         ]}
                     />
                 </div>