From 54bb543aa64071df1a1e69c15ad68df8d5398068 Mon Sep 17 00:00:00 2001
From: rzmk <30333942+rzmk@users.noreply.github.com>
Date: Thu, 18 Sep 2025 10:13:03 -0400
Subject: [PATCH] feat: add custom event tracking

---
 src/components/Hero.jsx    | 5 ++++-
 src/components/Pricing.jsx | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 6fbcbe0..d3a3410 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -147,7 +147,8 @@ export const Hero = () => {
                                                             {platform ===
                                                                 "windows" && (
                                                                 <div className="flex justify-center">
-                                                                    <a href="https://apps.microsoft.com/detail/xpffdj3f1jsztf?mode=full">
+                                                                    {/* Might not be an actual download, but store page clicked */}
+                                                                    <a data-rybbit-event="qsv_pro_download" data-rybbit-prop-platform="Microsoft Store" href="https://apps.microsoft.com/detail/xpffdj3f1jsztf?mode=full">
                                                                         <img
                                                                             src="https://get.microsoft.com/images/en-us%20light.svg"
                                                                             width="200"
@@ -158,6 +159,8 @@ export const Hero = () => {
                                                             <a
                                                                 key={index}
                                                                 href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
+                                                                data-rybbit-event="qsv_pro_download"
+                                                                data-rybbit-prop-platform={download[0]}
                                                                 className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
                                                                     platform ===
                                                                     OS
diff --git a/src/components/Pricing.jsx b/src/components/Pricing.jsx
index 85eeb21..9a1a142 100644
--- a/src/components/Pricing.jsx
+++ b/src/components/Pricing.jsx
@@ -165,6 +165,8 @@ export const Pricing = () => {
                                                 : "https://store.dathere.com/checkout/buy/88fed582-ffd4-41e0-a94e-457fdd038130"
                                         }
                                         target="_blank"
+                                        data-rybbit-event="qsv_pro_purchase"
+                                        data-rybbit-prop-plan="Pro"
                                     >
                                         <div className="inline-block text-center py-2 px-4 w-full custom-button-colored leading-loose transition duration-200">
                                             Start 30-day free trial
@@ -205,7 +207,7 @@ export const Pricing = () => {
                                             </li>
                                         ))}
                                     </ul>
-                                    <a href="https://dathere.com/contact">
+                                    <a href="https://dathere.com/contact" data-rybbit-event="qsv_pro_purchase" data-rybbit-prop-plan="Business">
                                         <div className="inline-block text-center py-2 px-4 w-full custom-button-colored leading-loose transition duration-200">
                                             Contact us
                                         </div>