From 97ed12431dcc8b2d30c089ada00032ef58043d1f Mon Sep 17 00:00:00 2001
From: "probatai[bot]" <236084945+probatai[bot]@users.noreply.github.com>
Date: Sat, 14 Mar 2026 20:11:07 +0000
Subject: [PATCH] feat: add Probat A/B experiment for GetStartedButton

Experiment run: ac3110fb-d398-4031-91cd-9ed3166d434b
---
 package.json                                  |  3 ++-
 .../GetStartedButton.experiment.tsx           | 16 ++++++++++++
 src/components/GetStartedButton.original.tsx  | 16 ++++++++++++
 src/components/GetStartedButton.tsx           | 26 +++++++++----------
 4 files changed, 47 insertions(+), 14 deletions(-)
 create mode 100644 src/components/GetStartedButton.experiment.tsx
 create mode 100644 src/components/GetStartedButton.original.tsx

diff --git a/package.json b/package.json
index 613edc15..9628d9da 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "@probat/react": "^0.3.2"
   },
   "devDependencies": {
     "@types/react": "^18.2.43",
diff --git a/src/components/GetStartedButton.experiment.tsx b/src/components/GetStartedButton.experiment.tsx
new file mode 100644
index 00000000..3047ed9c
--- /dev/null
+++ b/src/components/GetStartedButton.experiment.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+
+interface GetStartedButtonProps {
+  label?: string
+  large?: boolean
+}
+
+const GetStartedButton: React.FC<GetStartedButtonProps> = ({ label = 'Get Started Free', large = false }) => {
+  return (
+    <button className={`btn btn-primary${large ? ' btn-large' : ''}`}>
+      <span>{label}</span>
+      <span style={{ marginLeft: '8px' }} aria-hidden="true">→</span>
+  )
+}
+
+export default GetStartedButton
diff --git a/src/components/GetStartedButton.original.tsx b/src/components/GetStartedButton.original.tsx
new file mode 100644
index 00000000..1a1173af
--- /dev/null
+++ b/src/components/GetStartedButton.original.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+
+interface GetStartedButtonProps {
+  label?: string
+  large?: boolean
+}
+
+const GetStartedButton: React.FC<GetStartedButtonProps> = ({ label = 'Get Started Free', large = false }) => {
+  return (
+    <button className={`btn btn-primary${large ? ' btn-large' : ''}`}>
+      {label}
+    </button>
+  )
+}
+
+export default GetStartedButton
diff --git a/src/components/GetStartedButton.tsx b/src/components/GetStartedButton.tsx
index 1a1173af..5874c6c5 100644
--- a/src/components/GetStartedButton.tsx
+++ b/src/components/GetStartedButton.tsx
@@ -1,16 +1,16 @@
-import React from 'react'
+"use client";
+import { ProbatProviderClient, Experiment } from "@probat/react";
+import OriginalComponent from "./GetStartedButton.original";
+import ExperimentVariant from "./GetStartedButton.experiment";
 
-interface GetStartedButtonProps {
-  label?: string
-  large?: boolean
-}
-
-const GetStartedButton: React.FC<GetStartedButtonProps> = ({ label = 'Get Started Free', large = false }) => {
+export default function GetStartedButton(props: any) {
   return (
-    <button className={`btn btn-primary${large ? ' btn-large' : ''}`}>
-      {label}
-    </button>
-  )
+    <ProbatProviderClient userId="f3a91e3e-da2b-4b49-a487-8202d07182c0">
+      <Experiment
+        id="ac3110fb-d398-4031-91cd-9ed3166d434b"
+        control={<OriginalComponent {...props} />}
+        variants={{ experiment: <ExperimentVariant {...props} /> }}
+      />
+    </ProbatProviderClient>
+  );
 }
-
-export default GetStartedButton