Skip to content

Commit 7decfeb

Browse files
authored
feat: Add Inception banner instead of navigation item (#5414)
## Description <img width="263" height="534" alt="image" src="https://github.com/user-attachments/assets/2618295b-fd34-425f-9339-b278b60365d7" />
1 parent 1963572 commit 7decfeb

File tree

1 file changed

+22
-13
lines changed

1 file changed

+22
-13
lines changed

apps/builder/app/dashboard/dashboard.tsx

Lines changed: 22 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,11 @@ import {
99
css,
1010
globalCss,
1111
theme,
12+
PanelBanner,
13+
Link,
14+
buttonStyle,
1215
} from "@webstudio-is/design-system";
13-
import { AiIcon, BodyIcon, ExtensionIcon } from "@webstudio-is/icons";
16+
import { BodyIcon, ExtensionIcon } from "@webstudio-is/icons";
1417
import { NavLink, useLocation, useRevalidator } from "@remix-run/react";
1518
import { atom } from "nanostores";
1619
import { useStore } from "@nanostores/react";
@@ -202,12 +205,6 @@ export const Dashboard = () => {
202205
prefix: <ExtensionIcon />,
203206
children: "Welcome",
204207
},
205-
{
206-
to: "https://wstd.us/inception",
207-
target: "_blank",
208-
prefix: <AiIcon />,
209-
children: "Inception (Beta)",
210-
},
211208
]
212209
: [
213210
{
@@ -220,12 +217,6 @@ export const Dashboard = () => {
220217
prefix: <ExtensionIcon />,
221218
children: "Starter templates",
222219
},
223-
{
224-
to: "https://wstd.us/inception",
225-
target: "_blank",
226-
prefix: <AiIcon />,
227-
children: "Inception (Beta)",
228-
},
229220
]
230221
}
231222
/>
@@ -241,6 +232,24 @@ export const Dashboard = () => {
241232
/>
242233
</CollapsibleSection>
243234
</nav>
235+
<PanelBanner>
236+
<Text variant="titles">Inception is live</Text>
237+
<Text color="subtle">
238+
An AI-powered design tool to explore ideas and instantly generate
239+
HTML/CSS for Webstudio Builder or any other platform.
240+
</Text>
241+
<Link
242+
className={buttonStyle({
243+
color: "gradient",
244+
})}
245+
underline="none"
246+
href="https://wstd.us/inception"
247+
target="_blank"
248+
color="contrast"
249+
>
250+
Get started with Inception
251+
</Link>
252+
</PanelBanner>
244253
</Flex>
245254
{view === "projects" && (
246255
<Projects

0 commit comments

Comments
 (0)