From b3d02a8b49761b772af107a505f4e4c899501b75 Mon Sep 17 00:00:00 2001
From: Andrey Cheptsov <andrey.cheptsov@github.com>
Date: Wed, 13 May 2026 12:49:22 +0200
Subject: [PATCH 1/2] Update project type copy

---
 .../src/App/Login/LoginByGithub/index.tsx     | 63 ++++++++++++++-----
 .../Login/LoginByGithub/styles.module.scss    |  2 +-
 .../pages/Project/CreateWizard/constants.ts   | 17 ++---
 .../src/pages/Project/CreateWizard/index.tsx  | 39 +++++++-----
 mkdocs/overrides/home.html                    |  4 +-
 5 files changed, 85 insertions(+), 40 deletions(-)

diff --git a/frontend/src/App/Login/LoginByGithub/index.tsx b/frontend/src/App/Login/LoginByGithub/index.tsx
index d6e0223c5b..28e99d1996 100644
--- a/frontend/src/App/Login/LoginByGithub/index.tsx
+++ b/frontend/src/App/Login/LoginByGithub/index.tsx
@@ -228,7 +228,27 @@ function ProductOverview() {
                             </dt>
                             <dt>dstack Sky</dt>
 
-                            <dd>Your cloud accounts</dd>
+                            <dd>
+                                Bring Your Own Cloud{' '}
+                                <Popover
+                                    header="Bring Your Own Cloud (BYOC)"
+                                    content={
+                                        <>
+                                            <Box variant="p">
+                                                Use compute from your own cloud account(s) by providing your credentials.
+                                            </Box>
+                                            <Box variant="p">
+                                                You pay for compute and storage usage directly to the configured cloud
+                                                provider(s) through their billing. <code>dstack</code> won't bill or charge you.
+                                            </Box>
+                                        </>
+                                    }
+                                >
+                                    <Link variant="info">
+                                        <Icon name="status-info" size="small" />
+                                    </Link>
+                                </Popover>
+                            </dd>
                             <dd>
                                 <Icon name="check" />
                             </dd>
@@ -237,36 +257,47 @@ function ProductOverview() {
                             </dd>
 
                             <dd>
-                                SSH fleets{' '}
+                                GPU Marketplace{' '}
                                 <Popover
-                                    header="SSH fleets"
-                                    content="If you have a group of on-prem servers accessible via SSH, you can create an SSH fleet."
+                                    header="GPU Marketplace"
+                                    content={
+                                        <>
+                                            <Box variant="p">
+                                                Use compute from multiple cloud providers without needing your own cloud
+                                                account(s).
+                                            </Box>
+                                            <Box variant="p">
+                                                You pay for compute and storage usage directly to <code>dstack</code>. You can
+                                                top up your balance in your <code>dstack</code> user settings.
+                                            </Box>
+                                            <Box variant="p">When you sign up, you get $5 in credits.</Box>
+                                        </>
+                                    }
                                 >
                                     <Link variant="info">
                                         <Icon name="status-info" size="small" />
                                     </Link>
                                 </Popover>
                             </dd>
-                            <dd>
-                                <Icon name="check" />
-                            </dd>
+                            <dd></dd>
                             <dd>
                                 <Icon name="check" />
                             </dd>
 
                             <dd>
-                                GPU marketplace{' '}
+                                SSH fleets{' '}
                                 <Popover
-                                    header="GPU marketplace"
-                                    content="dstack Sky offers the cheapest cloud GPU offers from a variety of supported providers.
-                                    You pay directly to dstack Sky for GPU usage."
+                                    header="SSH fleets"
+                                    content="If you have a group of on-prem servers accessible via SSH, you can create an SSH fleet."
                                 >
                                     <Link variant="info">
                                         <Icon name="status-info" size="small" />
                                     </Link>
                                 </Popover>
                             </dd>
-                            <dd></dd>
+                            <dd>
+                                <Icon name="check" />
+                            </dd>
                             <dd>
                                 <Icon name="check" />
                             </dd>
@@ -283,11 +314,13 @@ function ProductOverview() {
                                 </Popover>
                             </dd>
                             <dd>Configure your own domain</dd>
-                            <dd>Pre-configured *.sky.dstack.ai</dd>
+                            <dd>
+                                Pre-configured <code>*.sky.dstack.ai</code>
+                            </dd>
 
                             <dd>Pricing</dd>
                             <dd>Free</dd>
-                            <dd>Pay only for marketplace GPU</dd>
+                            <dd>Pay only if you use GPU Marketplace</dd>
 
                             <dd></dd>
                             <dd>Self-hosted</dd>
@@ -302,7 +335,7 @@ function ProductOverview() {
                     </Header>
                     <TextContent>
                         <ul>
-                            <li>Use your own cloud accounts or access the cheapest GPUs from our marketplace.</li>
+                            <li>Use compute from your own cloud account(s) or through GPU Marketplace.</li>
                             <li>Create dev environments, run training tasks, and deploy inference services.</li>
                             <li>Manage volumes and fleets.</li>
                             <li>Manage multiple projects and teams.</li>
diff --git a/frontend/src/App/Login/LoginByGithub/styles.module.scss b/frontend/src/App/Login/LoginByGithub/styles.module.scss
index 9904b2bd4d..d3efe6e389 100644
--- a/frontend/src/App/Login/LoginByGithub/styles.module.scss
+++ b/frontend/src/App/Login/LoginByGithub/styles.module.scss
@@ -85,7 +85,7 @@ body {
   padding: 0;
 
   dt {
-    color: cs.$color-text-body-secondary;
+    color: cs.$color-text-body-default;
     font-weight: bold;
   }
   
diff --git a/frontend/src/pages/Project/CreateWizard/constants.ts b/frontend/src/pages/Project/CreateWizard/constants.ts
index 3e7321a7e6..7050b02681 100644
--- a/frontend/src/pages/Project/CreateWizard/constants.ts
+++ b/frontend/src/pages/Project/CreateWizard/constants.ts
@@ -1,13 +1,16 @@
 export const projectTypeOptions = [
     {
-        label: 'GPU marketplace',
-        description:
-            'Find the cheapest GPUs available in our marketplace. Enjoy $5 in free credits, and easily top up your balance with a credit card.',
-        value: 'gpu_marketplace',
+        label: 'Bring Your Own Cloud',
+        description: 'Use compute from your own cloud account(s) by providing your credentials.',
+        billing_notes:
+            "You pay for compute and storage usage directly to the configured cloud provider(s) through their billing. dstack won't bill or charge you.",
+        value: 'own_cloud',
     },
     {
-        label: 'Your cloud accounts',
-        description: 'Connect and manage your cloud accounts. dstack supports all major GPU cloud providers.',
-        value: 'own_cloud',
+        label: 'GPU Marketplace',
+        description: 'Use compute from multiple cloud providers without needing your own cloud account(s).',
+        billing_notes:
+            'You pay for compute and storage usage directly to dstack. You can top up your balance in your dstack user settings.',
+        value: 'gpu_marketplace',
     },
 ];
diff --git a/frontend/src/pages/Project/CreateWizard/index.tsx b/frontend/src/pages/Project/CreateWizard/index.tsx
index ecf2d413e5..d2ffa2aee9 100644
--- a/frontend/src/pages/Project/CreateWizard/index.tsx
+++ b/frontend/src/pages/Project/CreateWizard/index.tsx
@@ -8,6 +8,7 @@ import { WizardProps } from '@cloudscape-design/components';
 import { TilesProps } from '@cloudscape-design/components/tiles';
 
 import {
+    Alert,
     Cards,
     Container,
     FormCards,
@@ -127,7 +128,7 @@ export const CreateProjectWizard: React.FC = () => {
     const formMethods = useForm<IProjectWizardForm>({
         resolver,
         defaultValues: {
-            project_type: 'gpu_marketplace',
+            project_type: 'own_cloud',
             fleet: {
                 ...fleetFormDefaultValues,
                 enable_default: true,
@@ -137,6 +138,7 @@ export const CreateProjectWizard: React.FC = () => {
 
     const { handleSubmit, control, watch, trigger, formState, getValues, setValue, setError } = formMethods;
     const formValues = watch();
+    const selectedProjectTypeOption = projectTypeOptions.find(({ value }) => value === formValues['project_type']);
 
     const onCancelHandler = () => {
         navigate(ROUTES.PROJECT.LIST);
@@ -365,18 +367,26 @@ export const CreateProjectWizard: React.FC = () => {
                                     />
 
                                     <div>
-                                        <FormField
-                                            label={t('projects.edit.project_type')}
-                                            description={t('projects.edit.project_type_description')}
-                                            errorText={formState.errors.project_type?.message}
-                                        >
-                                            <FormTiles
-                                                control={control}
-                                                name="project_type"
-                                                items={projectTypeOptions}
-                                                onChange={onChangeProjectTypeHandler}
-                                            />
-                                        </FormField>
+                                        <SpaceBetween direction="vertical" size="s">
+                                            <FormField
+                                                label={t('projects.edit.project_type')}
+                                                description={t('projects.edit.project_type_description')}
+                                                errorText={formState.errors.project_type?.message}
+                                            >
+                                                <FormTiles
+                                                    control={control}
+                                                    name="project_type"
+                                                    items={projectTypeOptions}
+                                                    onChange={onChangeProjectTypeHandler}
+                                                />
+                                            </FormField>
+
+                                            {selectedProjectTypeOption?.billing_notes && (
+                                                <FormField label={t('billing.title')}>
+                                                    <Alert type="success">{selectedProjectTypeOption.billing_notes}</Alert>
+                                                </FormField>
+                                            )}
+                                        </SpaceBetween>
                                     </div>
                                 </SpaceBetween>
                             </Container>
@@ -463,8 +473,7 @@ export const CreateProjectWizard: React.FC = () => {
                                         },
                                         {
                                             label: t('projects.edit.project_type'),
-                                            value: projectTypeOptions.find(({ value }) => value === formValues['project_type'])
-                                                ?.label,
+                                            value: selectedProjectTypeOption?.label,
                                         },
                                         {
                                             label: t('projects.edit.backends'),
diff --git a/mkdocs/overrides/home.html b/mkdocs/overrides/home.html
index 20bb304ed2..18cec1fa2f 100644
--- a/mkdocs/overrides/home.html
+++ b/mkdocs/overrides/home.html
@@ -987,7 +987,7 @@ <h2>dstack Sky</h2>
 
                 <div class="tx-landing__bottom_cta_card_panel">
                     <div class="tx-landing__bottom_cta_card_text">
-                        <p>Hosted by us. Bring your own cloud, or tap into marketplace.</p>
+                        <p>Hosted by us. Bring your own clouds, or tap into GPU marketplace.</p>
                     </div>
                     <div class="tx-landing__bottom_cta_card_button_panel">
                         <div>
@@ -998,7 +998,7 @@ <h2>dstack Sky</h2>
                         </div>
 
                         <div class="tx-landing__bottom_cta_card_button_subheader">
-                            Get $5 in GPU credits. Already have an account? <a href="https://sky.dstack.ai" target="_blank"
+                            Get $5 in GPU marketplace credits. Have an account? <a href="https://sky.dstack.ai" target="_blank"
                                 class="tx-footer__section-link external">Sign in</a>
                         </div>
                     </div>

From fd384c8ac4460a3b3778c76ba21d2f4cf80afefd Mon Sep 17 00:00:00 2001
From: Andrey Cheptsov <andrey.cheptsov@github.com>
Date: Wed, 13 May 2026 13:28:14 +0200
Subject: [PATCH 2/2] Adjust project type capitalization

---
 frontend/src/App/Login/LoginByGithub/index.tsx       | 12 ++++++------
 frontend/src/pages/Project/CreateWizard/constants.ts |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App/Login/LoginByGithub/index.tsx b/frontend/src/App/Login/LoginByGithub/index.tsx
index 28e99d1996..61ce317cc8 100644
--- a/frontend/src/App/Login/LoginByGithub/index.tsx
+++ b/frontend/src/App/Login/LoginByGithub/index.tsx
@@ -229,9 +229,9 @@ function ProductOverview() {
                             <dt>dstack Sky</dt>
 
                             <dd>
-                                Bring Your Own Cloud{' '}
+                                Bring your own cloud{' '}
                                 <Popover
-                                    header="Bring Your Own Cloud (BYOC)"
+                                    header="Bring your own cloud (BYOC)"
                                     content={
                                         <>
                                             <Box variant="p">
@@ -257,9 +257,9 @@ function ProductOverview() {
                             </dd>
 
                             <dd>
-                                GPU Marketplace{' '}
+                                GPU marketplace{' '}
                                 <Popover
-                                    header="GPU Marketplace"
+                                    header="GPU marketplace"
                                     content={
                                         <>
                                             <Box variant="p">
@@ -320,7 +320,7 @@ function ProductOverview() {
 
                             <dd>Pricing</dd>
                             <dd>Free</dd>
-                            <dd>Pay only if you use GPU Marketplace</dd>
+                            <dd>Pay only if you use GPU marketplace</dd>
 
                             <dd></dd>
                             <dd>Self-hosted</dd>
@@ -335,7 +335,7 @@ function ProductOverview() {
                     </Header>
                     <TextContent>
                         <ul>
-                            <li>Use compute from your own cloud account(s) or through GPU Marketplace.</li>
+                            <li>Use compute from your own cloud account(s) or through GPU marketplace.</li>
                             <li>Create dev environments, run training tasks, and deploy inference services.</li>
                             <li>Manage volumes and fleets.</li>
                             <li>Manage multiple projects and teams.</li>
diff --git a/frontend/src/pages/Project/CreateWizard/constants.ts b/frontend/src/pages/Project/CreateWizard/constants.ts
index 7050b02681..415fa8c204 100644
--- a/frontend/src/pages/Project/CreateWizard/constants.ts
+++ b/frontend/src/pages/Project/CreateWizard/constants.ts
@@ -1,13 +1,13 @@
 export const projectTypeOptions = [
     {
-        label: 'Bring Your Own Cloud',
+        label: 'Bring your own cloud',
         description: 'Use compute from your own cloud account(s) by providing your credentials.',
         billing_notes:
             "You pay for compute and storage usage directly to the configured cloud provider(s) through their billing. dstack won't bill or charge you.",
         value: 'own_cloud',
     },
     {
-        label: 'GPU Marketplace',
+        label: 'GPU marketplace',
         description: 'Use compute from multiple cloud providers without needing your own cloud account(s).',
         billing_notes:
             'You pay for compute and storage usage directly to dstack. You can top up your balance in your dstack user settings.',