fix: pricing card 2025

Author: ginifizz

pwa/components/con/home/Pricing/PricingCard.tsx

@@ -2,8 +2,8 @@ import React, { useContext } from "react";
 import dayjs from "dayjs";
 import Button from "components/con/common/Button";
 import { Price, Offer } from "types/con";
-import useEventBriteModal from "hooks/con/useEventBriteModal";
 import { LanguageContext } from "contexts/con/LanguageContext";
+import { currentEdition } from "data/con/editions";
 
 interface PricingCardProps {
   price: Price;
@@ -12,8 +12,6 @@ interface PricingCardProps {
 export default function PricingCard({ price }: PricingCardProps) {
   const { t, locale } = useContext(LanguageContext);
 
-  useEventBriteModal(`price${price.id}`);
-
   const isActiveOffer = (offer: Offer) => {
     if (offer.limitDate && dayjs(offer.limitDate).isBefore(dayjs(), "day"))
       return false;
@@ -26,10 +24,7 @@ export default function PricingCard({ price }: PricingCardProps) {
 
   return (
     <div className="p-1 mb-14 relative transition-all max-w-sm w-full saturate-50 first:saturate-100 group | md:mb-8 md:max-w-none md:w-1/2 md:first:z-10 md:first:scale-110  | lg:w-1/3">
-      <div
-        className="flex flex-col items-center h-full justify-center shadow-md transition-all relative cursor-pointer hover:rotate-3 hover:shadow-xl hover:translate-x-4 hover:scale-105 group-first:hover:-translate-x-4 group-first:hover:-rotate-3"
-        id={`price${price.id}`}
-      >
+      <div className="flex flex-col items-center h-full justify-center shadow-md transition-all relative hover:rotate-3 hover:shadow-xl hover:translate-x-4 hover:scale-105 group-first:hover:-translate-x-4 group-first:hover:-rotate-3">
         <div className="w-full bg-blue p-5 text-center">
           <h3 className="uppercase font-title font-bold text-2xl text-white lined-center lined-white">
             {price.title[locale]}
@@ -57,6 +52,7 @@ export default function PricingCard({ price }: PricingCardProps) {
         <Button
           className="square absolute bottom-0 translate-y-1/2 left-1/2 -translate-x-1/2 hover:bg-white"
           size="small"
+          to={`/${locale}/con/${currentEdition}/tickets`}
         >
           {t("buy_tickets")}
         </Button>