From 7450ab0feddef510dc4781407e48b4451cc8fa9d Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 18 Sep 2024 16:45:40 +0200
Subject: [PATCH 01/32] fix: open terms and package.json details

---
 ui/summit-2024/package.json                     | 4 ++--
 ui/summit-2024/src/components/Footer/Footer.tsx | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/summit-2024/package.json b/ui/summit-2024/package.json
index 3d4785c66..96fd1e4a3 100644
--- a/ui/summit-2024/package.json
+++ b/ui/summit-2024/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "vite-project",
+  "name": "cardano-ballot",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/ui/summit-2024/src/components/Footer/Footer.tsx b/ui/summit-2024/src/components/Footer/Footer.tsx
index d2e089857..0d742ca53 100644
--- a/ui/summit-2024/src/components/Footer/Footer.tsx
+++ b/ui/summit-2024/src/components/Footer/Footer.tsx
@@ -14,7 +14,6 @@ import { eventBus, EventName } from "../../utils/EventBus";
 
 const Footer = () => {
   const handleOpenTerms = () => {
-    console.log("handleOpenTerms");
     eventBus.publish(EventName.OpenTermsModal);
   };
   return (
@@ -80,7 +79,7 @@ const Footer = () => {
                   display: "flex",
                 }}
               >
-                <Typography onClick={() => handleOpenTerms()}>
+                <Typography >
                   <Link
                     sx={{
                       color: "text.primary",
@@ -88,6 +87,7 @@ const Footer = () => {
                       marginRight: 1,
                       cursor: "pointer",
                     }}
+                    onClick={() => handleOpenTerms()}
                   >
                     {i18n.t("footer.menu.termsAndConditions")}
                   </Link>
@@ -98,6 +98,7 @@ const Footer = () => {
                       marginRight: 1,
                       cursor: "pointer",
                     }}
+                    onClick={() => handleOpenTerms()}
                   >
                     {i18n.t("footer.menu.privacyPolicy")}
                   </Link>

From 4ae00158b3e301df16c1883e0bf05f5f7d0c5fb5 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Thu, 19 Sep 2024 09:53:02 +0200
Subject: [PATCH 02/32] fix: open github commit from current version

---
 ui/summit-2024/src/components/Footer/Footer.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/ui/summit-2024/src/components/Footer/Footer.tsx b/ui/summit-2024/src/components/Footer/Footer.tsx
index 0d742ca53..e9e49c416 100644
--- a/ui/summit-2024/src/components/Footer/Footer.tsx
+++ b/ui/summit-2024/src/components/Footer/Footer.tsx
@@ -79,7 +79,7 @@ const Footer = () => {
                   display: "flex",
                 }}
               >
