From ae4a112fff97602d84bc7806dbd788620ef6da98 Mon Sep 17 00:00:00 2001 From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com> Date: Fri, 16 Aug 2024 10:31:15 -0400 Subject: [PATCH] feat(nx-dev): add Monorepo World banner to hero Integrate a new Monorepo World banner with animations in the hero section using framer-motion. Updated the UI icons library to include Monorepo World icon and relevant SVG file. --- .../monorepoworld-vertical-banner.avif | Bin 0 -> 6061 bytes nx-dev/ui-home/src/lib/hero.tsx | 106 +++++++++++++++--- nx-dev/ui-icons/src/index.ts | 15 ++- nx-dev/ui-icons/src/lib/monorepo-world.tsx | 14 +++ 4 files changed, 112 insertions(+), 23 deletions(-) create mode 100644 nx-dev/nx-dev/public/images/conferences/monorepoworld-vertical-banner.avif create mode 100644 nx-dev/ui-icons/src/lib/monorepo-world.tsx diff --git a/nx-dev/nx-dev/public/images/conferences/monorepoworld-vertical-banner.avif b/nx-dev/nx-dev/public/images/conferences/monorepoworld-vertical-banner.avif new file mode 100644 index 0000000000000000000000000000000000000000..4c3629945e91e499ef8d9144673a8279a76fc648 GIT binary patch literal 6061 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 Sn)Q0-ihi^w#-->Nm;VFO%Rwgq literal 0 HcmV?d00001 diff --git a/nx-dev/ui-home/src/lib/hero.tsx b/nx-dev/ui-home/src/lib/hero.tsx index c6042d79e7189e..4a0aefa8d9fd89 100644 --- a/nx-dev/ui-home/src/lib/hero.tsx +++ b/nx-dev/ui-home/src/lib/hero.tsx @@ -6,6 +6,8 @@ import { Theme, useTheme } from '@nx/nx-dev/ui-theme'; import { useState } from 'react'; import Link from 'next/link'; import { useIsomorphicLayoutEffect } from '@nx/nx-dev/ui-primitives'; +import { MonorepoWorldIcon } from '@nx/nx-dev/ui-icons'; +import { motion, MotionConfig } from 'framer-motion'; export function Hero(): JSX.Element { return ( @@ -23,23 +25,6 @@ export function Hero(): JSX.Element {
-
-
- - Monorepo World - {' '} - - The conf for monorepos and dev tooling.{' '} - - - Find out more - -
-
Smart @@ -96,6 +81,93 @@ export function Hero(): JSX.Element { Contact us
+
+ + +
+
+
+ MonorepoWorld conference image + {/*
+
+

+ + + The Nx team will be at Monorepo World! + +

+

+ The ultimate conference for{' '} + monorepos and + developer{' '} + tooling on 0ct. + 7. 2024, Mountain View, CA. +

+
+ {/*
*/} + {/* */} + {/* Join us*/} + {/* */} + {/*
*/} +
+
+ {/**/} + {/* */} + {/* + +
diff --git a/nx-dev/ui-icons/src/index.ts b/nx-dev/ui-icons/src/index.ts index 86209781a8dc05..5e6e5dbdee37bf 100644 --- a/nx-dev/ui-icons/src/index.ts +++ b/nx-dev/ui-icons/src/index.ts @@ -73,6 +73,15 @@ export * from './lib/customers/zipari'; export * from './lib/editors/jetbrains'; export * from './lib/editors/visual-studio-code'; +// OTHERS +export * from './lib/monorepo-world'; + +// PODCASTS +export * from './lib/podcasts/amazon-music'; +export * from './lib/podcasts/apple-podcasts'; +export * from './lib/podcasts/i-heart-radio'; +export * from './lib/podcasts/spotify'; + // PRODUCTS export * from './lib/products'; @@ -119,9 +128,3 @@ export * from './lib/technologies/vite'; export * from './lib/technologies/vitest'; export * from './lib/technologies/vue'; export * from './lib/technologies/webpack'; - -// PODCASTS -export * from './lib/podcasts/amazon-music'; -export * from './lib/podcasts/apple-podcasts'; -export * from './lib/podcasts/i-heart-radio'; -export * from './lib/podcasts/spotify'; diff --git a/nx-dev/ui-icons/src/lib/monorepo-world.tsx b/nx-dev/ui-icons/src/lib/monorepo-world.tsx new file mode 100644 index 00000000000000..a416ea8476618c --- /dev/null +++ b/nx-dev/ui-icons/src/lib/monorepo-world.tsx @@ -0,0 +1,14 @@ +import { ComponentPropsWithoutRef } from 'react'; + +export function MonorepoWorldIcon(props: ComponentPropsWithoutRef<'svg'>) { + return ( + + + + ); +}