<section class=”hero”>
<div class=”container”>
<h1>Transform your business with SAP expertise</h1>
<p>Global solutions. Local execution.</p>
<a href=”#” class=”btn-primary”>Discover more</a>
</div>
</section>
.hero {
background: url(‘https://www.epiuse.com/wp-content/uploads/hero.jpg’) center/cover no-repeat;
height: 90vh;
display: flex;
align-items: center;
color: #fff;
}
.hero h1 {
font-size: 48px;
font-weight: 700;
}
.btn-primary {
background: #7a00ff;
color: #fff;
padding: 12px 28px;
text-decoration: none;
border-radius: 4px;
}