From bcc4de4fb0d50a4cd5781881179a6d848626d4d7 Mon Sep 17 00:00:00 2001 From: "probatai[bot]" <236084945+probatai[bot]@users.noreply.github.com> Date: Wed, 11 Feb 2026 18:56:54 +0000 Subject: [PATCH 1/2] feat: add Probat A/B experiment for GetStartedButton Experiment run: 003be10a-9326-4022-b814-2219574bc044 --- 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..6224b4e7 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.0" }, "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..0c71ac98 --- /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 = ({ label = 'Get Started Free Today', large = false }) => { + return ( + + ) +} + +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 = ({ label = 'Get Started Free', large = false }) => { + return ( + + ) +} + +export default GetStartedButton diff --git a/src/components/GetStartedButton.tsx b/src/components/GetStartedButton.tsx index 1a1173af..de9d46ee 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 = ({ label = 'Get Started Free', large = false }) => { +export default function GetStartedButton(props: any) { return ( - - ) + + } + variants={{ experiment: }} + /> + + ); } - -export default GetStartedButton From ac3ad60e12a9fc499fcd6a1d2629d5f82d16d190 Mon Sep 17 00:00:00 2001 From: "probatai[bot]" <236084945+probatai[bot]@users.noreply.github.com> Date: Wed, 11 Feb 2026 22:14:17 +0000 Subject: [PATCH 2/2] feat: add Probat A/B experiment for Hero Experiment run: 356923ec-5947-40ac-90b0-1dbd4f82a80c --- package.json | 2 +- src/components/Hero.experiment.tsx | 64 ++++++++++++++++++++++++++ src/components/Hero.original.tsx | 63 ++++++++++++++++++++++++++ src/components/Hero.tsx | 73 ++++++------------------------ 4 files changed, 141 insertions(+), 61 deletions(-) create mode 100644 src/components/Hero.experiment.tsx create mode 100644 src/components/Hero.original.tsx diff --git a/package.json b/package.json index 6224b4e7..9e547d2b 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", - "@probat/react": "^0.3.0" + "@probat/react": "^0.3.1" }, "devDependencies": { "@types/react": "^18.2.43", diff --git a/src/components/Hero.experiment.tsx b/src/components/Hero.experiment.tsx new file mode 100644 index 00000000..2e220434 --- /dev/null +++ b/src/components/Hero.experiment.tsx @@ -0,0 +1,64 @@ +import React from 'react' +import './Hero.css' +import GetStartedButton from './GetStartedButton' + +const Hero: React.FC = () => { + return ( +
+
+
+
+

+ Build Something + Amazing +

+

+ Join over 10,000 developers building the future with our platform. + Our cutting-edge tools and 99.9% uptime guarantee help you create + stunning websites and applications faster than ever. +

+
+ + +
+
+
+ 10K+ + Active Users +
+
+ 99.9% + Uptime +
+
+ 24/7 + Support +
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ ) +} + +export default Hero \ No newline at end of file diff --git a/src/components/Hero.original.tsx b/src/components/Hero.original.tsx new file mode 100644 index 00000000..8ec1a4f3 --- /dev/null +++ b/src/components/Hero.original.tsx @@ -0,0 +1,63 @@ +import React from 'react' +import './Hero.css' +import GetStartedButton from './GetStartedButton' + +const Hero: React.FC = () => { + return ( +
+
+
+
+

+ Build Something + Amazing +

+

+ Create stunning websites and applications with our modern tools and + cutting-edge technology. Join thousands of developers who trust our platform. +

+
+ + +
+
+
+ 10K+ + Active Users +
+
+ 99.9% + Uptime +
+
+ 24/7 + Support +
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ ) +} + +export default Hero diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 8ec1a4f3..37ff214a 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -1,63 +1,16 @@ -import React from 'react' -import './Hero.css' -import GetStartedButton from './GetStartedButton' +"use client"; +import { ProbatProviderClient, Experiment } from "@probat/react"; +import OriginalComponent from "./Hero.original"; +import ExperimentVariant from "./Hero.experiment"; -const Hero: React.FC = () => { +export default function Hero(props: any) { return ( -
-
-
-
-

- Build Something - Amazing -

-

- Create stunning websites and applications with our modern tools and - cutting-edge technology. Join thousands of developers who trust our platform. -

-
- - -
-
-
- 10K+ - Active Users -
-
- 99.9% - Uptime -
-
- 24/7 - Support -
-
-
-
-
-
-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
- ) + + } + variants={{ experiment: }} + /> + + ); } - -export default Hero