From c895b35ab257a46cf39671912984998ac3f5824f Mon Sep 17 00:00:00 2001
From: "probatai[bot]" <236084945+probatai[bot]@users.noreply.github.com>
Date: Wed, 18 Feb 2026 23:58:17 +0000
Subject: [PATCH 1/2] feat: add Probat A/B experiment for GetStartedButton

Experiment run: 563d8f57-fe86-4566-9e1b-fc71e4e8328f
---
 package.json                                  |  3 +-
 .../GetStartedButton.experiment.tsx           | 31 +++++++++++++++++++
 src/components/GetStartedButton.original.tsx  | 16 ++++++++++
 src/components/GetStartedButton.tsx           | 26 ++++++++--------
 4 files changed, 62 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..9e547d2b 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.1"
   },
   "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..f185fe5a
--- /dev/null
+++ b/src/components/GetStartedButton.experiment.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+
+interface GetStartedButtonProps {
+  label?: string
+  large?: boolean
+}
+
+const GetStartedButton: React.FC<GetStartedButtonProps> = ({ label = 'Start Your Free Trial', large = false }) => {
+  return (
+    <button className={`btn btn-primary${large ? ' btn-large' : ''}`}>
+      {label} <span 
+        aria-hidden="true" 
+        style={{ 
+          marginLeft: '4px',
+          display: 'inline-block',
+          animation: 'slideRight 1.5s ease-in-out infinite'
+        }}
+      >
+        →
+      </span>
+      <style jsx>{`
+        @keyframes slideRight {
+          0%, 100% { transform: translateX(0px); }
+          50% { transform: translateX(3px); }
+        }
+      `}</style>
+    </button>
+  )
+}
+
+export default GetStartedButton
\ No newline at end of file
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..1566630c 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="563d8f57-fe86-4566-9e1b-fc71e4e8328f"
+        control={<OriginalComponent {...props} />}
+        variants={{ experiment: <ExperimentVariant {...props} /> }}
+      />
+    </ProbatProviderClient>
+  );
 }
-
-export default GetStartedButton

From 96289ae9d6530634bf1df4384eb8933947e43b6f Mon Sep 17 00:00:00 2001
From: "probatai[bot]" <236084945+probatai[bot]@users.noreply.github.com>
Date: Thu, 19 Feb 2026 00:04:52 +0000
Subject: [PATCH 2/2] preview: replace GetStartedButton with variant
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Variant: 1ebea397-61dd-4671-aa7b-0c31b3aaa1b0
⚠️ This is a preview branch — DO NOT MERGE
---
 src/components/GetStartedButton.tsx | 30 ++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/GetStartedButton.tsx b/src/components/GetStartedButton.tsx
index 1566630c..cf41f813 100644
--- a/src/components/GetStartedButton.tsx
+++ b/src/components/GetStartedButton.tsx
@@ -1,16 +1,20 @@
-"use client";
-import { ProbatProviderClient, Experiment } from "@probat/react";
-import OriginalComponent from "./GetStartedButton.original";
-import ExperimentVariant from "./GetStartedButton.experiment";
+import React from 'react'
 
-export default function GetStartedButton(props: any) {
+interface GetStartedButtonProps {
+  label?: string
+  large?: boolean
+}
+
+const GetStartedButton: React.FC<GetStartedButtonProps> = ({ label = 'Get Started Now', large = true }) => {
   return (
-    <ProbatProviderClient userId="f3a91e3e-da2b-4b49-a487-8202d07182c0">
-      <Experiment
-        id="563d8f57-fe86-4566-9e1b-fc71e4e8328f"
-        control={<OriginalComponent {...props} />}
-        variants={{ experiment: <ExperimentVariant {...props} /> }}
-      />
-    </ProbatProviderClient>
-  );
+    <button
+      className={`btn btn-primary${large ? ' btn-large' : ''}`}
+      style={{ display: 'inline-flex', flexDirection: 'column', alignItems: 'center', gap: '2px' }}
+    >
+      <span>{label}</span>
+      <span style={{ fontSize: '0.7em', opacity: 0.85, fontWeight: 400 }}>Free forever · No credit card</span>
+    </button>
+  )
 }
+
+export default GetStartedButton