.hero-banner {
background: url('YOUR_IMAGE_URL') center/cover no-repeat;
height: 60vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.hero-banner h1 {
font-size: 3em;
color: #fff;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.hero-banner button {
background: #0f7a32;
color: white;
padding: 15px 30px;
font-size: 1.2em;
border: none;
cursor: pointer;
margin-top: 20px;
}
top of page
bottom of page
