New partner - Frit Ravich (#56)

hackupc · Mar 25, 2024 · 1f281c1 · 1f281c1
1 parent 9bec914
commit 1f281c1
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 7 deletions.
diff --git a/public/Partners/frit_ravich.png b/public/Partners/frit_ravich.png
diff --git a/src/app/components/SponsorsAndPartners.tsx b/src/app/components/SponsorsAndPartners.tsx
@@ -82,6 +82,7 @@ export default function SponsorsAndPartners() {
               imageSrc={"/Sponsors/flanks.svg"}
               imageAlt={"flanks"}
               sponsorLink={"https://www.flanks.io/"}
+              smallPadding
             />
           </KiloBox>
           <KiloBox>
@@ -97,6 +98,7 @@ export default function SponsorsAndPartners() {
             imageSrc={"/Partners/upc.svg"}
             imageAlt={"upc"}
             sponsorLink={"https://www.upc.edu/"}
+            smallPadding
           />
         </MiliBox>
         <MiliBox>
@@ -132,6 +134,7 @@ export default function SponsorsAndPartners() {
             imageSrc={"/Partners/coeinf.png"}
             imageAlt={"coeinf"}
             sponsorLink={"https://enginyeriainformatica.cat/dones-coeinf/"}
+            smallPadding
           />
         </MiliBox>
         <MiliBox>
@@ -142,7 +145,12 @@ export default function SponsorsAndPartners() {
           />
         </MiliBox>
         <MiliBox>
-          <SponsorUnrevealed />
+          <SponsorLogo
+            imageSrc={"/Partners/frit_ravich.png"}
+            imageAlt={"fritravich"}
+            sponsorLink={"https://www.fritravich.com/en/"}
+            smallPadding
+          />
         </MiliBox>
       </SponsorRow>
     </Section>

diff --git a/src/app/genericComponents/Sponsors.tsx b/src/app/genericComponents/Sponsors.tsx
@@ -65,11 +65,11 @@ const BoxContainerUnrevealed = styled.div`
   cursor: help;
 `;
 
-const SponsorImage = styled.img`
+const SponsorImage = styled.img<{ smallPadding?: boolean }>`
   width: 100%;
   height: 100%;
   object-fit: contain;
-  padding: ${SpacingS};
+  padding: ${(props) => (props.smallPadding ? SpacingXS : SpacingS)};
 `;
 
 const HoverText = styled(BodyBold)`
@@ -95,14 +95,15 @@ interface SponsorLogoProps {
   imageSrc: string;
   imageAlt: string;
   sponsorLink: string;
+  smallPadding?: boolean;
 }
 
 export function SponsorLogo(props: SponsorLogoProps) {
-  const { imageSrc, imageAlt, sponsorLink } = props;
+  const { imageSrc, imageAlt, sponsorLink, smallPadding } = props;
 
   return (
     <BoxContainer href={sponsorLink} target="_blank" rel="noopener noreferrer">
-      <SponsorImage src={imageSrc} alt={imageAlt} />
+      <SponsorImage src={imageSrc} alt={imageAlt} smallPadding={smallPadding} />
       <HoverText>Go to website</HoverText>
     </BoxContainer>
   );

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -24,7 +24,7 @@ export const metadata: Metadata = {
     creator: "@hackupc",
     title: "HackUPC 2024 | May 3-5 | Student hackathon Barcelona",
     description:
-      "36 hours student hackathon in Barcelona in May starting on the 3th ending the 5th",
+      "36 hours student hackathon in Barcelona in May starting on the 3rd ending the 5th",
     images: {
       url: "https://hackupc.com/ogimage.png?v=2024",
       secureUrl: "https://hackupc.com/ogimage.png?v=2024",
@@ -37,7 +37,7 @@ export const metadata: Metadata = {
     siteName: "HackUPC",
     locale: "en_GB",
     description:
-      "36 hours student hackathon in Barcelona in May starting on the 3th ending the 5th",
+      "36 hours student hackathon in Barcelona in May starting on the 3rd ending the 5th",
     url: "https://hackupc.com",
     images: {
       url: "https://hackupc.com/ogimage.png?v=2024",