diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome.png index 5c018f3b47b98..361e69308ba9b 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome.png differ diff --git a/frontend/public/3000/3000-launch.png b/frontend/public/3000/3000-launch.png new file mode 100644 index 0000000000000..f78f40dc940c9 Binary files /dev/null and b/frontend/public/3000/3000-launch.png differ diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss index 6010d7179b0ee..5ef3ae055c660 100644 --- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss +++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss @@ -1,7 +1,13 @@ -.welcome-card { +.SidePanelWelcome__card { background: var(--primary-alt-highlight-3000); body[theme='dark'] & { - background: #2b2b33; + background: #2a2b31; // One-off for cards, do not use anywhere else } } + +.SidePanelWelcome__hero { + background: url('../../../../../public/3000/3000-launch.png') no-repeat; + background-position: right min(-5rem + 45%, 0rem) bottom; + background-size: 22.875rem auto; +} diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx index b81b95b28e4be..9917880d1ebce 100644 --- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx +++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx @@ -44,7 +44,9 @@ type CardProps = { } const Card = ({ children, className }: CardProps): JSX.Element => ( -
- We're past zero to one.
-
- In this new version of PostHog, we're going from one… to 3000.
-
- And this is just the beginning.
-
We're past 0 to 1.
++ It's time to go from 1 to 3000. And this is just the beginning… +
+