Hero section

A hero section using Material UI components and Croct.

Author

Material UI

Stack

Introduction

This template adds the hero section from Material UI marketing page template to your project.

It comes fully integrated with Croct, giving you CMS, AB testing, and personalization out of the box.

To create a new project using this template, run:

npx croct@latest use material-ui://block/hero-section
Run

You can customize the template by specifying options:

npx croct@latest use material-ui://block/hero-section --router=page
Run

The following options are available for this template:

Option	Description	Required	Default
projectName	The name of the project.	No	my-app
version	The Next.js version to use.	No	latest
router	The router to use (app or page).	No	app
javascript	Whether to use JavaScript instead of TypeScript.	No	false

Other templates from

Material UI

A testimonials section using Material UI components and Croct.

A FAQ section using Material UI components and Croct.

A pricing section using Material UI components and Croct.

A navbar using Material UI components and Croct.

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest init