Sari la conținutul principal
</a> <!-- Header with navigation --> <header class="sticky top-0 z-50 w-full bg-white/95 backdrop-blur-md border-b border-gray-100 shadow-sm" data-astro-cid-3ef6ksr2> <!-- Announcement Bar (optional) --> <div class="bg-gradient-to-r from-primary-600 to-primary-700 text-white text-center py-1.5 text-sm hidden md:block" data-astro-cid-3ef6ksr2> <p class="px-4" data-astro-cid-3ef6ksr2>
🎉 <strong data-astro-cid-3ef6ksr2>Ofertă Limitată:</strong> -20% la toate albumele foto până pe 31 Decembrie!
<a href="/calculator-pret" class="underline hover:no-underline ml-2" data-astro-cid-3ef6ksr2>Vezi Prețuri →</a> </p> </div> <!-- Main Navigation --> <nav class="relative" aria-label="Navigație principală" data-astro-cid-3ef6ksr2> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-astro-cid-3ef6ksr2> <div class="flex justify-between items-center h-16 md:h-20" data-astro-cid-3ef6ksr2> <!-- Logo & Brand --> <div class="flex items-center flex-shrink-0" data-astro-cid-3ef6ksr2> <a href="/" class="flex items-center space-x-3 group" aria-label="Acasă - Albume Foto România" data-astro-cid-3ef6ksr2> <div class="relative" data-astro-cid-3ef6ksr2> <img src="/logo.svg" alt="Logo Albume Foto" class="h-8 w-8 md:h-10 md:w-10 transition-transform group-hover:scale-110" width="40" height="40" loading="eager" data-astro-cid-3ef6ksr2> <div class="absolute inset-0 bg-primary-600 rounded-full opacity-0 group-hover:opacity-20 transition-opacity blur-xl" data-astro-cid-3ef6ksr2></div> </div> <div class="hidden sm:block" data-astro-cid-3ef6ksr2> <span class="text-xl md:text-2xl font-bold text-gray-900 group-hover:text-primary-600 transition-colors" data-astro-cid-3ef6ksr2>
Albume Foto
</span> <span class="block text-xs text-gray-500" data-astro-cid-3ef6ksr2>România</span> </div> </a> </div> <!-- Desktop Navigation --> <div class="hidden lg:flex lg:items-center lg:space-x-1" data-astro-cid-3ef6ksr2> <!-- Regular Link -->
              <a href="/" class="flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> Acasă  </a><!-- Dropdown Menu -->
              <div class="relative group" data-astro-cid-3ef6ksr2> <button class="flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200
                    text-gray-700 hover:text-primary-600 hover:bg-gray-50" aria-expanded="false" aria-haspopup="true" data-astro-cid-3ef6ksr2> Albume Foto <svg class="ml-1 h-4 w-4 transition-transform group-hover:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-3ef6ksr2></path> </svg> </button> <!-- Dropdown Panel --> <div class="absolute left-0 mt-2 w-64 origin-top-left rounded-xl bg-white shadow-lg ring-1 ring-black ring-opacity-5 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 transform scale-95 group-hover:scale-100" data-astro-cid-3ef6ksr2> <div class="py-2" data-astro-cid-3ef6ksr2> <a href="/albume-foto-nunta" class="block px-4 py-2.5 text-sm transition-colors relative group/item
                          text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> <span class="flex items-center justify-between" data-astro-cid-3ef6ksr2> Albume Nuntă <span class="ml-2 px-2 py-0.5 text-xs font-semibold rounded-full
                              bg-green-100 text-green-800" data-astro-cid-3ef6ksr2> Popular </span> </span> <span class="absolute left-0 top-0 h-full w-0.5 bg-primary-600 transform scale-y-0 group-hover/item:scale-y-100 transition-transform origin-top" data-astro-cid-3ef6ksr2></span> </a><a href="/albume-foto-familie" class="block px-4 py-2.5 text-sm transition-colors relative group/item
                          text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> <span class="flex items-center justify-between" data-astro-cid-3ef6ksr2> Albume Familie  </span> <span class="absolute left-0 top-0 h-full w-0.5 bg-primary-600 transform scale-y-0 group-hover/item:scale-y-100 transition-transform origin-top" data-astro-cid-3ef6ksr2></span> </a><a href="/albume-foto-botez" class="block px-4 py-2.5 text-sm transition-colors relative group/item
                          text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> <span class="flex items-center justify-between" data-astro-cid-3ef6ksr2> Albume Botez  </span> <span class="absolute left-0 top-0 h-full w-0.5 bg-primary-600 transform scale-y-0 group-hover/item:scale-y-100 transition-transform origin-top" data-astro-cid-3ef6ksr2></span> </a><a href="/fotocarti-personalizate" class="block px-4 py-2.5 text-sm transition-colors relative group/item
                          text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> <span class="flex items-center justify-between" data-astro-cid-3ef6ksr2> Fotocarti Personalizate <span class="ml-2 px-2 py-0.5 text-xs font-semibold rounded-full
                              bg-blue-100 text-blue-800" data-astro-cid-3ef6ksr2> Nou </span> </span> <span class="absolute left-0 top-0 h-full w-0.5 bg-primary-600 transform scale-y-0 group-hover/item:scale-y-100 transition-transform origin-top" data-astro-cid-3ef6ksr2></span> </a> </div> </div> </div><!-- Regular Link -->
              <a href="/personalizare-album" class="flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> Personalizare  </a><!-- Regular Link -->
              <a href="/calculator-pret" class="flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> Calculator Preț <span class="ml-2 px-2 py-0.5 text-xs font-semibold rounded-full
                    bg-yellow-100 text-yellow-800" data-astro-cid-3ef6ksr2> Util </span> </a><!-- Regular Link -->
              <a href="/comparatie" class="flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> Comparație  </a><!-- Regular Link -->
              <a href="/galerie" class="flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-3ef6ksr2> Galerie  </a> </div> <!-- CTA & Mobile Toggle --> <div class="flex items-center space-x-3" data-astro-cid-3ef6ksr2> <!-- Desktop CTA --> <a href="/contact" class="hidden md:inline-flex items-center px-4 py-2.5 border border-transparent text-sm font-medium rounded-lg text-white bg-gradient-to-r from-primary-600 to-primary-700 hover:from-primary-700 hover:to-primary-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 transition-all duration-200 shadow-md hover:shadow-lg" data-astro-cid-3ef6ksr2> <svg class="w-4 h-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" data-astro-cid-3ef6ksr2></path> </svg>
Solicită Ofertă
</a> <!-- Quick Actions (Mobile) --> <div class="flex items-center space-x-2 md:hidden" data-astro-cid-3ef6ksr2> <!-- Phone --> <a href="tel:+40123456789" class="p-2 text-gray-600 hover:text-primary-600 transition-colors" aria-label="Sună-ne" data-astro-cid-3ef6ksr2> <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" data-astro-cid-3ef6ksr2></path> </svg> </a> <!-- WhatsApp --> <a href="https://wa.me/40123456789" class="p-2 text-gray-600 hover:text-green-600 transition-colors" aria-label="WhatsApp" data-astro-cid-3ef6ksr2> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.149-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" data-astro-cid-3ef6ksr2></path> </svg> </a> </div> <!-- Mobile Menu Toggle --> <button type="button" class="lg:hidden inline-flex items-center justify-center p-2 rounded-lg text-gray-600 hover:text-primary-600 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500 transition-all duration-200" aria-controls="mobile-menu" aria-expanded="false" onclick="toggleMobileMenu()" data-astro-cid-3ef6ksr2> <span class="sr-only" data-astro-cid-3ef6ksr2>Deschide meniul</span> <!-- Hamburger icon --> <svg class="block h-6 w-6 menu-open" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" data-astro-cid-3ef6ksr2></path> </svg> <!-- Close icon --> <svg class="hidden h-6 w-6 menu-close" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-3ef6ksr2></path> </svg> </button> </div> </div> </div> <!-- Mobile Menu --> <div id="mobile-menu" class="lg:hidden hidden fixed inset-0 z-40" data-astro-cid-6aabv5oc> <!-- Backdrop --> <div class="fixed inset-0 bg-black/50 backdrop-blur-sm" onclick="toggleMobileMenu()" data-astro-cid-6aabv5oc></div> <!-- Menu Panel --> <div class="fixed right-0 top-0 h-full w-full sm:w-80 bg-white shadow-2xl overflow-y-auto" data-astro-cid-6aabv5oc> <!-- Menu Header --> <div class="sticky top-0 bg-white border-b border-gray-100 px-4 py-4 flex items-center justify-between" data-astro-cid-6aabv5oc> <div class="flex items-center space-x-2" data-astro-cid-6aabv5oc> <img src="/logo.svg" alt="Logo" class="h-8 w-8" width="32" height="32" data-astro-cid-6aabv5oc> <span class="text-lg font-bold text-gray-900" data-astro-cid-6aabv5oc>Albume Foto</span> </div> <button onclick="toggleMobileMenu()" class="p-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors" aria-label="Închide meniul" data-astro-cid-6aabv5oc> <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-6aabv5oc> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-6aabv5oc></path> </svg> </button> </div> <!-- Quick Actions --> <div class="px-4 py-4 border-b border-gray-100 bg-gray-50" data-astro-cid-6aabv5oc> <div class="grid grid-cols-2 gap-3" data-astro-cid-6aabv5oc> <a href="tel:+40123456789" class="flex flex-col items-center justify-center p-3 bg-white rounded-lg hover:bg-primary-50 transition-colors group" data-astro-cid-6aabv5oc> <svg class="w-6 h-6 text-primary-600 group-hover:scale-110 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-6aabv5oc> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" data-astro-cid-6aabv5oc></path> </svg> <span class="mt-1 text-xs font-medium text-gray-700" data-astro-cid-6aabv5oc>Sună-ne</span> </a> <a href="https://wa.me/40123456789" class="flex flex-col items-center justify-center p-3 bg-white rounded-lg hover:bg-green-50 transition-colors group" data-astro-cid-6aabv5oc> <svg class="w-6 h-6 text-green-600 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-6aabv5oc> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.149-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" data-astro-cid-6aabv5oc></path> </svg> <span class="mt-1 text-xs font-medium text-gray-700" data-astro-cid-6aabv5oc>WhatsApp</span> </a> </div> </div> <!-- Navigation --> <nav class="px-4 py-6" aria-label="Navigație mobilă" data-astro-cid-6aabv5oc> <ul class="space-y-1" data-astro-cid-6aabv5oc> <li data-astro-cid-6aabv5oc> <!-- Regular link -->
              <a href="/" onclick="item.href !== '#' && toggleMobileMenu()" class="flex items-center justify-between px-4 py-3 font-medium rounded-lg transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Acasă</span>  </a> </li><li data-astro-cid-6aabv5oc> <!-- Accordion for items with children -->
              <details class="group" data-astro-cid-6aabv5oc> <summary class="flex items-center justify-between w-full px-4 py-3 text-left font-medium rounded-lg cursor-pointer transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Albume Foto</span> <svg class="w-4 h-4 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-6aabv5oc> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-6aabv5oc></path> </svg> </summary> <ul class="mt-1 ml-4 space-y-1" data-astro-cid-6aabv5oc> <li data-astro-cid-6aabv5oc> <a href="/albume-foto-nunta" onclick="toggleMobileMenu()" class="flex items-center justify-between px-4 py-2.5 text-sm rounded-lg transition-colors
                          text-gray-600 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Albume Nuntă</span> <span class="px-2 py-0.5 text-xs font-semibold rounded-full
                            bg-green-100 text-green-800" data-astro-cid-6aabv5oc> Popular </span> </a> </li><li data-astro-cid-6aabv5oc> <a href="/albume-foto-familie" onclick="toggleMobileMenu()" class="flex items-center justify-between px-4 py-2.5 text-sm rounded-lg transition-colors
                          text-gray-600 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Albume Familie</span>  </a> </li><li data-astro-cid-6aabv5oc> <a href="/albume-foto-botez" onclick="toggleMobileMenu()" class="flex items-center justify-between px-4 py-2.5 text-sm rounded-lg transition-colors
                          text-gray-600 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Albume Botez</span>  </a> </li><li data-astro-cid-6aabv5oc> <a href="/fotocarti-personalizate" onclick="toggleMobileMenu()" class="flex items-center justify-between px-4 py-2.5 text-sm rounded-lg transition-colors
                          text-gray-600 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Fotocarti Personalizate</span> <span class="px-2 py-0.5 text-xs font-semibold rounded-full
                            bg-blue-100 text-blue-800" data-astro-cid-6aabv5oc> Nou </span> </a> </li> </ul> </details> </li><li data-astro-cid-6aabv5oc> <!-- Regular link -->
              <a href="/personalizare-album" onclick="item.href !== '#' && toggleMobileMenu()" class="flex items-center justify-between px-4 py-3 font-medium rounded-lg transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Personalizare</span>  </a> </li><li data-astro-cid-6aabv5oc> <!-- Regular link -->
              <a href="/calculator-pret" onclick="item.href !== '#' && toggleMobileMenu()" class="flex items-center justify-between px-4 py-3 font-medium rounded-lg transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Calculator Preț</span> <span class="px-2 py-0.5 text-xs font-semibold rounded-full
                    bg-yellow-100 text-yellow-800" data-astro-cid-6aabv5oc> Util </span> </a> </li><li data-astro-cid-6aabv5oc> <!-- Regular link -->
              <a href="/comparatie" onclick="item.href !== '#' && toggleMobileMenu()" class="flex items-center justify-between px-4 py-3 font-medium rounded-lg transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Comparație</span>  </a> </li><li data-astro-cid-6aabv5oc> <!-- Regular link -->
              <a href="/galerie" onclick="item.href !== '#' && toggleMobileMenu()" class="flex items-center justify-between px-4 py-3 font-medium rounded-lg transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Galerie</span>  </a> </li><li data-astro-cid-6aabv5oc> <!-- Regular link -->
              <a href="/contact" onclick="item.href !== '#' && toggleMobileMenu()" class="flex items-center justify-between px-4 py-3 font-medium rounded-lg transition-colors
                  text-gray-700 hover:text-primary-600 hover:bg-gray-50" data-astro-cid-6aabv5oc> <span data-astro-cid-6aabv5oc>Contact</span>  </a> </li> </ul> </nav> <!-- CTA Button --> <div class="px-4 py-4 border-t border-gray-100" data-astro-cid-6aabv5oc> <a href="/contact" onclick="toggleMobileMenu()" class="flex items-center justify-center w-full px-4 py-3 bg-gradient-to-r from-primary-600 to-primary-700 text-white font-medium rounded-lg hover:from-primary-700 hover:to-primary-800 shadow-lg transition-all duration-200" data-astro-cid-6aabv5oc> <svg class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-6aabv5oc> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" data-astro-cid-6aabv5oc></path> </svg>
