change homepage

Author: jennieramida

models/homepage.go

@@ -49,6 +49,7 @@ func (m *Homepage) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (m *Homepage) View() string {
-	view := styles.DefaultText("Hi 👋🏻 Weave is a CLI for managing Initia deployments.\n\n") + styles.RenderPrompt("What would you like to do today?", []string{}, styles.Question) + m.Selector.View()
+	view := styles.FadeText("Welcome to Weave! 🪢  CLI for managing Initia deployments.\n\n")
+	view += styles.RenderPrompt("What would you like to do today?", []string{}, styles.Question) + m.Selector.View()
 	return view
 }

models/initialize.go

@@ -33,11 +33,19 @@ func (m *ExistingAppChecker) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (m *ExistingAppChecker) View() string {
-	view := styles.DefaultText("Hi 👋🏻 Weave is a CLI for managing Initia deployments.\n\n")
+	view := styles.FadeText("Welcome to Weave! 🪢\n\n")
+
+	view += styles.RenderPrompt("As this is your first time using Weave, we ask that you set up your Gas Station account,\nwhich will hold the necessary funds for the OPinit-bots or relayer to send transactions.\n\n", []string{"Gas Station account"}, styles.Empty)
+
+	view += styles.BoldText("Please note that Weave will not send any transactions without your confirmation.\n", styles.Yellow)
+
+	view += styles.Text("While you can complete this setup later, we recommend doing it now to ensure a smoother experience.\n\n", styles.Gray)
+
+	// TODO add new step to ask if user want to set up gas station account or not, if not we will skip to the next step
 
 	view += styles.RenderPrompt("Please set up a Gas Station account", []string{"Gas Station account"}, styles.Question) +
 		" " + styles.Text("(The account that will hold the funds required by the OPinit-bots or relayer to send transactions)", styles.Gray)
-	view += "\n" + m.TextInput.View()
+	view += m.TextInput.View()
 
 	return view
 }

styles/color.go

@@ -6,7 +6,7 @@ const (
 	White    HexColor = "#FFFFFF"
 	Ivory    HexColor = "#EEEEEE"
 	Cyan     HexColor = "#27D8FF"
-	DarkCyan HexColor = "#008B8B"
+	DarkCyan HexColor = "#178299"
 	Green    HexColor = "#B0EE5F"
 	Gray     HexColor = "#808080"
 	Red      HexColor = "#FF5656"

styles/text.go

@@ -60,14 +60,14 @@ func Cursor(cursorChar string) string {
 
 func FadeText(text string) string {
 	fadedColors := []HexColor{
-		"#00FFFF", // Cyan
-		"#00EEEE", // Intermediate color 1
-		"#00DDDD", // Intermediate color 2
-		"#00CCCC", // Intermediate color 3
-		"#00BBBB", // Intermediate color 4
-		"#00AAAA", // Intermediate color 5
-		"#009999", // Intermediate color 6
-		"#008B8B", // DarkCyan
+		"#27D8FF", // Cyan
+		"#25ccf0", // Intermediate color 1
+		"#22bfe2", // Intermediate color 2
+		"#20b3d3", // Intermediate color 3
+		"#1ea7c5", // Intermediate color 4
+		"#1c9bb6", // Intermediate color 5
+		"#198ea8", // Intermediate color 6
+		"#178299", // DarkCyan
 	}
 
 	result := ""