mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-27 15:10:00 +00:00
20 lines
820 B
JavaScript
20 lines
820 B
JavaScript
const HeroWithImage = () => {
|
|
return <div
|
|
className="hero min-h-screen"
|
|
style={{ backgroundImage: 'url(https://daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.jpg)' }}
|
|
>
|
|
<div className="hero-overlay bg-opacity-60"></div>
|
|
<div className="hero-content text-center text-neutral-content">
|
|
<div className="max-w-md">
|
|
<h1 className="mb-5 text-5xl font-bold">Hello there</h1>
|
|
<p className="mb-5">
|
|
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
|
|
</p>
|
|
<button className="btn btn-primary">Get Started</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
export default HeroWithImage
|