diff --git a/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx b/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx
index 15297d55..1c21f44f 100644
--- a/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx
+++ b/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx
@@ -9,6 +9,7 @@ export type SponsorTicketProps = {
isSponsorUs?: boolean;
logoPath?: string;
ticketWidthVw?: number;
+ logoScale?: number;
};
/**
@@ -21,21 +22,39 @@ export default function SponsorTicketComp({
isSponsorUs = false,
logoPath,
ticketWidthVW = 20,
+ logoScale = 1,
}: SponsorTicketProps & { ticketWidthVW?: number }): JSX.Element {
-
return (
{logoPath && (
-
+
)}
{isSponsorUs ? (
diff --git a/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx b/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx
index 9e52bd5f..813bc062 100644
--- a/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx
+++ b/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx
@@ -18,34 +18,45 @@ import YelpLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/yelp.svg";
import VMwareLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/vmware.svg";
import ToastLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/toast.svg";
-const desktopRows: string[][] = [
- [GoogleLogo, CarGurusLogo, MetaLogo, DatadogLogo],
- [SimplisafeLogo, WoodMacLogo, YelpLogo],
- [VMwareLogo, ToastLogo],
+type LogoItem = { logoPath: string; logoScale?: number };
+
+const desktopRows: LogoItem[][] = [
+ [
+ { logoPath: GoogleLogo },
+ { logoPath: CarGurusLogo },
+ { logoPath: MetaLogo },
+ { logoPath: DatadogLogo, logoScale: 1.2 },
+ ],
+ [
+ { logoPath: SimplisafeLogo },
+ { logoPath: WoodMacLogo },
+ { logoPath: YelpLogo },
+ ],
+ [{ logoPath: VMwareLogo }, { logoPath: ToastLogo, logoScale: 1.2 }],
];
-const tabletRows: string[][] = [
- [GoogleLogo, CarGurusLogo],
- [MetaLogo, DatadogLogo],
- [SimplisafeLogo, WoodMacLogo],
- [YelpLogo, VMwareLogo],
- [ToastLogo],
+const tabletRows: LogoItem[][] = [
+ [{ logoPath: GoogleLogo }, { logoPath: CarGurusLogo }],
+ [{ logoPath: MetaLogo }, { logoPath: DatadogLogo, logoScale: 1.2 }],
+ [{ logoPath: SimplisafeLogo }, { logoPath: WoodMacLogo }],
+ [{ logoPath: YelpLogo }, { logoPath: VMwareLogo }],
+ [{ logoPath: ToastLogo, logoScale: 1.2 }],
];
-const mobileRows: string[][] = [
- [GoogleLogo],
- [CarGurusLogo],
- [MetaLogo],
- [DatadogLogo],
- [SimplisafeLogo],
- [WoodMacLogo],
- [YelpLogo],
- [VMwareLogo],
- [ToastLogo],
+const mobileRows: LogoItem[][] = [
+ [{ logoPath: GoogleLogo }],
+ [{ logoPath: CarGurusLogo }],
+ [{ logoPath: MetaLogo }],
+ [{ logoPath: DatadogLogo, logoScale: 1.2 }],
+ [{ logoPath: SimplisafeLogo }],
+ [{ logoPath: WoodMacLogo }],
+ [{ logoPath: YelpLogo }],
+ [{ logoPath: VMwareLogo }],
+ [{ logoPath: ToastLogo, logoScale: 1.2 }],
];
// generate single row of tickets
-function makeSponsorRow(ticketWidthVW: number, logos: string[]) {
+function makeSponsorRow(ticketWidthVW: number, logos: LogoItem[]) {
return (
(
))}
@@ -71,12 +83,14 @@ export default function PastSponsors(): JSX.Element {
const boothWidth = isMobile ? 90 : isTablet ? 80 : 70;
const ribbonStyles = clsx(
- "w-1/2 flex justify-center",
- isMobile && "mt-12 mb-6",
- isTablet && "mt-16 mb-6",
- isDesktop && "mt-20 mb-6"
+ "flex justify-center",
+ isMobile && "w-[60%] mt-10 mb-8",
+ isTablet && "w-[50%] mt-14 mb-8",
+ isDesktop && "w-1/2 mt-20 mb-12"
);
+ const ribbonScale = isMobile ? 0.6 : isTablet ? 0.8 : 1;
+
return (
{/* Background burst */}
@@ -93,10 +107,18 @@ export default function PastSponsors(): JSX.Element {
{/* Content overlay */}