diff --git a/public/images/background/sponsor-bronze.png b/public/images/background/sponsor-bronze.png new file mode 100644 index 0000000..5a28792 Binary files /dev/null and b/public/images/background/sponsor-bronze.png differ diff --git a/public/images/background/sponsor-gold.jpg b/public/images/background/sponsor-gold.jpg new file mode 100644 index 0000000..438c005 Binary files /dev/null and b/public/images/background/sponsor-gold.jpg differ diff --git a/public/images/background/sponsor-platinum.jpg b/public/images/background/sponsor-platinum.jpg new file mode 100644 index 0000000..20482f6 Binary files /dev/null and b/public/images/background/sponsor-platinum.jpg differ diff --git a/public/images/background/sponsor-silver.jpg b/public/images/background/sponsor-silver.jpg new file mode 100644 index 0000000..9a531e3 Binary files /dev/null and b/public/images/background/sponsor-silver.jpg differ diff --git a/public/images/background/sponsors.png b/public/images/background/sponsors.png new file mode 100644 index 0000000..da8d99d Binary files /dev/null and b/public/images/background/sponsors.png differ diff --git a/src/app/favicon.ico b/src/app/favicon.ico new file mode 100644 index 0000000..5340ffd Binary files /dev/null and b/src/app/favicon.ico differ diff --git a/src/components/SponsorList/Sponsor/Sponsor.tsx b/src/components/SponsorList/Sponsor/Sponsor.tsx index a6fbd9e..cb95743 100644 --- a/src/components/SponsorList/Sponsor/Sponsor.tsx +++ b/src/components/SponsorList/Sponsor/Sponsor.tsx @@ -7,10 +7,10 @@ const Sponsor = (sponsor: SponsorProps) => { const badgeHeight: number = 80; const boxClasses: Record = { - platinum: "p-[57px] max-w-[325px] w-full h-[160px] lg:p-[57px] lg:w-[440px] lg:h-[560px]", - gold: "p-[24px] w-[157px] h-[98px] h-[160px] lg:p-[24px] lg:w-[290px] lg:h-[181.4px]", - silver: "p-[22px] w-[101px] h-[59px] h-[160px] lg:p-[22px] lg:w-[260px] lg:h-[150px]", - bronze: "p-[40px] w-[101px] h-[48px] lg:p-[20px] lg:w-[182px] lg:h-[85px]", + platinum: "bg-[url(/images/background/sponsor-platinum.jpg)] hover:bg-[url(/images/background/sponsor-platinum.jpg)] p-[57px] max-w-[325px] w-full h-[160px] lg:p-[57px] lg:w-[440px] lg:h-[560px]", + gold: "bg-[url(/images/background/sponsor-gold.jpg)] hover:bg-[url(/images/background/sponsor-gold.jpg)] p-[24px] w-[157px] h-[98px] h-[160px] lg:p-[24px] lg:w-[290px] lg:h-[181.4px]", + silver: "bg-[url(/images/background/sponsor-silver.jpg)] hover:bg-[url(/images/background/sponsor-silver.jpg)] p-[22px] w-[101px] h-[59px] h-[160px] lg:p-[22px] lg:w-[260px] lg:h-[150px]", + bronze: "bg-[url(/images/background/sponsor-bronze.png)] hover:bg-[url(/images/background/sponsor-bronze.png)] p-[40px] w-[101px] h-[48px] lg:p-[20px] lg:w-[182px] lg:h-[85px]", }; const badgeClasses: Record = { platinum: "top-[30px] right-[30px] h-[55px] w-auto lg:top-[24px] lg:right-[24px] lg:h-[80px]", @@ -27,9 +27,8 @@ const Sponsor = (sponsor: SponsorProps) => { return (
diff --git a/src/components/SponsorList/SponsorList.tsx b/src/components/SponsorList/SponsorList.tsx index f4b1c83..594922e 100644 --- a/src/components/SponsorList/SponsorList.tsx +++ b/src/components/SponsorList/SponsorList.tsx @@ -37,7 +37,7 @@ const SponsorList = ({ ]; return ( - +