Merge pull request #313 from celestiaorg/feature/new-home

feat: add plausible events to homepage buttons
celestiaorg · Dec 13, 2023 · 2c042b4 · 2c042b4
2 parents 4670f9a + a75dd6f
commit 2c042b4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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'>