From a75dd6f9a198017a1b8d8f123699b68bba7c48d7 Mon Sep 17 00:00:00 2001
From: SeraGabor <gabor@designatives.com>
Date: Wed, 13 Dec 2023 14:13:26 +0100
Subject: [PATCH] feat: add plausible events to homepage buttons

---
 src/components/sections/two-column-h2.js | 4 ++--
 src/pages/index.js                       | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/two-column-h2.js b/src/components/sections/two-column-h2.js
index 15c1d302b..1238e85c6 100644
--- a/src/components/sections/two-column-h2.js
+++ b/src/components/sections/two-column-h2.js
@@ -15,11 +15,11 @@ export default class TwoColumnH2 extends React.Component {
 							<h2 className={"with-decor mt-4 mt-lg-0"}>{this.props.title}</h2>
 							<div className='paragraph' dangerouslySetInnerHTML={{ __html: this.props.text }} />
 							<div className={"flex mt-4"}>
-								<Link to={this.props.buttonPrimaryUrl} target={"_blank"} className={"button button-simple me-4"}>
+								<Link to={this.props.buttonPrimaryUrl} target={"_blank"} className={`button button-simple me-4 ${this.props.buttonPrimaryClass}`}>
 									{this.props.buttonPrimaryTitle}
 								</Link>
 								{this.props.buttonSecondaryTitle && (
-									<Link to={this.props.buttonSecondaryUrl} target={"_blank"} className={"button button-white"}>
+									<Link to={this.props.buttonSecondaryUrl} target={"_blank"} className={`button button-white ${this.props.buttonSecondaryClass}`}>
 										{this.props.buttonSecondaryTitle}
 									</Link>
 								)}
diff --git a/src/pages/index.js b/src/pages/index.js
index 2673704a9..12bcf5d03 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -62,6 +62,7 @@ const IndexPage = () => {
 							image={"graph-scale.png"}
 							buttonPrimaryTitle={"Learn Celestia"}
 							buttonPrimaryUrl={"/what-is-celestia/"}
+							buttonPrimaryClass={"plausible-event-name=Learn_Celestia_Button--Home_Page-Access_Abundance_Section"}
 						/>
 						<TwoColumnH2
 							direction={"rtl"}
@@ -73,8 +74,10 @@ const IndexPage = () => {
 							image={"graph-ecosystem.png"}
 							buttonPrimaryTitle={"Build modular"}
 							buttonPrimaryUrl={"/developer-portal/"}
+							buttonPrimaryClass={"plausible-event-name=Build_Modular_Button--Home_Page-Build_Whatever_Section"}
 							buttonSecondaryTitle={"Deploy"}
 							buttonSecondaryUrl={"/developer-portal#deploy"}
+							buttonSecondaryClass={"plausible-event-name=Deploy_Button--Home_Page-Build_Whatever_Section"}
 						/>
 
 						<section id='explore-celestia' className='explore-celestia'>