Solicită Ofertă Gratuită
</a> </div> <!-- Social Links --> <div class="px-4 py-4 border-t border-gray-100" data-astro-cid-6aabv5oc> <p class="text-xs font-medium text-gray-500 uppercase tracking-wider mb-3" data-astro-cid-6aabv5oc>Urmărește-ne</p> <div class="flex items-center space-x-3" data-astro-cid-6aabv5oc> <a href="https://facebook.com/albumefoto" class="p-2 text-gray-600 hover:text-primary-600 transition-colors" aria-label="Urmărește-ne pe Facebook" target="_blank" rel="noopener noreferrer" data-astro-cid-6aabv5oc> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-6aabv5oc> <path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" data-astro-cid-6aabv5oc></path> </svg> </a><a href="https://instagram.com/albumefoto" class="p-2 text-gray-600 hover:text-primary-600 transition-colors" aria-label="Urmărește-ne pe Instagram" target="_blank" rel="noopener noreferrer" data-astro-cid-6aabv5oc> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-6aabv5oc> <path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" data-astro-cid-6aabv5oc></path> </svg> </a><a href="https://youtube.com/@albumefoto" class="p-2 text-gray-600 hover:text-primary-600 transition-colors" aria-label="Urmărește-ne pe YouTube" target="_blank" rel="noopener noreferrer" data-astro-cid-6aabv5oc> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-6aabv5oc> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" data-astro-cid-6aabv5oc></path> </svg> </a><a href="https://wa.me/40123456789" class="p-2 text-gray-600 hover:text-primary-600 transition-colors" aria-label="Contactează-ne pe WhatsApp" target="_blank" rel="noopener noreferrer" data-astro-cid-6aabv5oc> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-6aabv5oc> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.149-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" data-astro-cid-6aabv5oc></path> </svg> </a> </div> </div> <!-- Contact Info --> <div class="px-4 py-4 border-t border-gray-100 bg-gray-50" data-astro-cid-6aabv5oc> <div class="space-y-2 text-sm text-gray-600" data-astro-cid-6aabv5oc> <div class="flex items-center" data-astro-cid-6aabv5oc> <svg class="w-4 h-4 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-6aabv5oc> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-6aabv5oc></path> </svg> <span data-astro-cid-6aabv5oc>Luni - Vineri: 9:00 - 18:00</span> </div> <div class="flex items-center" data-astro-cid-6aabv5oc> <svg class="w-4 h-4 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-6aabv5oc> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" data-astro-cid-6aabv5oc></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" data-astro-cid-6aabv5oc></path> </svg> <span data-astro-cid-6aabv5oc>București, România</span> </div> </div> </div> </div> </div>  </nav> </header>   <!-- Main content area --> <main id="main-content" class="min-h-screen" data-astro-cid-sckkx6r4>   <section class="relative bg-gradient-to-br from-orange-50 to-red-50 overflow-hidden"> <div class="max-w-7xl mx-auto"> <div class="relative z-10 pb-8 sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32"> <main class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28"> <div class="sm:text-center lg:text-left"> <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl"> <span class="block xl:inline">Albume Foto</span> <span class="block text-orange-600 xl:inline">Familie</span> </h1> <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
Păstrează pentru totdeauna momentele frumoase ale familiei tale în <strong>albume foto familie</strong>
personalizate. Vacanțe, sărbători, creșterea copiilor - toate într-un album premium.
</p> <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start"> <div class="rounded-md shadow"> <a href="/calculator-pret?tip=familie" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-orange-600 hover:bg-orange-700 md:py-4 md:text-lg md:px-10 transition-colors">
Creează Albumul Familiei
</a> </div> </div> </div> </main> </div> </div> <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"> <img class="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full" src="/themedesignphotos/05/album-foto-75.jpg" alt="Album foto familie - amintiri frumoase păstrate pentru totdeauna" loading="eager" decoding="async" width="600" height="400"> </div> </section>    </main> <!-- Footer --> <footer class="bg-gradient-to-b from-gray-900 to-gray-950 text-white" data-astro-cid-sz7xmlte> <!-- Newsletter Section --> <div class="bg-primary-600" data-astro-cid-sz7xmlte> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" data-astro-cid-sz7xmlte> <div class="flex flex-col md:flex-row items-center justify-between gap-4" data-astro-cid-sz7xmlte> <div class="text-center md:text-left" data-astro-cid-sz7xmlte> <h3 class="text-xl font-bold" data-astro-cid-sz7xmlte>Abonează-te la Newsletter</h3> <p class="text-primary-100 mt-1" data-astro-cid-sz7xmlte>Primește oferte exclusive și tips pentru albume foto perfecte</p> </div> <form class="w-full md:w-auto flex flex-col sm:flex-row gap-3" data-astro-cid-sz7xmlte> <input type="email" placeholder="Adresa ta de email" required class="px-4 py-2.5 rounded-lg text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-white w-full sm:w-64" data-astro-cid-sz7xmlte> <button type="submit" class="px-6 py-2.5 bg-gray-900 text-white rounded-lg hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-white transition-colors font-medium" data-astro-cid-sz7xmlte>
Abonează-te
</button> </form> </div> </div> </div> <!-- Main Footer Content --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16" data-astro-cid-sz7xmlte> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 lg:gap-12" data-astro-cid-sz7xmlte> <!-- Company Info --> <div class="lg:col-span-2" data-astro-cid-sz7xmlte> <div class="flex items-center space-x-3 mb-4" data-astro-cid-sz7xmlte> <img src="/logo.svg" alt="Logo Albume Foto" class="h-10 w-10 filter brightness-0 invert" width="40" height="40" data-astro-cid-sz7xmlte> <div data-astro-cid-sz7xmlte> <span class="text-2xl font-bold" data-astro-cid-sz7xmlte>Albume Foto</span> <span class="block text-sm text-gray-400" data-astro-cid-sz7xmlte>România</span> </div> </div> <p class="text-gray-300 mb-6 leading-relaxed" data-astro-cid-sz7xmlte>
Specialiști în crearea de albume foto personalizate și fotocarti premium.
          Calitate superioară, prețuri competitive față de PhotoGo și CEWE.
          Livrare rapidă în toată România.
