.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