Added inverted partner lockup

Author: rscheuer

apps/web/app/(base-org)/brand/(7)/partnerships/page.tsx

@@ -5,6 +5,7 @@ import { PartnershipsLockup } from 'apps/web/app/(base-org)/brand/(7)/partnershi
 import { PartnershipsConstruction } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/2-construction';
 import { PartnershipsLockupSystem } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/3-lockup-system';
 import { PartnershipsLockupExamples } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/4-lockup-examples';
+import { InvertedPartnerLockup } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/inverted-partner-lockup';
 import BrandIndex from 'apps/web/src/components/Brand/Index';
 import { BRAND_PAGES_INDEX } from 'apps/web/app/(base-org)/brand/(main)/page';
 
@@ -28,6 +29,7 @@ export default function Page() {
       <PartnershipsConstruction />
       <PartnershipsLockupSystem />
       <PartnershipsLockupExamples />
+      <InvertedPartnerLockup />
 
       <BrandIndex index={FINAL_INDEX} hasHeading />
     </>

apps/web/app/(base-org)/brand/(7)/partnerships/sections/inverted-partner-lockup/index.tsx

@@ -0,0 +1,30 @@
+import { ImageComponent, SvgImport } from 'apps/web/src/components/Brand/Image';
+import SubBrandsLockupSvg from './inverted-partner-lockup.svg';
+
+const svg = SubBrandsLockupSvg as SvgImport;
+
+const images = [
+  {
+    src: svg.src,
+    alt: 'Inverted Partner Lockup',
+    width: svg.width,
+    height: svg.height,
+  },
+];
+
+export function InvertedPartnerLockup() {
+  return (
+    <ImageComponent
+      id="inverted-partner-lockup"
+      title="Inverted Partner Lockup"
+      description={
+        <>
+          If you’re creating assets for your own launch or submitting them for Base amplification,
+          your logo should come first, followed by the Base logo. This shows that Base is supporting
+          your launch, while keeping both brands visible.
+        </>
+      }
+      images={images}
+    />
+  );
+}