diff --git a/components/composed/partners/partners.tsx b/components/composed/partners/partners.tsx index b7bc33a..f1be08a 100644 --- a/components/composed/partners/partners.tsx +++ b/components/composed/partners/partners.tsx @@ -20,6 +20,8 @@ const partnerHref: Record = { 'white-star-capital': 'https://whitestarcapital.com/digital-asset-fund/', 'seed-club-ventures': 'https://seedclub.ventures/', 'thomas-howell': 'https://x.com/seethomasowl', + 'nima-ashgari': 'https://x.com/insideNiMA', + triplicate: 'https://www.triplicate.xyz/', } const partnersScroll = keyframes` diff --git a/components/interactive/links/link-partner/link-partner.constants.ts b/components/interactive/links/link-partner/link-partner.constants.ts index 87e5489..2599616 100644 --- a/components/interactive/links/link-partner/link-partner.constants.ts +++ b/components/interactive/links/link-partner/link-partner.constants.ts @@ -34,11 +34,21 @@ export const PARTNERS: Record = { name: 'White Star Capital', }, 'seed-club-ventures': { - imageSrc: '/partner/seed-club-ventures.svg', - imageScale: 0.7, + imageSrc: '/partner/seed-club-ventures.png', + imageScale: 0.6, name: 'Seed Club Ventures', + offsetX: -5, + offsetY: -10, }, 'thomas-howell': { name: 'Thomas Howell', }, + 'nima-ashgari': { + name: 'NiMA Asghari', + }, + triplicate: { + imageSrc: '/partner/triplicate.svg', + imageScale: 0.55, + name: 'Triplicate', + }, } diff --git a/components/interactive/links/link-partner/link-partner.tsx b/components/interactive/links/link-partner/link-partner.tsx index e663d32..944e548 100644 --- a/components/interactive/links/link-partner/link-partner.tsx +++ b/components/interactive/links/link-partner/link-partner.tsx @@ -57,7 +57,11 @@ const StyledPartner = styled.a` } ` -const StyledImage = styled.img<{ $imageScale?: number }>` +const StyledImage = styled.img<{ + $imageScale?: number + $offsetX?: number + $offsetY?: number +}>` width: 100%; transition: filter var(--ui-transition-speed) ease; @@ -68,28 +72,38 @@ const StyledImage = styled.img<{ $imageScale?: number }>` ` : ''} - ${({ $imageScale }) => - $imageScale + ${({ $imageScale, $offsetX, $offsetY }) => + $imageScale || $offsetX || $offsetY ? css` - transform: scale(${$imageScale}); + transform: ${$imageScale ? `scale(${$imageScale}) ` : ''}${$offsetX || $offsetY ? `translate(${$offsetX || 0}%, ${$offsetY || 0}%)` : ''}; ` : ''} ` +const StyledPartnerNameOnly = styled(Text)` + text-transform: none; +` + export const LinkPartner: React.FC = ({ partnerName, ...props }) => { - const { imageScale, imageSrc, name } = PARTNERS[partnerName] + const { imageScale, imageSrc, name, offsetX, offsetY } = PARTNERS[partnerName] return ( {imageSrc ? ( - + ) : ( - + {name} - + )} ) diff --git a/components/interactive/links/link-partner/link-partner.types.ts b/components/interactive/links/link-partner/link-partner.types.ts index 3fdbd35..cbc36e0 100644 --- a/components/interactive/links/link-partner/link-partner.types.ts +++ b/components/interactive/links/link-partner/link-partner.types.ts @@ -9,6 +9,8 @@ export const partnerNames = [ 'white-star-capital', 'seed-club-ventures', 'thomas-howell', + 'nima-ashgari', + 'triplicate', ] as const export type PartnerName = (typeof partnerNames)[number] @@ -22,4 +24,6 @@ export interface Partner { imageSrc?: string imageScale?: number name: string + offsetX?: number // +/- integer percent + offsetY?: number // +/- integer percent } diff --git a/public/partner/seed-club-ventures.png b/public/partner/seed-club-ventures.png new file mode 100644 index 0000000..cb876c5 Binary files /dev/null and b/public/partner/seed-club-ventures.png differ diff --git a/public/partner/seed-club-ventures.svg b/public/partner/seed-club-ventures.svg deleted file mode 100644 index 9808d73..0000000 --- a/public/partner/seed-club-ventures.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/partner/triplicate.svg b/public/partner/triplicate.svg new file mode 100644 index 0000000..4f1dd17 --- /dev/null +++ b/public/partner/triplicate.svg @@ -0,0 +1 @@ + \ No newline at end of file