Hero Sections
Supercharge your web applications
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { useState } from 'react'
import { Switch } from '@headlessui/react'
function Example() {
const [enabled, setEnabled] = useState(true)
return (
<form action="/notification-settings" method="post">
<Switch checked={enabled} onChange={setEnabled} name="notifications">
{/* ... */}
</Switch>
<button>Submit</button>
</form>
)
}Supercharge your web applications
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { useState } from 'react'
import { Switch } from '@headlessui/react'
function Example() {
const [enabled, setEnabled] = useState(true)
return (
<form action="/notification-settings" method="post">
<Switch checked={enabled} onChange={setEnabled} name="notifications">
{/* ... */}
</Switch>
<button>Submit</button>
</form>
)
}Simple centered
We’re changing the way people connect.
Cupidatat minim id magna ipsum sint dolor qui. Sunt sit in quis cupidatat mollit aute velit. Et labore commodo nulla aliqua proident mollit ullamco exercitation tempor. Sint aliqua anim nulla sunt mollit id pariatur in voluptate cillum.
We’re changing the way people connect.
Cupidatat minim id magna ipsum sint dolor qui. Sunt sit in quis cupidatat mollit aute velit. Et labore commodo nulla aliqua proident mollit ullamco exercitation tempor. Sint aliqua anim nulla sunt mollit id pariatur in voluptate cillum.
with angled image on right
Image tiles
Spit with full image
Hero with app screenshot on dark
Hero with phone mockup
Hero with app screenshot
Simple centered with background image
Spit with screenshot on dark
Split with screenshot
