add platform overview to dropdown

pluralsh · Nov 12, 2024 · 1fcf9fb · 1fcf9fb
1 parent 67d2ffd
commit 1fcf9fb
Show file tree

Hide file tree

Showing 16 changed files with 67 additions and 475 deletions.
diff --git a/public/images/product/architecture.png b/public/images/product/architecture.png
diff --git a/public/images/product/cn-landscape-logo.png b/public/images/product/cn-landscape-logo.png
diff --git a/public/images/product/cncf-logo.svg b/public/images/product/cncf-logo.svg
diff --git a/public/images/product/dotted-line-vertical.png b/public/images/product/dotted-line-vertical.png
diff --git a/public/images/product/features/check-addo-on.png b/public/images/product/features/check-addo-on.png
diff --git a/public/images/product/features/deployment-operator.png b/public/images/product/features/deployment-operator.png
diff --git a/public/images/product/features/services.png b/public/images/product/features/services.png
diff --git a/public/images/product/features/status.png b/public/images/product/features/status.png
diff --git a/public/images/product/gdpr-cert.png b/public/images/product/gdpr-cert.png
diff --git a/public/images/product/lifecycle.png b/public/images/product/lifecycle.png
diff --git a/public/images/product/platform-overview-image.jpg b/public/images/product/platform-overview-image.jpg
diff --git a/src/components/HowPluralWorksComponents.tsx b/src/components/HowPluralWorksComponents.tsx
diff --git a/src/components/NavigationMobile.tsx b/src/components/NavigationMobile.tsx
@@ -1,6 +1,7 @@
 import {
   Accordion,
   ArrowRightIcon,
+  ArrowTopRightIcon,
   Button,
   Divider,
 } from '@pluralsh/design-system'
@@ -12,7 +13,8 @@ import { useIsomorphicLayoutEffect } from 'usehooks-ts'
 import { type NavData, useNavData } from '@src/contexts/NavDataContext'
 
 import useScrollLock from './hooks/useScrollLock'
-import { MainLink, ProductMobileLink } from './Navigation'
+import { PlatformOverviewLinkSC } from './menu/Menu'
+import { MainLink, MainLinkBase, ProductMobileLink } from './Navigation'
 import { type NavContextValue, NavigationFull } from './NavigationFull'
 
 const MobileMainLink = styled(MainLink)(() => ({
@@ -70,6 +72,17 @@ function NavList({ navData }: { navData?: NavData | null }) {
             // @ts-ignore
             style={{ backgroundColor: theme.colors['fill-two'] }}
           >
+            {navItem.link?.title === 'Product' && (
+              <div className="pl-small">
+                <PlatformOverviewLinkSC
+                  as={MainLinkBase}
+                  href="/product"
+                >
+                  <span>Plural Platform Overview</span>
+                  <ArrowTopRightIcon size={18} />
+                </PlatformOverviewLinkSC>
+              </div>
+            )}
             {navItem.subnav?.map((subnavItem) => {
               if (!subnavItem) {
                 return null