@@ -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" ;
1417import { NavLink , useLocation , useRevalidator } from "@remix-run/react" ;
1518import { atom } from "nanostores" ;
1619import { 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