diff --git a/reflex/.templates/apps/blank/assets/favicon.ico b/reflex/.templates/apps/blank/assets/favicon.ico index 166ae995e..98c2ca6a8 100644 Binary files a/reflex/.templates/apps/blank/assets/favicon.ico and b/reflex/.templates/apps/blank/assets/favicon.ico differ diff --git a/reflex/.templates/apps/blank/code/blank.py b/reflex/.templates/apps/blank/code/blank.py index c0de6e44f..838b8322b 100644 --- a/reflex/.templates/apps/blank/code/blank.py +++ b/reflex/.templates/apps/blank/code/blank.py @@ -16,16 +16,28 @@ def index() -> rx.Component: return rx.container( rx.color_mode.button(position="top-right"), rx.vstack( - rx.heading("Welcome to Reflex!", size="9"), + rx.heading("Welcome to Reflex ✨", size="9"), rx.text( - "Get started by editing ", - rx.code(f"{config.app_name}/{config.app_name}.py"), - size="5", + "You can edit this page by modifying the code in the file below.", ), - rx.link( - rx.button("Check out our docs!"), - href="https://reflex.dev/docs/getting-started/introduction/", - is_external=True, + rx.text("Need help? 🤔 Check out the documentation."), + rx.code(f"{config.app_name}/{config.app_name}.py"), + rx.text("Happy coding! 🎉"), + rx.card( + rx.link( + rx.flex( + rx.avatar(src="https://reflex.dev/reflex_banner.png"), + rx.box( + rx.heading("Quick Start 🚀"), + rx.text("Get started with Reflex before your coffee ☕"), + ), + spacing="3", + ), + href="https://reflex.dev/docs/getting-started/introduction/", + target="_blank", + underline="none", + ), + as_child=True, ), spacing="5", justify="center",