diff --git a/package.json b/package.json index 4b0e090ca..1a077a081 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@appwrite.io/pink": "0.25.0", "@appwrite.io/pink-icons": "0.25.0", "@appwrite.io/pink-icons-svelte": "1.0.0-next.7", - "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@246", + "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@80bc5a3", "@popperjs/core": "^2.11.8", "@sentry/sveltekit": "^8.38.0", "@stripe/stripe-js": "^3.5.0", diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/domains/add-domain/+page.svelte index 56c57c161..55c1d248a 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/domains/add-domain/+page.svelte +++ b/src/routes/(console)/project-[project]/sites/site-[site]/domains/add-domain/+page.svelte @@ -9,7 +9,15 @@ import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; import { ResourceType, type Models } from '@appwrite.io/console'; - import { Alert, Badge, Divider, Fieldset, Layout, Typography } from '@appwrite.io/pink-svelte'; + import { + Alert, + Accordion, + Badge, + Divider, + Fieldset, + Layout, + Typography + } from '@appwrite.io/pink-svelte'; import RecordsCard from '../recordsCard.svelte'; const backPage = `${base}/project-${$page.params.project}/sites/site-${$page.params.site}/domains`; @@ -56,6 +64,24 @@ }); } } + + type DomainTips = { + title: string; + message: string; + }; + + const siteDomainTips: DomainTips[] = [ + { + title: 'Why a Top-Level Domain (TLD) matters for your site?', + message: + 'A custom TLD helps create a unique web address, improves brand recognition, and makes your domain more memorable.' + }, + { + title: 'What is DNS and why do you need it?', + message: + "DNS (Domain Name System) translates your domain name into an IP address, directing visitors to your website. It's essential for making your site accessible and ensuring it loads properly for users." + } + ]; @@ -102,7 +128,16 @@ {/if} - tips + + + + {#each siteDomainTips as tips} + + {tips.message} + + {/each} + +