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 && ( - image of ticket sponsor +
+
+ image of ticket sponsor +
+
)} {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 */}
- +
+ +
{/* Ticket Rows */}