# Hero with email capture and typewriter

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MOqlz037aUCISOXK_3T%2F-MOqmOnraTSsFoGpVc7R%2F12.gif?alt=media\&token=00ce9ef5-4334-43bb-b750-0cfdf1a9394a)

This layout has an **Email capture** similar to the [Hero with email capture](https://softr.gitbook.io/softr-documentation/building-blocks/hero/hero-with-email-capture) layout, but it also has a typewriter effect as shown in the animation above.

In the screenshot below, you can see how the typewriter effect is customized.

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MOqlz037aUCISOXK_3T%2F-MOqn5hvzJDgGATRoJ8C%2F13_b.png?alt=media\&token=ae1eab44-f959-4c6c-8341-a34c63a2f66a)

In the first **Title** field you provide the static text, while in the second **Title** below you are supposed to add the changing pieces of text separated by a comma. Each piece is typed in and is then replaced by the next piece, as you could see in the animation.

Next we have **Type Speed** and **Delete Speed**. Here you set how many milliseconds it should take for one letter to be added/deleted. In the animation below, we've applied a slower transition speed (both **Type Speed** and **Delete Speed** are set to 1000 milliseconds = 1 second), so that you can see how it works.

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MOqlz037aUCISOXK_3T%2F-MOqrcGy9szxRRFm9Kcw%2F14.gif?alt=media\&token=7666e8dc-0293-425e-adb1-6ee705565215)