-                <Typography >
+                <Typography>
                   <Link
                     sx={{
                       color: "text.primary",
@@ -103,7 +103,19 @@ const Footer = () => {
                     {i18n.t("footer.menu.privacyPolicy")}
                   </Link>
                   <span>
-                    Version {env.APP_VERSION}(
+                    <span
+                        style={{
+                            cursor: "pointer"
+                        }}
+                      onClick={() =>
+                        window.open(
+                          `https://github.com/cardano-foundation/cf-cardano-ballot/commit/${env.APP_VERSION}`,
+                        )
+                      }
+                    >
+                      Version {env.APP_VERSION}
+                    </span>
+                    (
                     <Link
                       href="https://status.voting.summit.cardano.org/"
                       target="_blank"

From 6dfdbbad725a059a7f71f962859396c7ebd632cd Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Thu, 19 Sep 2024 15:08:44 +0200
Subject: [PATCH 03/32] feat: set matomo env vars

---
 ui/summit-2024/.env.example                | 9 +++++----
 ui/summit-2024/src/common/constants/env.ts | 5 +++++
 ui/summit-2024/src/index.tsx               | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/ui/summit-2024/.env.example b/ui/summit-2024/.env.example
index dac154daf..4c5781869 100644
--- a/ui/summit-2024/.env.example
+++ b/ui/summit-2024/.env.example
@@ -14,18 +14,19 @@ VITE_DISCORD_CHANNEL_URL=https://discord.gg/WyB6QSVh
 ## Discord bot URL for Wallet verification
 VITE_DISCORD_BOT_URL=https://discord.com/channels/1255818615886843945/1255820482180284448
 
-## Matomo Base URL
+## Matomo
 VITE_MATOMO_BASE_URL=http://localhost:8080
+VITE_MATOMO_PROJECT_ID=1
 
 # Config vars
 ## Cardano Network Target. Possible values: MAINNET or PREPROD
 VITE_TARGET_NETWORK=PREPROD
 
 ## ID of the running event on chain
-VITE_EVENT_ID="CF_SUMMIT_2024_8BCC"
+VITE_EVENT_ID=CF_SUMMIT_2024_12BAF-LOCAL
 
 ## List of supported wallets
-VITE_SUPPORTED_WALLETS=flint,eternl,nami,typhon,yoroi,nufi,gerowallet,lace
+VITE_SUPPORTED_WALLETS=eternl,nami,typhon,yoroi,nufi,gerowallet,lace
 
 ## Controls the visibility of the winners of the voting
 VITE_SHOW_WINNERS=false
@@ -34,4 +35,4 @@ VITE_SHOW_WINNERS=false
 VITE_SHOW_HYDRA_TALLY=false
 
 ## Using dummy data
-VITE_USING_FIXTURES=false
+VITE_USING_FIXTURES=true
diff --git a/ui/summit-2024/src/common/constants/env.ts b/ui/summit-2024/src/common/constants/env.ts
index 4370ca3e5..041a9203f 100644
--- a/ui/summit-2024/src/common/constants/env.ts
+++ b/ui/summit-2024/src/common/constants/env.ts
@@ -15,6 +15,10 @@ const MATOMO_BASE_URL =
   window._env_?.VITE_MATOMO_BASE_URL ||
   import.meta.env.VITE_MATOMO_BASE_URL ||
   "none";
+const MATOMO_PROJECT_ID =
+  window._env_?.VITE_MATOMO_PROJECT_ID ||
+  import.meta.env.VITE_MATOMO_PROJECT_ID ||
+  "none";
 const DISCORD_CHANNEL_URL =
   window._env_?.VITE_DISCORD_CHANNEL_URL ||
   import.meta.env.VITE_DISCORD_CHANNEL_URL;
@@ -55,6 +59,7 @@ export const env = {
   APP_VERSION,
   SUPPORTED_WALLETS,
   MATOMO_BASE_URL,
+  MATOMO_PROJECT_ID,
   FRONTEND_URL,
   COMMIT_HASH,
   DISCORD_CHANNEL_URL,
diff --git a/ui/summit-2024/src/index.tsx b/ui/summit-2024/src/index.tsx
index aecdcb9cd..2313e540a 100644
--- a/ui/summit-2024/src/index.tsx
+++ b/ui/summit-2024/src/index.tsx
@@ -12,7 +12,7 @@ import { env } from "./common/constants/env";
 
 const instance = createInstance({
   urlBase: env.MATOMO_BASE_URL,
-  siteId: 1,
+  siteId: env.MATOMO_PROJECT_ID,
   trackerUrl: `${env.MATOMO_BASE_URL}/matomo.php`,
   srcUrl: `${env.MATOMO_BASE_URL}/matomo.js`,
   disabled: false,

From 9c352ba52241dd82daec8133b5ae0f14e5d9fd38 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Thu, 19 Sep 2024 15:14:52 +0200
Subject: [PATCH 04/32] feat: parse matomo project id

---
 ui/summit-2024/src/common/constants/env.ts | 2 +-
 ui/summit-2024/src/index.tsx               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/summit-2024/src/common/constants/env.ts b/ui/summit-2024/src/common/constants/env.ts
index 041a9203f..128bf01dd 100644
--- a/ui/summit-2024/src/common/constants/env.ts
+++ b/ui/summit-2024/src/common/constants/env.ts
@@ -18,7 +18,7 @@ const MATOMO_BASE_URL =
 const MATOMO_PROJECT_ID =
   window._env_?.VITE_MATOMO_PROJECT_ID ||
   import.meta.env.VITE_MATOMO_PROJECT_ID ||
-  "none";
+  "0";
 const DISCORD_CHANNEL_URL =
   window._env_?.VITE_DISCORD_CHANNEL_URL ||
   import.meta.env.VITE_DISCORD_CHANNEL_URL;
diff --git a/ui/summit-2024/src/index.tsx b/ui/summit-2024/src/index.tsx
index 2313e540a..42da60e78 100644
--- a/ui/summit-2024/src/index.tsx
+++ b/ui/summit-2024/src/index.tsx
@@ -12,7 +12,7 @@ import { env } from "./common/constants/env";
 
 const instance = createInstance({
   urlBase: env.MATOMO_BASE_URL,
-  siteId: env.MATOMO_PROJECT_ID,
+  siteId: parseInt(env.MATOMO_PROJECT_ID, 10),
   trackerUrl: `${env.MATOMO_BASE_URL}/matomo.php`,
   srcUrl: `${env.MATOMO_BASE_URL}/matomo.js`,
   disabled: false,

From 0c22635ec029f192731e083f81420973c4e5b55b Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Thu, 19 Sep 2024 15:49:15 +0200
Subject: [PATCH 05/32] feat: add trackEvents

---
 .../ConnectWalletModal/ConnectWalletModal.tsx | 23 +++++++++-
 .../src/components/Footer/Footer.tsx          | 46 +++++++++++++------
 .../VerifyWalletModal/VerifyWalletModal.tsx   | 18 +++++++-
 .../src/pages/Categories/Categories.tsx       | 13 ++++++
 .../pages/Home/components/TicketsSection.tsx  |  6 +++
 5 files changed, 90 insertions(+), 16 deletions(-)

diff --git a/ui/summit-2024/src/components/ConnectWalletModal/ConnectWalletModal.tsx b/ui/summit-2024/src/components/ConnectWalletModal/ConnectWalletModal.tsx
index 4b064510e..ee582ae48 100644
--- a/ui/summit-2024/src/components/ConnectWalletModal/ConnectWalletModal.tsx
+++ b/ui/summit-2024/src/components/ConnectWalletModal/ConnectWalletModal.tsx
@@ -16,6 +16,7 @@ import { setConnectedWallet } from "../../store/reducers/userCache";
 import { ToastType } from "../common/Toast/Toast.types";
 import { initialConnectedWallet } from "../../store/reducers/userCache/initialState";
 import { clearUserInSessionStorage } from "../../utils/session";
+import { useMatomo } from "@datapunt/matomo-tracker-react";
 
 const ConnectWalletModal = (props: ConnectWalletProps) => {
   const dispatch = useAppDispatch();
@@ -45,7 +46,7 @@ const ConnectWalletModal = (props: ConnectWalletProps) => {
   } = useCardano({
     limitNetwork: resolveCardanoNetwork(env.TARGET_NETWORK),
   });
-
+  const { trackEvent } = useMatomo();
   const isMobile = useIsPortrait();
 
   const onConnectWalletError = (e: Error) => {
@@ -103,6 +104,11 @@ const ConnectWalletModal = (props: ConnectWalletProps) => {
               `${name} Wallet connected successfully`,
             );
             props.handleCloseConnectWalletModal();
+            trackEvent({
+              category: "connect-keri-wallet",
+              action: "click-event",
+              name: "idw_p2p",
+            });
           } else {
             eventBus.publish(
               EventName.ShowToast,
@@ -129,6 +135,11 @@ const ConnectWalletModal = (props: ConnectWalletProps) => {
                   `${name} Wallet connected successfully`,
                 );
                 props.handleCloseConnectWalletModal();
+                trackEvent({
+                  category: "connect-cardano-wallet",
+                  action: "click-event",
+                  name: name,
+                });
               }
             },
             (e: Error) => {
@@ -181,6 +192,11 @@ const ConnectWalletModal = (props: ConnectWalletProps) => {
         );
         eventBus.publish(EventName.CloseConnectWalletModal);
         eventBus.publish(EventName.ShowToast, "Wallet connected successfully");
+        trackEvent({
+          category: "connect-cardano-wallet",
+          action: "click-event",
+          name: walletName,
+        });
       },
       onConnectError,
     );
@@ -211,6 +227,11 @@ const ConnectWalletModal = (props: ConnectWalletProps) => {
                     address: keriIdentifier.id,
                   }),
                 );
+                trackEvent({
+                  category: "connect-keri-wallet",
+                  action: "click-event",
+                  name: "idw_p2p",
+                });
               } else {
                 eventBus.publish(
                   EventName.ShowToast,
diff --git a/ui/summit-2024/src/components/Footer/Footer.tsx b/ui/summit-2024/src/components/Footer/Footer.tsx
index e9e49c416..68fedc2cb 100644
--- a/ui/summit-2024/src/components/Footer/Footer.tsx
+++ b/ui/summit-2024/src/components/Footer/Footer.tsx
@@ -11,11 +11,37 @@ import { env } from "../../common/constants/env";
 import discordLogo from "../../assets/discord.svg";
 import { i18n } from "../../i18n";
 import { eventBus, EventName } from "../../utils/EventBus";
+import { useMatomo } from "@datapunt/matomo-tracker-react";
 
 const Footer = () => {
+  const { trackEvent } = useMatomo();
+
   const handleOpenTerms = () => {
     eventBus.publish(EventName.OpenTermsModal);
+    trackEvent({
+      category: "open-terms-from-footer",
+      action: "click-event",
+    });
+  };
+
+  const handleJoinDiscord = () => {
+    window.open(env.DISCORD_SUPPORT_CHANNEL_URL, "_blank");
+    trackEvent({
+      category: "click-join-discord",
+      action: "click-event",
+    });
   };
+
+  const handleOpenGithubCommit = () => {
+    window.open(
+      `https://github.com/cardano-foundation/cf-cardano-ballot/commit/${env.APP_VERSION}`,
+    );
+    trackEvent({
+      category: "click-open-github-commit",
+      action: "click-event",
+    });
+  };
+
   return (
     <>
       <Box
@@ -104,14 +130,10 @@ const Footer = () => {
                   </Link>
                   <span>
                     <span
-                        style={{
-                            cursor: "pointer"
-                        }}
-                      onClick={() =>
-                        window.open(
-                          `https://github.com/cardano-foundation/cf-cardano-ballot/commit/${env.APP_VERSION}`,
-                        )
-                      }
+                      style={{
+                        cursor: "pointer",
+                      }}
+                      onClick={() => handleOpenGithubCommit()}
                     >
                       Version {env.APP_VERSION}
                     </span>
@@ -148,9 +170,7 @@ const Footer = () => {
               >
                 <Tooltip title="Get support" placement="top">
                   <IconButton
-                    onClick={() =>
-                      window.open(env.DISCORD_SUPPORT_CHANNEL_URL, "_blank")
-                    }
+                    onClick={() => handleJoinDiscord()}
                     sx={{ p: 0, color: "secondary.main", marginRight: "40px" }}
                   >
                     <SupportIcon sx={{ color: "text.primary" }} />
@@ -158,9 +178,7 @@ const Footer = () => {
                 </Tooltip>
                 <Tooltip title="Join our Discord" placement="top">
                   <IconButton
-                    onClick={() =>
-                      window.open(env.DISCORD_SUPPORT_CHANNEL_URL, "_blank")
-                    }
+                    onClick={() => handleJoinDiscord()}
                     sx={{ p: 0, color: "secondary.main" }}
                   >
                     <img
diff --git a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
index 17b3158d2..4b46a50fc 100644
--- a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
+++ b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
@@ -48,6 +48,7 @@ import { ToastType } from "../common/Toast/Toast.types";
 import { CustomInput } from "../common/CustomInput/CustomInput";
 import theme from "../../common/styles/theme";
 import { useCardano } from "@cardano-foundation/cardano-connect-with-wallet";
+import { useMatomo } from "@datapunt/matomo-tracker-react";
 
 // TODO: env.
 const excludedCountries: MuiTelInputCountry[] | undefined = [];
@@ -55,7 +56,7 @@ const excludedCountries: MuiTelInputCountry[] | undefined = [];
 const VerifyWalletModal = () => {
   const connectedWallet = useAppSelector(getConnectedWallet);
   const dispatch = useAppDispatch();
-
+  const { trackEvent } = useMatomo();
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [verifyCurrentPaths, setVerifyCurrentPaths] = useState<
@@ -167,6 +168,7 @@ const VerifyWalletModal = () => {
               ToastType.Error,
             );
             setPhoneCodeIsBeenSending(false);
+            trackEvent({ category: "sms-sent-error", action: "backend-event" });
           } else {
             handleSetCurrentPath(VerifyWalletFlow.CONFIRM_CODE);
             dispatch(
@@ -179,6 +181,7 @@ const VerifyWalletModal = () => {
             setPhoneCodeIsSent(true);
             setCheckImNotARobot(false);
             setPhoneCodeIsBeenSending(false);
+            trackEvent({ category: "sms-sent", action: "backend-event" });
           }
         })
         .catch(() => {
@@ -206,6 +209,10 @@ const VerifyWalletModal = () => {
             "Phone number verified successfully",
           );
           setIsOpen(false);
+          trackEvent({
+            category: "phone-number-verified",
+            action: "backend-event",
+          });
         } else {
           setPhoneCodeShowError(true);
           eventBus.publish(
@@ -215,6 +222,10 @@ const VerifyWalletModal = () => {
           );
           setPhoneCodeIsBeenConfirming(false);
           handleSetCurrentPath(VerifyWalletFlow.DID_NOT_RECEIVE_CODE);
+          trackEvent({
+            category: "phone-number-verified-failed",
+            action: "backend-event",
+          });
         }
       })
       .catch(() => {
@@ -250,12 +261,17 @@ const VerifyWalletModal = () => {
         verifyDiscordResult.message || "Error while verifying",
         ToastType.Error,
       );
+      trackEvent({
+        category: "discord-verification-failed",
+        action: "backend-event",
+      });
       return;
     }
     // @ts-ignore
     dispatch(setWalletIsVerified(verifyDiscordResult.verified));
     eventBus.publish(EventName.ShowToast, "Wallet verified successfully");
     handleCloseModal();
+    trackEvent({ category: "discord-verified", action: "backend-event" });
   };
 
   const renderStartVerification = () => {
diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 51a70c479..3a7323eec 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -49,6 +49,7 @@ import {
 import { useCardano } from "@cardano-foundation/cardano-connect-with-wallet";
 import { env } from "../../common/constants/env";
 import { formatISODate } from "../../utils/utils";
+import { useMatomo } from "@datapunt/matomo-tracker-react";
 
 interface CategoriesProps {
   embedded?: boolean;
@@ -82,6 +83,7 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
 
   const session = getUserInSession();
   const dispatch = useAppDispatch();
+  const { trackEvent } = useMatomo();
 
   const showEventDate =
     eventCache.notStarted ||
@@ -308,9 +310,20 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
           eventBus.publish(EventName.OpenLoginModal);
         }
 
+        trackEvent({
+          category: "vote-failed",
+          action: "click-event",
+          // @ts-ignore
+          name: submitVoteResult.message,
+        });
         return;
       }
       eventBus.publish(EventName.ShowToast, "Vote submitted successfully");
+      trackEvent({
+        category: "vote-successfully",
+        action: "click-event",
+        name: proposalId,
+      });
 
       const updatedVotes = [
         ...userVotes,
diff --git a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
index fd733cfad..def55e86f 100644
--- a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
@@ -3,12 +3,18 @@ import Logo from "../../../assets/logo.svg";
 import dubaiBg from "@assets/dubai-bg.svg";
 import { CustomButton } from "../../../components/common/CustomButton/CustomButton";
 import theme from "../../../common/styles/theme";
+import { useMatomo } from "@datapunt/matomo-tracker-react";
 
 const TicketsSection = () => {
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+  const { trackEvent } = useMatomo();
 
   const handleButtonClick = () => {
     window.open("https://summit.cardano.org/registration/", "_blank");
+    trackEvent({
+      category: "open-buy-summit-tickets",
+      action: "click-event",
+    });
   };
 
   return (

From 4d4af8b53952187bf45b502b5b4a6d81e418da06 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Thu, 19 Sep 2024 21:38:56 +0200
Subject: [PATCH 06/32] feat: set VITE_MATOMO_PROJECT_ID 1 by default

---
 ui/summit-2024/src/common/constants/env.ts | 2 +-
 ui/summit-2024/src/index.tsx               | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/summit-2024/src/common/constants/env.ts b/ui/summit-2024/src/common/constants/env.ts
index 128bf01dd..148ac4c32 100644
--- a/ui/summit-2024/src/common/constants/env.ts
+++ b/ui/summit-2024/src/common/constants/env.ts
@@ -18,7 +18,7 @@ const MATOMO_BASE_URL =
 const MATOMO_PROJECT_ID =
   window._env_?.VITE_MATOMO_PROJECT_ID ||
   import.meta.env.VITE_MATOMO_PROJECT_ID ||
-  "0";
+  "1";
 const DISCORD_CHANNEL_URL =
   window._env_?.VITE_DISCORD_CHANNEL_URL ||
   import.meta.env.VITE_DISCORD_CHANNEL_URL;
diff --git a/ui/summit-2024/src/index.tsx b/ui/summit-2024/src/index.tsx
index 42da60e78..4290b2d9f 100644
--- a/ui/summit-2024/src/index.tsx
+++ b/ui/summit-2024/src/index.tsx
@@ -10,6 +10,9 @@ import App from "./App";
 import { store } from "./store";
 import { env } from "./common/constants/env";
 
+console.log("env.MATOMO_PROJECT_ID");
+console.log(env.MATOMO_PROJECT_ID);
+console.log(parseInt(env.MATOMO_PROJECT_ID, 10));
 const instance = createInstance({
   urlBase: env.MATOMO_BASE_URL,
   siteId: parseInt(env.MATOMO_PROJECT_ID, 10),

From d97d2fba4a04e79d524eb7ab0ebc496f5b37c16b Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Thu, 19 Sep 2024 21:39:26 +0200
Subject: [PATCH 07/32] fix: remove debugs

---
 ui/summit-2024/src/index.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/ui/summit-2024/src/index.tsx b/ui/summit-2024/src/index.tsx
index 4290b2d9f..42da60e78 100644
--- a/ui/summit-2024/src/index.tsx
+++ b/ui/summit-2024/src/index.tsx
@@ -10,9 +10,6 @@ import App from "./App";
 import { store } from "./store";
 import { env } from "./common/constants/env";
 
-console.log("env.MATOMO_PROJECT_ID");
-console.log(env.MATOMO_PROJECT_ID);
-console.log(parseInt(env.MATOMO_PROJECT_ID, 10));
 const instance = createInstance({
   urlBase: env.MATOMO_BASE_URL,
   siteId: parseInt(env.MATOMO_PROJECT_ID, 10),

From 9658977d59f29a804c20ef90727d9908c8b954f7 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Fri, 20 Sep 2024 13:56:14 +0200
Subject: [PATCH 08/32] fix: update status page

---
 ui/summit-2024/src/components/Footer/Footer.tsx |  2 +-
 .../pages/Categories/components/ViewReceipt.tsx | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/ui/summit-2024/src/components/Footer/Footer.tsx b/ui/summit-2024/src/components/Footer/Footer.tsx
index 68fedc2cb..fdafff4c9 100644
--- a/ui/summit-2024/src/components/Footer/Footer.tsx
+++ b/ui/summit-2024/src/components/Footer/Footer.tsx
@@ -139,7 +139,7 @@ const Footer = () => {
                     </span>
                     (
                     <Link
-                      href="https://status.voting.summit.cardano.org/"
+                      href="https://status2024.voting.summit.cardano.org"
                       target="_blank"
                       rel="noopener"
                       sx={{
diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index bbf642d50..a85da8167 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -21,7 +21,7 @@ import {
   setVoteReceipt,
   setVotes,
 } from "../../../store/reducers/votesCache";
-import { copyToClipboard } from "../../../utils/utils";
+import { copyToClipboard, resolveCardanoNetwork } from "../../../utils/utils";
 import { getUserInSession, tokenIsExpired } from "../../../utils/session";
 import {
   getVoteReceipt,
@@ -31,6 +31,8 @@ import { eventBus, EventName } from "../../../utils/EventBus";
 import { ToastType } from "../../../components/common/Toast/Toast.types";
 import { parseError } from "../../../common/constants/errors";
 import { verifyVote } from "../../../common/api/verificationService";
+import { env } from "../../../common/constants/env";
+import { NetworkType } from "../../../components/ConnectWalletList/ConnectWalletList.types";
 
 const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
   const session = getUserInSession();
@@ -77,10 +79,11 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
 
   const viewOnChainVote = () => {
     if (receipt?.merkleProof?.transactionHash) {
-      window.open(
-        `https://preprod.cardanoscan.io/transaction/${receipt?.merkleProof?.transactionHash}`,
-        "_blank",
-      );
+      let url = `https://explorer.cardano.org/transaction?id=${receipt?.merkleProof?.transactionHash}`;
+      if (resolveCardanoNetwork(env.TARGET_NETWORK) === NetworkType.TESTNET) {
+        url = `https://preprod.cardanoscan.io/transaction/${receipt?.merkleProof?.transactionHash}`;
+      }
+      window.open(url, "_blank");
     }
   };
 
@@ -204,7 +207,7 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
           ),
           title: "In Progress",
           description:
-            "Your transaction has been sent and is awaiting confirmation from the Cardano network (this could be 5-10 minutes). Once this has been confirmed you’ll be able to verify your vote.",
+            "Your transaction has been sent and is awaiting for the event's grace period to finish. Once it ends you'll be able to verify your vote.",
           iconBottom: (
             <RefreshIcon
               sx={{
@@ -260,7 +263,7 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
           ),
           title: "In Progress",
           description:
-            "Your transaction has been sent and is awaiting confirmation from the Cardano network (this could be 5-10 minutes). Once this has been confirmed you’ll be able to verify your vote.",
+            "Your transaction has been sent and is awaiting for the event's grace period to finish. Once it ends you'll be able to verify your vote.",
           iconBottom: (
             <RefreshIcon
               sx={{

From 8130fd398026016fb7b63337972125edcbdbe6a5 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Fri, 20 Sep 2024 14:14:42 +0200
Subject: [PATCH 09/32] feat: multiple winners

---
 .../pages/Categories/components/Winners.tsx   | 70 +++++++++++--------
 1 file changed, 42 insertions(+), 28 deletions(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/Winners.tsx b/ui/summit-2024/src/pages/Categories/components/Winners.tsx
index 3939f6436..9b5a7efc9 100644
--- a/ui/summit-2024/src/pages/Categories/components/Winners.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/Winners.tsx
@@ -67,10 +67,12 @@ const Winners: React.FC<WinnersProps> = ({
     (v) => v.categoryId === categoryId,
   )?.proposalId;
 
-  let nominees =
+  const nominees =
     extendedCategoryData.find((c) => c.id === categoryId)?.proposals || [];
-  const winner = nominees[0];
-  nominees.shift();
+
+  const maxVotes = Math.max(...nominees.map((n) => n.votes || 0));
+  const winners = nominees.filter((n) => n.votes === maxVotes);
+  const remainingNominees = nominees.filter((n) => n.votes !== maxVotes);
 
   useEffect(() => {
     getVotingResults().then((response) => {
@@ -169,7 +171,7 @@ const Winners: React.FC<WinnersProps> = ({
             zIndex: 3,
           }}
         >
-          {votedFor === winner.id ? (
+          {winners.find((w) => w.id === votedFor) ? (
             <TickIcon circleSize={28} tickSize={20} />
           ) : null}
         </Box>
@@ -188,32 +190,45 @@ const Winners: React.FC<WinnersProps> = ({
             marginBottom: "40px",
           }}
         >
-          Winner!
+          Winner
+          {winners.length > 1 ? "s" : ""}!
         </Typography>
-        <Box component="div" display="flex" justifyContent="center" mt={2}>
-          <img src={awardImg} alt="Placeholder" height={148} />
-        </Box>
-        <Typography
-          onClick={(event: React.MouseEvent<HTMLDivElement, MouseEvent>) =>
-            handleLearnMoreClick(event, "")
-          }
-          align="center"
+        <Box
+          component="div"
+          display="flex"
+          justifyContent="center"
           mt={2}
           sx={{
-            color: theme.palette.text.neutralLightest,
-            textAlign: "center",
-            textShadow: "0px 0px 12px rgba(18, 18, 18, 0.20)",
-            fontFamily: "Dosis",
-            fontSize: "28px",
-            fontStyle: "normal",
-            fontWeight: 700,
-            lineHeight: "32px",
-            marginTop: "40px",
-            cursor: "pointer",
+            marginBottom: "30px",
           }}
         >
-          {winner?.name}
-        </Typography>
+          <img src={awardImg} alt="Placeholder" height={148} />
+        </Box>
+        {winners.map((winner) => {
+          return (
+            <Typography
+              onClick={(event: React.MouseEvent<HTMLDivElement, MouseEvent>) =>
+                handleLearnMoreClick(event, "")
+              }
+              align="center"
+              mt={2}
+              sx={{
+                color: theme.palette.text.neutralLightest,
+                textAlign: "center",
+                textShadow: "0px 0px 12px rgba(18, 18, 18, 0.20)",
+                fontFamily: "Dosis",
+                fontSize: "28px",
+                fontStyle: "normal",
+                fontWeight: 700,
+                lineHeight: "32px",
+                marginTop: "10px",
+                cursor: "pointer",
+              }}
+            >
+              {winner?.name}
+            </Typography>
+          );
+        })}
         <Box
           component="div"
           sx={{
@@ -275,10 +290,9 @@ const Winners: React.FC<WinnersProps> = ({
                 marginTop: "4px",
               }}
             >
-              {winner?.votes}
+              {winners[0].votes}
             </Typography>
           </Box>
-
           <Box
             component="div"
             sx={{
@@ -421,7 +435,7 @@ const Winners: React.FC<WinnersProps> = ({
           </TableRow>
         </TableHead>
         <TableBody>
-          {nominees?.map((nominee, index) => (
+          {remainingNominees?.map((nominee, index) => (
             <TableRow
               key={index}
               sx={{

From bb88148f0555eab169fe03384c12f67bde33d417 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Mon, 23 Sep 2024 15:17:01 +0200
Subject: [PATCH 10/32] fix: winner learn more

---
 ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx | 2 +-
 ui/summit-2024/src/pages/Categories/components/Winners.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index a85da8167..06ce84ef9 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -98,7 +98,7 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
             eventBus.publish(EventName.ShowToast, r.message, ToastType.Error);
             return;
           }
-          if (JSON.stringify(r) === JSON.stringify(receipts[categoryId])) {
+          if (JSON.stringify(r) === JSON.stringify(receipt)) {
             eventBus.publish(
               EventName.ShowToast,
               "No changes detected in the receipt",
diff --git a/ui/summit-2024/src/pages/Categories/components/Winners.tsx b/ui/summit-2024/src/pages/Categories/components/Winners.tsx
index 9b5a7efc9..4e8eeff0e 100644
--- a/ui/summit-2024/src/pages/Categories/components/Winners.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/Winners.tsx
@@ -208,7 +208,7 @@ const Winners: React.FC<WinnersProps> = ({
           return (
             <Typography
               onClick={(event: React.MouseEvent<HTMLDivElement, MouseEvent>) =>
-                handleLearnMoreClick(event, "")
+                handleLearnMoreClick(event, winner.id)
               }
               align="center"
               mt={2}

From 1744b0ffbed5537edb58ef7adf3576f0e8064d20 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 11:27:51 +0200
Subject: [PATCH 11/32] fix: include missing VERY_HIGH state

---
 .../pages/Categories/components/ViewReceipt.tsx   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index 06ce84ef9..18c7bd68e 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -342,7 +342,20 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
                   />
                 ),
               };
-
+            case "VERY_HIGH":
+              return {
+                description:
+                  "Your vote is currently being verified. While in VERY HIGH, the chance of a rollback is very unlikely. Check back later to see if verification has completed.",
+                icon: (
+                  <ArrowUpwardOutlinedIcon
+                    sx={{
+                      width: "24px",
+                      height: "24px",
+                      color: "#6EBE78",
+                    }}
+                  />
+                ),
+              };
             case "FINAL":
               return {
                 description: "Your vote has been successfully verified.",

From 4055a3d48176f36ece31284b10f0afb411bc62ea Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 11:34:37 +0200
Subject: [PATCH 12/32] fix: dispatch update receipt

---
 .../src/pages/Categories/components/ViewReceipt.tsx           | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index 18c7bd68e..147793f0f 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -15,7 +15,7 @@ import ArrowUpwardOutlinedIcon from "@mui/icons-material/ArrowUpwardOutlined";
 import { STATE, ViewReceiptProps } from "./ViewReceipt.type";
 import { CustomAccordion } from "../../../components/common/CustomAccordion/CustomAccordion";
 import { JsonView } from "../../../components/common/JsonView/JsonView";
-import { useAppSelector } from "../../../store/hooks";
+import {useAppDispatch, useAppSelector} from "../../../store/hooks";
 import {
   getReceipts,
   setVoteReceipt,
@@ -36,9 +36,11 @@ import { NetworkType } from "../../../components/ConnectWalletList/ConnectWallet
 
 const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
   const session = getUserInSession();
+  const dispatch = useAppDispatch();
   const receipts = useAppSelector(getReceipts);
   const receipt = receipts[categoryId];
 
+
   const handleCopy = async (data: string) => {
     await copyToClipboard(data);
     eventBus.publish(EventName.ShowToast, "Copied to clipboard successfully");

From 2ff86ba6b405e8f0908e171dc6ebae17b99ad7f9 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 11:59:19 +0200
Subject: [PATCH 13/32] fix: view viewOnChainVote when STATE.FULL

---
 ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index 147793f0f..762571cf3 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -380,7 +380,7 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
         })();
 
         const actionButton =
-          receipt?.finalityScore === "FINAL"
+            receipt?.status === STATE.FULL
             ? {
                 action: viewOnChainVote,
                 iconBottom: <LinkOutlinedIcon />,

From 403f7e75397637d31bb2c4ccb440e284cb5856d8 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 13:23:37 +0200
Subject: [PATCH 14/32] fix: selected category id and run prettier

---
 ui/summit-2024/src/pages/Categories/Categories.tsx        | 8 +++++++-
 .../src/pages/Categories/components/ViewReceipt.tsx       | 5 ++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 3a7323eec..0dd091e62 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -147,6 +147,8 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
   }, [fadeChecked, selectedCategory]);
 
   const handleClickMenuItem = (category: string) => {
+    console.log("handleClickMenuItem");
+    console.log(category);
     setFadeChecked(false);
     // @ts-ignore
     setSelectedCategory(category);
@@ -239,7 +241,11 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
       return;
     }
 
-    const category = categoriesData.find((c) => c.name === selectedCategory);
+    const category = categoriesData.find(
+      (c) =>
+        c.name === selectedCategory ||
+        c.id === selectedCategory?.toUpperCase().replace(/\s+/g, "_"),
+    );
 
     const proposalId = category?.proposals?.find(
       (p) => p.id === selectedNominee,
diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index 762571cf3..d9c6f71ee 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -15,7 +15,7 @@ import ArrowUpwardOutlinedIcon from "@mui/icons-material/ArrowUpwardOutlined";
 import { STATE, ViewReceiptProps } from "./ViewReceipt.type";
 import { CustomAccordion } from "../../../components/common/CustomAccordion/CustomAccordion";
 import { JsonView } from "../../../components/common/JsonView/JsonView";
-import {useAppDispatch, useAppSelector} from "../../../store/hooks";
+import { useAppDispatch, useAppSelector } from "../../../store/hooks";
 import {
   getReceipts,
   setVoteReceipt,
@@ -40,7 +40,6 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
   const receipts = useAppSelector(getReceipts);
   const receipt = receipts[categoryId];
 
-
   const handleCopy = async (data: string) => {
     await copyToClipboard(data);
     eventBus.publish(EventName.ShowToast, "Copied to clipboard successfully");
@@ -380,7 +379,7 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
         })();
 
         const actionButton =
-            receipt?.status === STATE.FULL
+          receipt?.status === STATE.FULL
             ? {
                 action: viewOnChainVote,
                 iconBottom: <LinkOutlinedIcon />,

From fe63d7f52dc58473d3f95c1d0b0ea335ba5c076e Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 13:34:26 +0200
Subject: [PATCH 15/32] fix: remove debugs

---
 ui/summit-2024/src/pages/Categories/Categories.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 0dd091e62..239e403dd 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -147,8 +147,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
   }, [fadeChecked, selectedCategory]);
 
   const handleClickMenuItem = (category: string) => {
-    console.log("handleClickMenuItem");
-    console.log(category);
     setFadeChecked(false);
     // @ts-ignore
     setSelectedCategory(category);

From fe582b6594d4db24c9dd052e74a5633010c93e1a Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 13:53:44 +0200
Subject: [PATCH 16/32] fix: add debugs

---
 ui/summit-2024/src/pages/Categories/Categories.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 239e403dd..72ccc33c2 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -147,6 +147,7 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
   }, [fadeChecked, selectedCategory]);
 
   const handleClickMenuItem = (category: string) => {
+    console.info(`Selected category option: ${category}`);
     setFadeChecked(false);
     // @ts-ignore
     setSelectedCategory(category);
@@ -249,6 +250,9 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
       (p) => p.id === selectedNominee,
     )?.id;
 
+    console.info(`Selected Category: ${selectedCategory}`);
+    console.info(`Category Data: ${JSON.stringify(category)}`);
+
     if (!category?.id) {
       eventBus.publish(
         EventName.ShowToast,
@@ -279,6 +283,8 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
         slotNumber: absoluteSlot.toString(),
       });
 
+      console.info(`Canonical Vote: ${JSON.stringify(canonicalVoteInput)}`);
+
       const requestVoteResult = await signMessageWithWallet(
         connectedWallet,
         canonicalVoteInput,

From 50b7eb9488e0d3f44b84abf72b19d7ad02bfc2d3 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 16:01:13 +0200
Subject: [PATCH 17/32] fix: ConnectWalletButton styles

---
 .../components/ConnectWalletButton/ConnectWalletButton.scss | 5 +++--
 .../components/ConnectWalletButton/ConnectWalletButton.tsx  | 2 +-
 ui/summit-2024/src/components/Header/Header.tsx             | 5 ++++-
 ui/summit-2024/src/components/Layout/Layout.tsx             | 4 ++--
 ui/summit-2024/src/pages/Categories/Categories.tsx          | 6 ------
 5 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
index f72d7bb9a..bb7bb2b46 100644
--- a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
+++ b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
@@ -1,7 +1,9 @@
 .button-container {
   position: relative;
-
+  z-index: 1300;
   .main-button {
+    position: relative;
+    z-index: 1301;
     border-radius: 12px;
     border: 1px solid var(--orange, #ee9766);
     display: inline-flex;
@@ -102,7 +104,6 @@
   border: 1px solid #d2d2d9;
   background: var(--color-light-blue);
   display: inline-flex;
-  padding: 16px 20px;
   justify-content: center;
   align-items: center;
   gap: 10px;
diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
index d31f21c1a..9bd2e54dd 100644
--- a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
+++ b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
@@ -73,7 +73,7 @@ const ConnectWalletButton = (props: ConnectWalletButtonProps) => {
     >
       <Button
         sx={{
-          zIndex: "99",
+          zIndex: 1300,
           padding: isMobile ? "10px 10px" : "16px 20px",
           width: "90%",
           margin: showAddress ? "20px" : null,
diff --git a/ui/summit-2024/src/components/Header/Header.tsx b/ui/summit-2024/src/components/Header/Header.tsx
index b2e4dc15c..8f4accd01 100644
--- a/ui/summit-2024/src/components/Header/Header.tsx
+++ b/ui/summit-2024/src/components/Header/Header.tsx
@@ -356,7 +356,6 @@ const Header = () => {
 
                 {isPortrait ? (
                   <IconButton
-                    color="inherit"
                     onClick={() => setMenuIsOpen(true)}
                     sx={{
                       marginLeft: "auto",
@@ -364,6 +363,10 @@ const Header = () => {
                       borderRadius: "12px",
                       background:
                         "linear-gradient(258deg, #EE9766 0%, #40407D 187.58%, #0C7BC5 249.97%)",
+                      color: theme.palette.background.default,
+                      '&:hover': {
+                        color: theme.palette.text.neutralLight
+                      }
                     }}
                   >
                     <MenuOutlinedIcon />
diff --git a/ui/summit-2024/src/components/Layout/Layout.tsx b/ui/summit-2024/src/components/Layout/Layout.tsx
index 77b7d71f4..db2508184 100644
--- a/ui/summit-2024/src/components/Layout/Layout.tsx
+++ b/ui/summit-2024/src/components/Layout/Layout.tsx
@@ -96,8 +96,8 @@ const Layout: React.FC<LayoutProps> = ({
                   },
                   marginTop: "14px",
                   position: "fixed",
-                  top: 72,
-                  zIndex: 1200,
+                  top: 82,
+                  zIndex: 1092,
                   background: theme.palette.background.default,
                 }}
               >
diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 72ccc33c2..239e403dd 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -147,7 +147,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
   }, [fadeChecked, selectedCategory]);
 
   const handleClickMenuItem = (category: string) => {
-    console.info(`Selected category option: ${category}`);
     setFadeChecked(false);
     // @ts-ignore
     setSelectedCategory(category);
@@ -250,9 +249,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
       (p) => p.id === selectedNominee,
     )?.id;
 
-    console.info(`Selected Category: ${selectedCategory}`);
-    console.info(`Category Data: ${JSON.stringify(category)}`);
-
     if (!category?.id) {
       eventBus.publish(
         EventName.ShowToast,
@@ -283,8 +279,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
         slotNumber: absoluteSlot.toString(),
       });
 
-      console.info(`Canonical Vote: ${JSON.stringify(canonicalVoteInput)}`);
-
       const requestVoteResult = await signMessageWithWallet(
         connectedWallet,
         canonicalVoteInput,

From 3c0251d682c464dc6977cabff45c85e186e412f5 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 16:12:10 +0200
Subject: [PATCH 18/32] fix: options hover bg in header

---
 .../ConnectWalletButton.scss                   |  4 ++++
 .../ConnectWalletButton.tsx                    |  2 +-
 .../src/components/Header/Header.tsx           | 18 +++++++++++++++---
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
index bb7bb2b46..81908b21f 100644
--- a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
+++ b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
@@ -74,6 +74,10 @@
   line-height: 20px;
   height: 44px;
 
+  &:hover {
+    background-color: #282828;
+  }
+
   .MuiTypography-root {
     font-size: 12px;
   }
diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
index 9bd2e54dd..c0c6ea074 100644
--- a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
+++ b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
@@ -165,7 +165,7 @@ const ConnectWalletButton = (props: ConnectWalletButtonProps) => {
                 color="inherit"
                 onClick={handleOpenVoteReceipts}
               >
-                <ListItemText primary="Votes Receipts" />
+                <ListItemText primary="Vote Receipts" />
               </ListItem>
             ) : null}
             <ListItem
diff --git a/ui/summit-2024/src/components/Header/Header.tsx b/ui/summit-2024/src/components/Header/Header.tsx
index 8f4accd01..f1fb9331d 100644
--- a/ui/summit-2024/src/components/Header/Header.tsx
+++ b/ui/summit-2024/src/components/Header/Header.tsx
@@ -309,9 +309,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
-                      px: "24px",
+                      padding:" 16px 24px",
                       textDecoration: "none",
+                      borderRadius: "12px",
                       cursor: "pointer",
+                      "&:hover": {
+                        backgroundColor: "#282828",
+                      }
                     }}
                     onClick={() => handleClickMenu(ROUTES.CATEGORIES)}
                   >
@@ -320,9 +324,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
+                      padding:" 16px 24px",
                       textDecoration: "none",
-                      px: "24px",
+                      borderRadius: "12px",
                       cursor: "pointer",
+                      "&:hover": {
+                        backgroundColor: "#282828",
+                      }
                     }}
                     onClick={() => handleClickMenu(ROUTES.LEADERBOARD)}
                   >
@@ -331,9 +339,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
+                      padding:" 16px 24px",
                       textDecoration: "none",
-                      px: "24px",
+                      borderRadius: "12px",
                       cursor: "pointer",
+                      "&:hover": {
+                        backgroundColor: "#282828",
+                      }
                     }}
                     onClick={() => handleClickMenu(ROUTES.USER_GUIDE)}
                   >

From 00d3e311f29de28688a86fe8a65c992275acc6ea Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 16:15:37 +0200
Subject: [PATCH 19/32] fix: link categories and leaderboard cards in home

---
 ui/summit-2024/src/pages/Home/components/ExploreSection.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
index 1a3b4b1c9..d57070efd 100644
--- a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
@@ -19,6 +19,7 @@ import { getEventCache } from "../../../store/reducers/eventCache";
 const ExploreSection = () => {
   const isMobile = useIsPortrait();
   const navigate = useNavigate();
+
   const handleClickMenu = (option: string) => {
     navigate(option);
   };
@@ -180,6 +181,7 @@ const ExploreSection = () => {
       </Grid>
       <Grid item xs={12} sm={6} md={4}>
         <Card
+          onClick={() => handleClickMenu(ROUTES.CATEGORIES)}
           sx={{
             position: "relative",
             height: "272px",
@@ -193,6 +195,7 @@ const ExploreSection = () => {
             backgroundImage: `url(${guideBg})`,
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
+            cursor: "pointer"
           }}
         >
           <CardContent
@@ -272,6 +275,7 @@ const ExploreSection = () => {
       </Grid>
       <Grid item xs={12} sm={6} md={4}>
         <Card
+          onClick={() => handleClickMenu(ROUTES.LEADERBOARD)}
           sx={{
             position: "relative",
             height: "272px",
@@ -285,6 +289,7 @@ const ExploreSection = () => {
             backgroundImage: `url(${guideBg})`,
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
+            cursor: "pointer"
           }}
         >
           <CardContent sx={{ position: "relative", zIndex: 2 }}>

From 0c407c7bf5a464e62e76be24f02f9664d68be4a5 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 16:45:27 +0200
Subject: [PATCH 20/32] feat: add share icon in bio modal

---
 .../src/components/Header/Header.tsx          | 18 +++++-----
 .../src/pages/Categories/Categories.tsx       |  1 +
 .../pages/Categories/components/BioModal.tsx  | 34 ++++++++++++++++++-
 .../pages/Home/components/ExploreSection.tsx  |  4 +--
 .../pages/Home/components/TicketsSection.tsx  |  2 ++
 5 files changed, 47 insertions(+), 12 deletions(-)

diff --git a/ui/summit-2024/src/components/Header/Header.tsx b/ui/summit-2024/src/components/Header/Header.tsx
index f1fb9331d..5e5b096b4 100644
--- a/ui/summit-2024/src/components/Header/Header.tsx
+++ b/ui/summit-2024/src/components/Header/Header.tsx
@@ -309,13 +309,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
-                      padding:" 16px 24px",
+                      padding: " 16px 24px",
                       textDecoration: "none",
                       borderRadius: "12px",
                       cursor: "pointer",
                       "&:hover": {
                         backgroundColor: "#282828",
-                      }
+                      },
                     }}
                     onClick={() => handleClickMenu(ROUTES.CATEGORIES)}
                   >
@@ -324,13 +324,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
-                      padding:" 16px 24px",
+                      padding: " 16px 24px",
                       textDecoration: "none",
                       borderRadius: "12px",
                       cursor: "pointer",
                       "&:hover": {
                         backgroundColor: "#282828",
-                      }
+                      },
                     }}
                     onClick={() => handleClickMenu(ROUTES.LEADERBOARD)}
                   >
@@ -339,13 +339,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
-                      padding:" 16px 24px",
+                      padding: " 16px 24px",
                       textDecoration: "none",
                       borderRadius: "12px",
                       cursor: "pointer",
                       "&:hover": {
                         backgroundColor: "#282828",
-                      }
+                      },
                     }}
                     onClick={() => handleClickMenu(ROUTES.USER_GUIDE)}
                   >
@@ -376,9 +376,9 @@ const Header = () => {
                       background:
                         "linear-gradient(258deg, #EE9766 0%, #40407D 187.58%, #0C7BC5 249.97%)",
                       color: theme.palette.background.default,
-                      '&:hover': {
-                        color: theme.palette.text.neutralLight
-                      }
+                      "&:hover": {
+                        color: theme.palette.text.neutralLight,
+                      },
                     }}
                   >
                     <MenuOutlinedIcon />
diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 239e403dd..d8b7a3d59 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -552,6 +552,7 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
           onClose={() => setOpenVotingModal(false)}
         />
         <BioModal
+          categoryId={categoryToRender.id}
           nominee={bioModalContent}
           isOpen={openLearMoreCategory}
           title={bioModalContent?.name}
diff --git a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
index 72f5a0cf4..6a4795dcc 100644
--- a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
@@ -1,12 +1,16 @@
 import React from "react";
 import Modal from "../../../components/common/Modal/Modal";
-import { Box, useMediaQuery } from "@mui/material";
+import { Box, IconButton, useMediaQuery } from "@mui/material";
 import XIcon from "../../../assets/x.svg";
 import LinkedinIcon from "../../../assets/linkedin.svg";
 import theme from "../../../common/styles/theme";
 import { CustomButton } from "../../../components/common/CustomButton/CustomButton";
+import { copyToClipboard } from "../../../utils/utils";
+import { eventBus, EventName } from "../../../utils/EventBus";
+import ShareOutlinedIcon from "@mui/icons-material/ShareOutlined";
 
 interface BioModalProps {
+  categoryId: string;
   nominee: any;
   isOpen: boolean;
   title: string | null | undefined;
@@ -14,12 +18,20 @@ interface BioModalProps {
 }
 
 const BioModal: React.FC<BioModalProps> = ({
+  categoryId,
   nominee,
   isOpen,
   title,
   onClose,
 }) => {
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+  const baseUrl = `${window.location.protocol}//${window.location.host}`;
+  const urlToCopy = `${baseUrl}/categories?category=${categoryId}&nominee=${nominee?.id}`;
+
+  const handleCopyToClipBoard = () => {
+    copyToClipboard(urlToCopy);
+    eventBus.publish(EventName.ShowToast, "Copied to clipboard");
+  };
 
   return (
     <>
@@ -75,6 +87,26 @@ const BioModal: React.FC<BioModalProps> = ({
             </Box>
           ) : null}
         </Box>
+        <Box
+          component="div"
+          sx={{
+            width: "53px",
+
+            borderRadius: "12px",
+            cursor: "pointer",
+          }}
+          onClick={() => handleCopyToClipBoard()}
+        >
+          <IconButton>
+            <ShareOutlinedIcon
+              sx={{
+                width: "32px",
+                height: "32px",
+                color: theme.palette.text.neutralLight,
+              }}
+            />
+          </IconButton>
+        </Box>
         {nominee?.url ? (
           <CustomButton
             colorVariant="secondary"
diff --git a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
index d57070efd..96e9471e9 100644
--- a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
@@ -195,7 +195,7 @@ const ExploreSection = () => {
             backgroundImage: `url(${guideBg})`,
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
-            cursor: "pointer"
+            cursor: "pointer",
           }}
         >
           <CardContent
@@ -289,7 +289,7 @@ const ExploreSection = () => {
             backgroundImage: `url(${guideBg})`,
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
-            cursor: "pointer"
+            cursor: "pointer",
           }}
         >
           <CardContent sx={{ position: "relative", zIndex: 2 }}>
diff --git a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
index def55e86f..5eb752cfc 100644
--- a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
@@ -41,6 +41,7 @@ const TicketsSection = () => {
         >
           <Grid item xs={12}>
             <Card
+              onClick={handleButtonClick}
               sx={{
                 position: "relative",
                 overflow: "hidden",
@@ -57,6 +58,7 @@ const TicketsSection = () => {
                   xs: "16px",
                   sm: "60px",
                 },
+                cursor: "pointer",
               }}
             >
               <Box

From fea84dab4c78c9717f3c2c4bdba1f97f2c6e871c Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 16:58:51 +0200
Subject: [PATCH 21/32] feat: align share icon in bio modal

---
 .../pages/Categories/components/BioModal.tsx  | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
index 6a4795dcc..8e4d7c578 100644
--- a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
@@ -83,21 +83,19 @@ const BioModal: React.FC<BioModalProps> = ({
               }}
               onClick={() => window.open(nominee.linkedin, "_blank")}
             >
-              <img src={LinkedinIcon} alt="X Icon" />
+              <img src={LinkedinIcon} alt="LinkedIn Icon" />
             </Box>
           ) : null}
-        </Box>
-        <Box
-          component="div"
-          sx={{
-            width: "53px",
-
-            borderRadius: "12px",
-            cursor: "pointer",
-          }}
-          onClick={() => handleCopyToClipBoard()}
-        >
-          <IconButton>
+          <IconButton
+            sx={{
+              padding: "16px",
+              border: `1px solid ${theme.palette.text.neutralLightest}`,
+              borderRadius: "12px",
+              cursor: "pointer",
+              marginRight: "12px",
+            }}
+            onClick={() => handleCopyToClipBoard()}
+          >
             <ShareOutlinedIcon
               sx={{
                 width: "32px",
@@ -112,6 +110,7 @@ const BioModal: React.FC<BioModalProps> = ({
             colorVariant="secondary"
             sx={{
               width: "100%",
+              mt: "12px",
             }}
             onClick={() => window.open(nominee.url, "_blank")}
           >

From cbe94340c1f45682b9fc977c9cd99818e5ff7e8f Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Tue, 24 Sep 2024 17:11:16 +0200
Subject: [PATCH 22/32] feat: remove border for share button

---
 ui/summit-2024/src/pages/Categories/components/BioModal.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
index 8e4d7c578..e4ddd1013 100644
--- a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
@@ -89,7 +89,6 @@ const BioModal: React.FC<BioModalProps> = ({
           <IconButton
             sx={{
               padding: "16px",
-              border: `1px solid ${theme.palette.text.neutralLightest}`,
               borderRadius: "12px",
               cursor: "pointer",
               marginRight: "12px",

From 14a280ecd898e91e235305a91dfaa38873a5a26f Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 09:24:57 +0200
Subject: [PATCH 23/32] feat: terms and conditions

---
 ui/summit-2024/src/common/resources/data/privacyPolicy.json | 2 +-
 .../src/common/resources/data/termsAndConditions.json       | 6 +++---
 .../components/LegalOptInModal/TermsAndConditionsModal.tsx  | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui/summit-2024/src/common/resources/data/privacyPolicy.json b/ui/summit-2024/src/common/resources/data/privacyPolicy.json
index 664c25578..4b17f4b35 100644
--- a/ui/summit-2024/src/common/resources/data/privacyPolicy.json
+++ b/ui/summit-2024/src/common/resources/data/privacyPolicy.json
@@ -1,6 +1,6 @@
 {
     "title": "Privacy Policy",
-    "date": "Last updated: July, 2023",
+    "date": "Last updated: July, 2024",
     "description": [
       "This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.",
       "We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy."
diff --git a/ui/summit-2024/src/common/resources/data/termsAndConditions.json b/ui/summit-2024/src/common/resources/data/termsAndConditions.json
index f94be280c..96b006e5a 100644
--- a/ui/summit-2024/src/common/resources/data/termsAndConditions.json
+++ b/ui/summit-2024/src/common/resources/data/termsAndConditions.json
@@ -1,6 +1,6 @@
 {
   "title": "Terms and Conditions",
-  "date": "Last updated: August, 2023",
+  "date": "Last updated: August, 2024",
   "sections": [
     {
       "title": "Interpretation and Definitions",
@@ -13,7 +13,7 @@
           "title": "Definitions",
           "content": ["For the purposes of these Terms and Conditions:"],
           "definitions": {
-            "Website": "<b>Website</b> means the server provided by the Company to You on any electronic device, named <b>Cardano Summit 2023.</b>",
+            "Website": "<b>Website</b> means the server provided by the Company to You on any electronic device, named <b>Cardano Summit 2024.</b>",
             "Country": "<b>Country</b> refers to Switzerland.",
             "Company": "<b>Company</b> refers to Cardano Foundation, Dammstrasse 16, 6300 Zug, Switzerland, and is referred to as either 'the Company,' 'We,' 'Us,' or 'Our' in this Agreement.",
             "Device": "<b>Device</b> means any device that can access the Service such as a computer, a mobile phone, or a digital tablet.",
@@ -133,7 +133,7 @@
       "list": [
         {
           "number": "2.1",
-          "content": ["2.1 The Web Application is a platform that offers a verified e-voting platform. The Web Application Cardano Ballot is only being made available for the Cardano Summit 2023 as is designed only for the Summit use case. This is a platform where users can choose between two methods of registration and authentication. One method is via email and SMS, the other is via a Cardano Wallet and Discord bot.  (User Discord account required). The site provides a facility for users to generate ballots and submit votes for the Cardano Summit 2023. The process will be anonymously recorded on the Cardano blockchain."]
+          "content": ["2.1 The Web Application is a platform that offers a verified e-voting platform. The Web Application Cardano Ballot is only being made available for the Cardano Summit 2024 as is designed only for the Summit use case. This is a platform where users can choose between two methods of registration and authentication. One method is via email and SMS, the other is via a Cardano Wallet and Discord bot.  (User Discord account required). The site provides a facility for users to generate ballots and submit votes for the Cardano Summit 2024. The process will be anonymously recorded on the Cardano blockchain."]
         },
         {
           "number": "2.2",
diff --git a/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx b/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
index 3867f3ac8..650c52960 100644
--- a/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
+++ b/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
@@ -29,10 +29,11 @@ const TermsAndConditionsModal = () => {
   ];
 
   const [currentTab, setCurrentTab] = useState(tabs[0]);
-  const [isChecked, setIsChecked] = useState(false);
+
   const [forceOpenModal, setForceOpenModal] = useState(false);
   const [termsAndConditionsChecked, setTermsAndConditionsChecked] =
     useLocalStorage(CB_TERMS_AND_PRIVACY, false);
+  const [isChecked, setIsChecked] = useState(termsAndConditionsChecked);
 
   useEffect(() => {
     const openModal = () => {

From ec4534d579e317e43581c2224f49c8e199f1743c Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 09:28:11 +0200
Subject: [PATCH 24/32] feat: toast message on decline terms

---
 .../LegalOptInModal/TermsAndConditionsModal.tsx          | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx b/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
index 650c52960..ce25d6ff5 100644
--- a/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
+++ b/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
@@ -54,6 +54,14 @@ const TermsAndConditionsModal = () => {
   const handleSetCurrentTab = (option: string) => {
     setCurrentTab(option);
   };
+
+  const handleDecline = () => {
+    eventBus.publish(
+      EventName.ShowToast,
+      "To use the app, you must accept the Terms and Conditions and Privacy Policy",
+    );
+  };
+
   const handleAccept = () => {
     setTermsAndConditionsChecked(true);
     setForceOpenModal(false);
@@ -514,6 +522,7 @@ const TermsAndConditionsModal = () => {
             Accept
           </Button>
           <Button
+            onClick={() => handleDecline()}
             variant="outlined"
             sx={{
               padding: "16px 24px",

From d4b0628f8c313440845ee58ec3f9515c2d2b5a5f Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 09:29:24 +0200
Subject: [PATCH 25/32] fix: cookies open privacy policy

---
 ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx b/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
index 3791c318f..e509d4518 100644
--- a/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
+++ b/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
@@ -3,6 +3,7 @@ import { CB_COOKIES } from "../../common/constants/local";
 import { Box, Typography } from "@mui/material";
 import theme from "../../common/styles/theme";
 import { CustomButton } from "../common/CustomButton/CustomButton";
+import {eventBus, EventName} from "../../utils/EventBus";
 
 export enum CookiesStatus {
   ACCEPT = "ACCEPT",
@@ -22,7 +23,7 @@ const Cookies = () => {
   };
 
   const handlePrivacyPolicy = () => {
-    // TODO: Open privacy and policy page
+      eventBus.publish(EventName.OpenTermsModal);
   };
 
   if (!showCookies) return null;

From 5fb538f20f5241a8b26fd6a44273729db1705952 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 09:30:48 +0200
Subject: [PATCH 26/32] fix: Optim Finance url

---
 .../src/common/resources/data/summit2024MainnetContent.json     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json b/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json
index 11f1e7524..ddcf6010e 100644
--- a/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json
+++ b/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json
@@ -402,7 +402,7 @@
           "presentationName": "Optim Finance",
           "x": "https://x.com/optimfi",
           "linkedin": "",
-          "url": "https://dao.optim.finance/"
+          "url": "https://optim.finance/"
         }
       ]
     },

From 83db264c8c3f5f6c98505f1caaaf3e5c031e1f2d Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 11:23:45 +0200
Subject: [PATCH 27/32] fix: share icon

---
 ui/summit-2024/src/assets/share.svg           | 11 ++++++++
 .../components/LegalOptInModal/Cookies.tsx    |  4 +--
 .../pages/Categories/components/BioModal.tsx  | 27 +++++++++----------
 3 files changed, 25 insertions(+), 17 deletions(-)
 create mode 100644 ui/summit-2024/src/assets/share.svg

diff --git a/ui/summit-2024/src/assets/share.svg b/ui/summit-2024/src/assets/share.svg
new file mode 100644
index 000000000..44715287e
--- /dev/null
+++ b/ui/summit-2024/src/assets/share.svg
@@ -0,0 +1,11 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="51" height="51" rx="11.5" stroke="#FAF9F6"/>
+<g clip-path="url(#clip0_2474_5100)">
+<path d="M30.1667 34.3337C29.4723 34.3337 28.882 34.0906 28.3959 33.6045C27.9098 33.1184 27.6667 32.5281 27.6667 31.8337C27.6667 31.7503 27.6876 31.5559 27.7292 31.2503L21.8751 27.8337C21.6529 28.042 21.3959 28.2052 21.1042 28.3232C20.8126 28.4413 20.5001 28.5003 20.1667 28.5003C19.4723 28.5003 18.882 28.2573 18.3959 27.7712C17.9098 27.285 17.6667 26.6948 17.6667 26.0003C17.6667 25.3059 17.9098 24.7156 18.3959 24.2295C18.882 23.7434 19.4723 23.5003 20.1667 23.5003C20.5001 23.5003 20.8126 23.5594 21.1042 23.6774C21.3959 23.7955 21.6529 23.9587 21.8751 24.167L27.7292 20.7503C27.7015 20.6531 27.6841 20.5594 27.6772 20.4691C27.6702 20.3788 27.6667 20.2781 27.6667 20.167C27.6667 19.4725 27.9098 18.8823 28.3959 18.3962C28.882 17.91 29.4723 17.667 30.1667 17.667C30.8612 17.667 31.4515 17.91 31.9376 18.3962C32.4237 18.8823 32.6667 19.4725 32.6667 20.167C32.6667 20.8614 32.4237 21.4517 31.9376 21.9378C31.4515 22.4239 30.8612 22.667 30.1667 22.667C29.8334 22.667 29.5209 22.608 29.2292 22.4899C28.9376 22.3719 28.6806 22.2087 28.4584 22.0003L22.6042 25.417C22.632 25.5142 22.6494 25.608 22.6563 25.6982C22.6633 25.7885 22.6667 25.8892 22.6667 26.0003C22.6667 26.1114 22.6633 26.2121 22.6563 26.3024C22.6494 26.3927 22.632 26.4864 22.6042 26.5837L28.4584 30.0003C28.6806 29.792 28.9376 29.6288 29.2292 29.5107C29.5209 29.3927 29.8334 29.3337 30.1667 29.3337C30.8612 29.3337 31.4515 29.5767 31.9376 30.0628C32.4237 30.5489 32.6667 31.1392 32.6667 31.8337C32.6667 32.5281 32.4237 33.1184 31.9376 33.6045C31.4515 34.0906 30.8612 34.3337 30.1667 34.3337ZM30.1667 32.667C30.4029 32.667 30.6008 32.5871 30.7605 32.4274C30.9202 32.2677 31.0001 32.0698 31.0001 31.8337C31.0001 31.5975 30.9202 31.3996 30.7605 31.2399C30.6008 31.0802 30.4029 31.0003 30.1667 31.0003C29.9306 31.0003 29.7327 31.0802 29.573 31.2399C29.4133 31.3996 29.3334 31.5975 29.3334 31.8337C29.3334 32.0698 29.4133 32.2677 29.573 32.4274C29.7327 32.5871 29.9306 32.667 30.1667 32.667ZM20.1667 26.8337C20.4029 26.8337 20.6008 26.7538 20.7605 26.5941C20.9202 26.4344 21.0001 26.2364 21.0001 26.0003C21.0001 25.7642 20.9202 25.5663 20.7605 25.4066C20.6008 25.2469 20.4029 25.167 20.1667 25.167C19.9306 25.167 19.7327 25.2469 19.573 25.4066C19.4133 25.5663 19.3334 25.7642 19.3334 26.0003C19.3334 26.2364 19.4133 26.4344 19.573 26.5941C19.7327 26.7538 19.9306 26.8337 20.1667 26.8337ZM30.1667 21.0003C30.4029 21.0003 30.6008 20.9205 30.7605 20.7607C30.9202 20.601 31.0001 20.4031 31.0001 20.167C31.0001 19.9309 30.9202 19.733 30.7605 19.5732C30.6008 19.4135 30.4029 19.3337 30.1667 19.3337C29.9306 19.3337 29.7327 19.4135 29.573 19.5732C29.4133 19.733 29.3334 19.9309 29.3334 20.167C29.3334 20.4031 29.4133 20.601 29.573 20.7607C29.7327 20.9205 29.9306 21.0003 30.1667 21.0003Z" fill="#FAF9F6"/>
+</g>
+<defs>
+<clipPath id="clip0_2474_5100">
+<rect width="20" height="20" fill="white" transform="translate(16 16)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx b/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
index e509d4518..c2bf079e5 100644
--- a/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
+++ b/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
@@ -3,7 +3,7 @@ import { CB_COOKIES } from "../../common/constants/local";
 import { Box, Typography } from "@mui/material";
 import theme from "../../common/styles/theme";
 import { CustomButton } from "../common/CustomButton/CustomButton";
-import {eventBus, EventName} from "../../utils/EventBus";
+import { eventBus, EventName } from "../../utils/EventBus";
 
 export enum CookiesStatus {
   ACCEPT = "ACCEPT",
@@ -23,7 +23,7 @@ const Cookies = () => {
   };
 
   const handlePrivacyPolicy = () => {
-      eventBus.publish(EventName.OpenTermsModal);
+    eventBus.publish(EventName.OpenTermsModal);
   };
 
   if (!showCookies) return null;
diff --git a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
index e4ddd1013..ecb2d3a6c 100644
--- a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import Modal from "../../../components/common/Modal/Modal";
-import { Box, IconButton, useMediaQuery } from "@mui/material";
+import { Box, useMediaQuery } from "@mui/material";
 import XIcon from "../../../assets/x.svg";
 import LinkedinIcon from "../../../assets/linkedin.svg";
+import ShareIcon from "../../../assets/share.svg";
 import theme from "../../../common/styles/theme";
 import { CustomButton } from "../../../components/common/CustomButton/CustomButton";
 import { copyToClipboard } from "../../../utils/utils";
 import { eventBus, EventName } from "../../../utils/EventBus";
-import ShareOutlinedIcon from "@mui/icons-material/ShareOutlined";
 
 interface BioModalProps {
   categoryId: string;
@@ -53,7 +53,7 @@ const BioModal: React.FC<BioModalProps> = ({
               component="div"
               sx={{
                 mr: "12px",
-                padding: "16px",
+                padding: "15px",
                 border: `1px solid ${theme.palette.text.neutralLightest}`,
                 display: "flex",
                 justifyContent: "center",
@@ -72,7 +72,7 @@ const BioModal: React.FC<BioModalProps> = ({
               component="div"
               sx={{
                 mr: "12px",
-                padding: "16px",
+                padding: "15px",
                 border: `1px solid ${theme.palette.text.neutralLightest}`,
                 display: "flex",
                 justifyContent: "center",
@@ -86,23 +86,20 @@ const BioModal: React.FC<BioModalProps> = ({
               <img src={LinkedinIcon} alt="LinkedIn Icon" />
             </Box>
           ) : null}
-          <IconButton
+          <Box
+            component="div"
             sx={{
-              padding: "16px",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              gap: "8px",
               borderRadius: "12px",
               cursor: "pointer",
-              marginRight: "12px",
             }}
             onClick={() => handleCopyToClipBoard()}
           >
-            <ShareOutlinedIcon
-              sx={{
-                width: "32px",
-                height: "32px",
-                color: theme.palette.text.neutralLight,
-              }}
-            />
-          </IconButton>
+            <img src={ShareIcon} alt="Share Icon" />
+          </Box>
         </Box>
         {nominee?.url ? (
           <CustomButton

From 6ea19899c913b7e7b39dbc13c700fe7548ddf991 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 11:49:31 +0200
Subject: [PATCH 28/32] fix: I am not a robot click check box

---
 .../src/components/VerifyWalletModal/VerifyWalletModal.tsx       | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
index 4b46a50fc..b2d4786eb 100644
--- a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
+++ b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
@@ -521,6 +521,7 @@ const VerifyWalletModal = () => {
         </Box>
 
         <Box
+          onClick={() => setCheckImNotARobot(!checkImNotARobot)}
           component="div"
           sx={{ display: "flex", alignItems: "center", marginTop: "4px" }}
         >

From e18cc447778608784d92568939e96493391e7023 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 12:03:06 +0200
Subject: [PATCH 29/32] fix: nominees grid left align

---
 ui/summit-2024/src/components/Layout/Layout.tsx             | 2 +-
 ui/summit-2024/src/pages/Categories/Categories.tsx          | 1 -
 ui/summit-2024/src/pages/Categories/components/Nominees.tsx | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/ui/summit-2024/src/components/Layout/Layout.tsx b/ui/summit-2024/src/components/Layout/Layout.tsx
index db2508184..dc61e7fb7 100644
--- a/ui/summit-2024/src/components/Layout/Layout.tsx
+++ b/ui/summit-2024/src/components/Layout/Layout.tsx
@@ -80,7 +80,7 @@ const Layout: React.FC<LayoutProps> = ({
       }}
     >
       <Grid container>
-        <Grid item xs={12} md={2.4} lg={2} sx={{}}>
+        <Grid item xs={12} md={2.4} lg={2}>
           {isMobile ? (
             <>
               <Box
diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index d8b7a3d59..5fa7f5fde 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -416,7 +416,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
             }}
           >
             <Typography
-              // TODO: remove after demo
               variant="h5"
               sx={{ fontWeight: "bold", fontFamily: "Dosis" }}
             >
diff --git a/ui/summit-2024/src/pages/Categories/components/Nominees.tsx b/ui/summit-2024/src/pages/Categories/components/Nominees.tsx
index 8dae14efb..d9771243b 100644
--- a/ui/summit-2024/src/pages/Categories/components/Nominees.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/Nominees.tsx
@@ -38,7 +38,7 @@ const Nominees: React.FC<NomineesProps> = ({
         <Grid
           container
           spacing={2}
-          justifyContent="center"
+          justifyContent="left"
           alignItems="flex-start"
         >
           {nominees?.length &&

From 495ec7dcc61f5ed3288760efbb0e5b0b8f79749e Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 12:05:58 +0200
Subject: [PATCH 30/32] fix: modal fontWeight

---
 ui/summit-2024/src/components/common/Modal/Modal.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/ui/summit-2024/src/components/common/Modal/Modal.tsx b/ui/summit-2024/src/components/common/Modal/Modal.tsx
index 190460739..d2f0c8387 100644
--- a/ui/summit-2024/src/components/common/Modal/Modal.tsx
+++ b/ui/summit-2024/src/components/common/Modal/Modal.tsx
@@ -92,14 +92,13 @@ const Modal = (props: ModalProps) => {
           </IconButton>
         ) : null}
         <Typography
-          variant="h6"
           component="div"
           sx={{
             flex: 1,
             maxWidth: "320px",
             textAlign: props.leftTitle ? "left" : "center",
             fontFamily: "Dosis",
-            weight: 700,
+            fontWeight: 700,
             fontSize: "28px",
             lineHeight: "32px",
           }}

From b8ec63826ea1d7b6c5117a2cccefaac8b79964c2 Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 12:14:42 +0200
Subject: [PATCH 31/32] fix: layout menu padding

---
 .../src/components/Layout/Layout.tsx          | 91 +++++++------------
 1 file changed, 35 insertions(+), 56 deletions(-)

diff --git a/ui/summit-2024/src/components/Layout/Layout.tsx b/ui/summit-2024/src/components/Layout/Layout.tsx
index dc61e7fb7..9c5acc269 100644
--- a/ui/summit-2024/src/components/Layout/Layout.tsx
+++ b/ui/summit-2024/src/components/Layout/Layout.tsx
@@ -153,12 +153,13 @@ const Layout: React.FC<LayoutProps> = ({
                   overflowY: "auto",
                   maxHeight: "calc(100vh - 102px)",
                   borderRight: "1px solid #737380",
+                  paddingRight: "8px"
                 }}
               >
                 {title ? (
                   <ListItem
                     sx={{
-                      paddingLeft: "0px",
+                      paddingLeft: "10px",
                       marginBottom: "16px",
                     }}
                   >
@@ -181,63 +182,41 @@ const Layout: React.FC<LayoutProps> = ({
                     onClick={() => handleClickMenuItem(option.label)}
                     key={index}
                     sx={{
-                      paddingLeft: "0px",
+                      marginTop: "12px",
+                      paddingLeft: "10px",
+                      paddingRight: "0px",
+                      paddingTop: "8px",
+                      paddingBottom: "8px",
+                      cursor: "pointer",
+                      transition: "background-color 0.3s",
+                      backgroundColor:
+                        option.label === selectedOption
+                          ? theme.palette.secondary.main
+                          : "transparent",
+                      "&:hover": {
+                        backgroundColor: theme.palette.action.hover,
+                      },
+                      display: "flex",
+                      alignItems: "center",
+                      width: "100%",
+                      borderRadius: "12px",
                     }}
                   >
-                    {option.label === selectedOption ? (
-                      <>
-                        <Box
-                          component="div"
-                          sx={{
-                            display: "flex",
-                            padding: "8px 12px",
-                            alignItems: "center",
-                            gap: "10px",
-                            alignSelf: "stretch",
-                            borderRadius: "12px",
-                            background: theme.palette.secondary.main,
-                            color: theme.palette.background.default,
-                            fontSize: "16px",
-                            fontStyle: "normal",
-                            fontWeight: 500,
-                            lineHeight: "24px",
-                            cursor: "pointer",
-                            width: "100%",
-                          }}
-                        >
-                          <Typography
-                            sx={{
-                              gap: "10px",
-                              alignSelf: "stretch",
-                              borderRadius: "12px",
-                              fontSize: "16px",
-                              fontStyle: "normal",
-                              fontWeight: 500,
-                              lineHeight: "24px",
-                              cursor: "pointer",
-                              width: "100%",
-                            }}
-                          >
-                            {option.label}
-                          </Typography>
-                        </Box>
-                      </>
-                    ) : (
-                      <>
-                        <Typography
-                          sx={{
-                            color: theme.palette.text.neutralLightest,
-                            fontSize: "16px",
-                            fontStyle: "normal",
-                            fontWeight: 500,
-                            lineHeight: "24px",
-                            cursor: "pointer",
-                          }}
-                        >
-                          {option.label}
-                        </Typography>
-                      </>
-                    )}
+                    <Typography
+                      sx={{
+                        color:
+                          option.label === selectedOption
+                            ? theme.palette.background.default
+                            : theme.palette.text.neutralLightest,
+                        fontSize: "16px",
+                        fontWeight: 500,
+                        lineHeight: "24px",
+                        flexGrow: 1,
+                        textAlign: "left",
+                      }}
+                    >
+                      {option.label}
+                    </Typography>
                   </ListItem>
                 ))}
               </List>

From 950835a50074db051dc8fa4f87320f8feb15f05f Mon Sep 17 00:00:00 2001
From: J Caso <jcaso@protonmail.com>
Date: Wed, 25 Sep 2024 12:38:38 +0200
Subject: [PATCH 32/32] fix: home background hover

---
 .../src/components/Layout/Layout.tsx          |  2 +-
 .../pages/Home/components/ExploreSection.tsx  | 29 ++++++++++++++++++-
 .../pages/Home/components/TicketsSection.tsx  |  9 +++++-
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/ui/summit-2024/src/components/Layout/Layout.tsx b/ui/summit-2024/src/components/Layout/Layout.tsx
index 9c5acc269..b6fad28c7 100644
--- a/ui/summit-2024/src/components/Layout/Layout.tsx
+++ b/ui/summit-2024/src/components/Layout/Layout.tsx
@@ -153,7 +153,7 @@ const Layout: React.FC<LayoutProps> = ({
                   overflowY: "auto",
                   maxHeight: "calc(100vh - 102px)",
                   borderRight: "1px solid #737380",
-                  paddingRight: "8px"
+                  paddingRight: "8px",
                 }}
               >
                 {title ? (
diff --git a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
index 96e9471e9..ba5384476 100644
--- a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
@@ -196,9 +196,16 @@ const ExploreSection = () => {
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
             cursor: "pointer",
+            "&:hover": {
+              "& > .backdrop": {
+                backdropFilter: "blur(6px)",
+                background: "rgba(18, 18, 18, 0.25)",
+              },
+            },
           }}
         >
           <CardContent
+            className="backdrop"
             sx={{
               position: "relative",
               zIndex: 2,
@@ -206,6 +213,8 @@ const ExploreSection = () => {
               flexDirection: "column",
               justifyContent: "space-between",
               height: "100%",
+              background: "rgba(18, 18, 18, 0.20)",
+              backdropFilter: "blur(4px)",
             }}
           >
             <Box
@@ -290,9 +299,27 @@ const ExploreSection = () => {
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
             cursor: "pointer",
+            "&:hover": {
+              "& > .backdrop": {
+                backdropFilter: "blur(4px)",
+                background: "rgba(18, 18, 18, 0.25)",
+              },
+            },
           }}
         >
-          <CardContent sx={{ position: "relative", zIndex: 2 }}>
+          <CardContent
+            className="backdrop"
+            sx={{
+              position: "relative",
+              zIndex: 2,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "space-between",
+              height: "100%",
+              background: "rgba(18, 18, 18, 0.20)",
+              backdropFilter: "blur(2px)",
+            }}
+          >
             <Box
               component="div"
               sx={{
diff --git a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
index 5eb752cfc..5f65deed4 100644
--- a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
@@ -59,9 +59,16 @@ const TicketsSection = () => {
                   sm: "60px",
                 },
                 cursor: "pointer",
+                "&:hover": {
+                  "& > .backdrop": {
+                    backdropFilter: "blur(6px)",
+                    background: "rgba(18, 18, 18, 0.55)",
+                  },
+                },
               }}
             >
               <Box
+                className="backdrop"
                 component="div"
                 sx={{
                   position: "absolute",
@@ -70,7 +77,7 @@ const TicketsSection = () => {
                   width: "100%",
                   height: "100%",
                   background: "rgba(18, 18, 18, 0.50)",
-                  backdropFilter: "blur(3px)",
+                  backdropFilter: "blur(4px)",
                   zIndex: 0,
                 }}
               />