<header
class="flex flex-row gap-4 justify-between items-center border border-neutral-200 p-4 rounded-lg"
>
<a href="#"><img src={illustrasiImage} alt="Your Logo" /></a>
<div class="hidden sm:flex flex-row gap-4 items-center">
<button
type="button"
class="ina-button ina-button--tertiary ina-button--md text-content-primary"
>
<span class="ina-button__text">Home</span>
</button>
<button
type="button"
class="ina-button ina-button--tertiary ina-button--md text-content-primary"
>
<span class="ina-button__text">About</span>
</button>
<button
type="button"
class="ina-button ina-button--tertiary ina-button--md text-content-primary"
>
<span class="ina-button__text">Service</span>
</button>
<button
type="button"
class="ina-button ina-button--tertiary ina-button--md text-content-primary"
>
<span class="ina-button__text">Contact</span>
</button>
</div>
<button type="button" class="ina-button ina-button--primary ina-button--md">
<span class="ina-button__text">Get Started</span>
</button>
</header>