</p> <!-- Trust Badges --> <div class="flex flex-wrap gap-4 mb-6" data-astro-cid-sz7xmlte> <div class="flex items-center space-x-2" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 text-green-400" fill="currentColor" viewBox="0 0 20 20" data-astro-cid-sz7xmlte> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" data-astro-cid-sz7xmlte></path> </svg> <span class="text-sm text-gray-300" data-astro-cid-sz7xmlte>Livrare Gratuită</span> </div> <div class="flex items-center space-x-2" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 text-green-400" fill="currentColor" viewBox="0 0 20 20" data-astro-cid-sz7xmlte> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" data-astro-cid-sz7xmlte></path> </svg> <span class="text-sm text-gray-300" data-astro-cid-sz7xmlte>Garanție 100%</span> </div> </div> <!-- Social Links --> <div class="flex items-center space-x-3" data-astro-cid-sz7xmlte> <a href="https://facebook.com/albumefoto" class="p-2.5 bg-gray-800 rounded-lg text-gray-400 hover:bg-primary-600 hover:text-white transition-all duration-200" aria-label="Urmărește-ne pe Facebook" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-sz7xmlte> <path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" data-astro-cid-sz7xmlte></path> </svg> </a><a href="https://instagram.com/albumefoto" class="p-2.5 bg-gray-800 rounded-lg text-gray-400 hover:bg-primary-600 hover:text-white transition-all duration-200" aria-label="Urmărește-ne pe Instagram" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-sz7xmlte> <path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" data-astro-cid-sz7xmlte></path> </svg> </a><a href="https://youtube.com/@albumefoto" class="p-2.5 bg-gray-800 rounded-lg text-gray-400 hover:bg-primary-600 hover:text-white transition-all duration-200" aria-label="Urmărește-ne pe YouTube" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-sz7xmlte> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" data-astro-cid-sz7xmlte></path> </svg> </a><a href="https://wa.me/40123456789" class="p-2.5 bg-gray-800 rounded-lg text-gray-400 hover:bg-primary-600 hover:text-white transition-all duration-200" aria-label="Contactează-ne pe WhatsApp" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-sz7xmlte> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.149-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" data-astro-cid-sz7xmlte></path> </svg> </a> </div> </div> <!-- Services Links --> <div data-astro-cid-sz7xmlte> <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4" data-astro-cid-sz7xmlte>Servicii</h3> <ul class="space-y-3" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/albume-foto-nunta" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Albume Foto Nuntă </a> </li><li data-astro-cid-sz7xmlte> <a href="/albume-foto-botez" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Albume Foto Botez </a> </li><li data-astro-cid-sz7xmlte> <a href="/albume-foto-familie" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Albume Foto Familie </a> </li><li data-astro-cid-sz7xmlte> <a href="/fotocarti-personalizate" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Fotocarti Personalizate </a> </li><li data-astro-cid-sz7xmlte> <a href="/personalizare-album" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Personalizare Album </a> </li> </ul> </div> <!-- Resources Links --> <div data-astro-cid-sz7xmlte> <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4" data-astro-cid-sz7xmlte>Resurse</h3> <ul class="space-y-3" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculator-pret" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Calculator Preț </a> </li><li data-astro-cid-sz7xmlte> <a href="/comparatie" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Comparație Servicii </a> </li><li data-astro-cid-sz7xmlte> <a href="/galerie" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Galerie Lucrări </a> </li><li data-astro-cid-sz7xmlte> <a href="/ghid-albume" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Ghid Albume Foto </a> </li><li data-astro-cid-sz7xmlte> <a href="/intrebari-frecvente" class="text-gray-300 hover:text-white transition-colors inline-flex items-center group" data-astro-cid-sz7xmlte> <span class="w-0 group-hover:w-4 h-0.5 bg-primary-500 mr-0 group-hover:mr-2 transition-all duration-200" data-astro-cid-sz7xmlte></span> Întrebări Frecvente </a> </li> </ul> </div> <!-- Contact Info --> <div data-astro-cid-sz7xmlte> <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4" data-astro-cid-sz7xmlte>Contact</h3> <ul class="space-y-3" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="mailto:contact@albumefoto.com" class="text-gray-300 hover:text-white transition-colors flex items-start group" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 mr-2 mt-0.5 text-gray-500 group-hover:text-primary-400 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-sz7xmlte> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" data-astro-cid-sz7xmlte></path> </svg> <span data-astro-cid-sz7xmlte>contact@albumefoto.com</span> </a> </li> <li data-astro-cid-sz7xmlte> <a href="tel:+40 123 456 789" class="text-gray-300 hover:text-white transition-colors flex items-start group" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 mr-2 mt-0.5 text-gray-500 group-hover:text-primary-400 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-sz7xmlte> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" data-astro-cid-sz7xmlte></path> </svg> <span data-astro-cid-sz7xmlte>0123 456 789</span> </a> </li> <li class="text-gray-300 flex items-start" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 mr-2 mt-0.5 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-sz7xmlte> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-sz7xmlte></path> </svg> <span data-astro-cid-sz7xmlte>Luni - Vineri: 9:00 - 18:00</span> </li> <li class="text-gray-300 flex items-start" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 mr-2 mt-0.5 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-sz7xmlte> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" data-astro-cid-sz7xmlte></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" data-astro-cid-sz7xmlte></path> </svg> <span data-astro-cid-sz7xmlte>București, România</span> </li> </ul> </div> </div> <!-- Payment Methods --> <div class="mt-12 pt-8 border-t border-gray-800" data-astro-cid-sz7xmlte> <div class="flex flex-col md:flex-row items-center justify-between gap-6" data-astro-cid-sz7xmlte> <div class="flex items-center space-x-4" data-astro-cid-sz7xmlte> <span class="text-sm text-gray-400" data-astro-cid-sz7xmlte>Metode de plată:</span> <div class="flex items-center space-x-3" data-astro-cid-sz7xmlte> <span class="px-3 py-1 bg-gray-800 rounded text-xs font-medium" data-astro-cid-sz7xmlte>Visa</span> <span class="px-3 py-1 bg-gray-800 rounded text-xs font-medium" data-astro-cid-sz7xmlte>Mastercard</span> <span class="px-3 py-1 bg-gray-800 rounded text-xs font-medium" data-astro-cid-sz7xmlte>PayPal</span> <span class="px-3 py-1 bg-gray-800 rounded text-xs font-medium" data-astro-cid-sz7xmlte>Ramburs</span> </div> </div> <div class="flex items-center space-x-2" data-astro-cid-sz7xmlte> <svg class="w-5 h-5 text-green-400" fill="currentColor" viewBox="0 0 20 20" data-astro-cid-sz7xmlte> <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" data-astro-cid-sz7xmlte></path> </svg> <span class="text-sm text-gray-400" data-astro-cid-sz7xmlte>Plăți securizate SSL</span> </div> </div> </div> </div> <!-- Bottom Bar --> <div class="bg-gray-950 border-t border-gray-800" data-astro-cid-sz7xmlte> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6" data-astro-cid-sz7xmlte> <div class="flex flex-col md:flex-row items-center justify-between gap-4" data-astro-cid-sz7xmlte> <p class="text-sm text-gray-400 text-center md:text-left" data-astro-cid-sz7xmlte>
© 2025 Albume Foto România. Toate drepturile rezervate.
</p> <div class="flex items-center space-x-6 text-sm" data-astro-cid-sz7xmlte>  <a href="/politica-confidentialitate" class="text-gray-400 hover:text-white transition-colors" data-astro-cid-sz7xmlte> Politică Confidențialitate </a> <span class="text-gray-600" data-astro-cid-sz7xmlte>|</span> <a href="/politica-cookie" class="text-gray-400 hover:text-white transition-colors" data-astro-cid-sz7xmlte> Politică Cookie </a>  </div> </div> </div> </div> <!-- Scroll to Top Button --> <button id="scroll-to-top" aria-label="Scroll to top" class="fixed bottom-8 right-8 p-3 bg-primary-600 text-white rounded-full shadow-lg hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition-all duration-200 opacity-0 invisible" data-astro-cid-sz7xmlte> <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-sz7xmlte> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" data-astro-cid-sz7xmlte></path> </svg> </button> </footer>   <!-- Global scripts -->  <!-- Structured data for speakable content (voice assistants) --> <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": ["h1", "h2", ".hero-text", "main p:first-of-type"]
      }
    }
    </script> </body> </html>