diff --git a/public/images/landing/cs2_tournament.jpg b/public/images/landing/cs2_tournament.jpg new file mode 100644 index 0000000..be063a2 Binary files /dev/null and b/public/images/landing/cs2_tournament.jpg differ diff --git a/public/images/landing/lol_tournament.png b/public/images/landing/lol_tournament.png new file mode 100644 index 0000000..900e7ec Binary files /dev/null and b/public/images/landing/lol_tournament.png differ diff --git a/src/app/[locale]/turniirid/page.tsx b/src/app/[locale]/turniirid/page.tsx index 8501b34..b3f0a08 100644 --- a/src/app/[locale]/turniirid/page.tsx +++ b/src/app/[locale]/turniirid/page.tsx @@ -8,6 +8,7 @@ interface TournamentCardProps { buttonText: string; buttonHref: string; backgroundImage: string; + objectPosition?: string; } function TournamentCard({ @@ -15,6 +16,7 @@ function TournamentCard({ buttonText, buttonHref, backgroundImage, + objectPosition = "center", }: TournamentCardProps) { return (
@@ -22,7 +24,8 @@ function TournamentCard({ src={backgroundImage} alt="" fill - className="object-cover object-center opacity-50" + className="object-cover opacity-50" + style={{ objectPosition }} />

{/* LoL */} @@ -67,7 +70,8 @@ export default async function Tourney({ title="LEAGUE OF LEGENDS" buttonText={t("tournaments.clickButton")} buttonHref="/turniirid/lol" - backgroundImage="/images/landing/league_ticket.jpg" + backgroundImage="/images/landing/lol_tournament.png" + objectPosition="bottom left" />