diff options
Diffstat (limited to 'src/components/widgets/Header.astro')
| -rw-r--r-- | src/components/widgets/Header.astro | 35 |
1 files changed, 31 insertions, 4 deletions
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro index 0064a30..f5d5236 100644 --- a/src/components/widgets/Header.astro +++ b/src/components/widgets/Header.astro @@ -1,14 +1,41 @@ --- import { Icon } from 'astro-icon/components'; +import { SITE } from 'astrowind:config'; --- <header class="bg-black text-white py-2 px-4"> - <div class="max-w-7xl mx-auto flex items-center justify-center"> + <div class="max-w-7xl mx-auto flex items-center justify-between"> <div class="flex items-center space-x-2"> <Icon name="tabler:phone" class="w-4 h-4" /> - <a href="tel:+48790209770" class="text-sm font-medium hover:text-gray-300 transition-colors"> - +48 790-209-770 - </a> + <a href="tel:+48790209770" class="text-sm font-medium hover:text-gray-300 transition-colors"> +48 790-209-770 </a> </div> + { + SITE.social && (SITE.social.facebook || SITE.social.instagram) && ( + <div class="flex items-center space-x-3"> + {SITE.social.facebook && ( + <a + href={SITE.social.facebook} + aria-label="Facebook" + class="text-white hover:text-gray-300 transition-colors" + target="_blank" + rel="noopener noreferrer" + > + <Icon name="tabler:brand-facebook" class="w-4 h-4" /> + </a> + )} + {SITE.social.instagram && ( + <a + href={SITE.social.instagram} + aria-label="Instagram" + class="text-white hover:text-gray-300 transition-colors" + target="_blank" + rel="noopener noreferrer" + > + <Icon name="tabler:brand-instagram" class="w-4 h-4" /> + </a> + )} + </div> + ) + } </div> </header> |