diff --git a/src/lib/components/InitAnnouncementBanner.svelte b/src/lib/components/InitAnnouncementBanner.svelte new file mode 100644 index 00000000000..19ab766ae68 --- /dev/null +++ b/src/lib/components/InitAnnouncementBanner.svelte @@ -0,0 +1,56 @@ + + +
diff --git a/src/lib/constants.ts b/src/lib/constants.ts index 4598b73ebd6..04758c3d5d4 100644 --- a/src/lib/constants.ts +++ b/src/lib/constants.ts @@ -41,7 +41,7 @@ export const SOCIAL_STATS: SocialStats = { } }; -export const BANNER_KEY: Banners = 'mongodb-partnership-banner-01'; // Change key to force banner to show again +export const BANNER_KEY: Banners = 'init-banner-03'; // Change key to force banner to show again export const BLOG_POSTS_PER_PAGE = 12; @@ -51,12 +51,14 @@ export const BLOG_POSTS_PER_PAGE = 12; * init-banner-02 * pricing-banner-01 * mongodb-partnership-banner-01 + * init-banner-03 */ type Banners = | 'discord-banner-01' | 'init-banner-02' | 'pricing-banner-01' - | 'mongodb-partnership-banner-01'; + | 'mongodb-partnership-banner-01' + | 'init-banner-03'; export type Social = { icon: string; diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte index 3544aeb8c24..82505f71d7e 100644 --- a/src/lib/layouts/Main.svelte +++ b/src/lib/layouts/Main.svelte @@ -17,6 +17,7 @@ import ProductsMobileSubmenu from '$lib/components/ProductsMobileSubmenu.svelte'; import { trackEvent } from '$lib/actions/analytics'; import MainNav from '$lib/components/MainNav.svelte'; + import InitAnnouncementBanner from '$lib/components/InitAnnouncementBanner.svelte'; import { page } from '$app/stores'; import { getAppwriteDashboardUrl } from '$lib/utils/dashboard'; import { Button, Icon, InlineTag } from '$lib/components/ui'; @@ -180,6 +181,7 @@