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="bg-gradient-to-br from-teal-50 to-cyan-50 py-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center"> <h1 class="text-4xl font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
Contactează-ne
<span class="block text-teal-600">Astăzi</span> </h1> <p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
Consultanță gratuită pentru <strong>albumul foto</strong> perfect. Echipa noastră vorbește română
          și te ajută să economisești față de PhotoGo și CEWE.
</p> <!-- Quick contact stats --> <div class="mt-8 flex flex-wrap justify-center gap-6 text-sm text-gray-600"> <div class="flex items-center"> <svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <span>Răspuns în max 2 ore</span> </div> <div class="flex items-center"> <svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <span>Support în română 24/7</span> </div> <div class="flex items-center"> <svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <span>Consultanță gratuită</span> </div> </div> </div> </div> </section>  <section class="py-16 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12"> <!-- Contact Information --> <div> <h2 class="text-3xl font-extrabold text-gray-900 mb-8">
Moduri de Contact
</h2> <!-- Phone --> <div class="flex items-start mb-8"> <div class="flex-shrink-0"> <div class="flex items-center justify-center h-12 w-12 rounded-md bg-teal-500 text-white"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <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"></path> </svg> </div> </div> <div class="ml-4"> <h3 class="text-lg font-medium text-gray-900">Telefon</h3> <p class="mt-1 text-sm text-gray-500">Sună-ne pentru consultanță imediată</p> <a href="tel:+40123456789" class="mt-2 text-lg font-semibold text-teal-600 hover:text-teal-700">
+40 123 456 789
</a> <p class="text-xs text-gray-500 mt-1">Luni-Vineri: 9:00-18:00 | Weekend: 10:00-16:00</p> </div> </div> <!-- Email --> <div class="flex items-start mb-8"> <div class="flex-shrink-0"> <div class="flex items-center justify-center h-12 w-12 rounded-md bg-teal-500 text-white"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <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"></path> </svg> </div> </div> <div class="ml-4"> <h3 class="text-lg font-medium text-gray-900">Email</h3> <p class="mt-1 text-sm text-gray-500">Scrie-ne pentru oferte personalizate</p> <a href="mailto:contact@albumefoto.com" class="mt-2 text-lg font-semibold text-teal-600 hover:text-teal-700">
contact@albumefoto.com
</a> <p class="text-xs text-gray-500 mt-1">Răspuns garantat în maximum 2 ore</p> </div> </div> <!-- WhatsApp --> <div class="flex items-start mb-8"> <div class="flex-shrink-0"> <div class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.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 0020.885 3.106"></path> </svg> </div> </div> <div class="ml-4"> <h3 class="text-lg font-medium text-gray-900">WhatsApp</h3> <p class="mt-1 text-sm text-gray-500">Chat direct pentru răspunsuri rapide</p> <a href="https://wa.me/40123456789" class="mt-2 text-lg font-semibold text-green-600 hover:text-green-700">
+40 123 456 789
</a> <p class="text-xs text-gray-500 mt-1">Disponibil 24/7 pentru urgențe</p> </div> </div> <!-- Live Chat --> <div class="flex items-start mb-8"> <div class="flex-shrink-0"> <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> </div> </div> <div class="ml-4"> <h3 class="text-lg font-medium text-gray-900">Chat Live</h3> <p class="mt-1 text-sm text-gray-500">Discută în timp real cu specialiștii noștri</p> <button id="start-chat" class="mt-2 bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700 transition-colors">
Începe Chat-ul
</button> <p class="text-xs text-gray-500 mt-1">Online Luni-Vineri 9:00-18:00</p> </div> </div> <!-- Address --> <div class="flex items-start"> <div class="flex-shrink-0"> <div class="flex items-center justify-center h-12 w-12 rounded-md bg-teal-500 text-white"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <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"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> </div> </div> <div class="ml-4"> <h3 class="text-lg font-medium text-gray-900">Adresa</h3> <p class="mt-1 text-sm text-gray-500">Sediul central București</p> <p class="mt-2 text-base text-gray-700">
Strada Exemplu nr. 123<br>
Sector 1, București 010101<br>
România
</p> <p class="text-xs text-gray-500 mt-1">Program vizite: doar cu programare</p> </div> </div> </div> <!-- Contact Form --> <div> <h2 class="text-3xl font-extrabold text-gray-900 mb-8">
Solicită Ofertă Personalizată
</h2> <form id="contact-form" class="space-y-6" action="#" method="POST"> <!-- Name --> <div> <label for="name" class="block text-sm font-medium text-gray-700">Nume complet *</label> <input type="text" name="name" id="name" required class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm" placeholder="Numele tău complet"> </div> <!-- Email --> <div> <label for="email" class="block text-sm font-medium text-gray-700">Email *</label> <input type="email" name="email" id="email" required class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm" placeholder="email@exemplu.com"> </div> <!-- Phone --> <div> <label for="phone" class="block text-sm font-medium text-gray-700">Telefon</label> <input type="tel" name="phone" id="phone" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm" placeholder="+40 123 456 789"> </div> <!-- Project Type --> <div> <label for="project-type" class="block text-sm font-medium text-gray-700">Tip proiect *</label> <select id="project-type" name="project-type" required class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm"> <option value="">Alege tipul de proiect</option> <option value="album-nunta">Album Foto Nuntă</option> <option value="fotocarte-familie">Fotocarte Familie</option> <option value="album-copii">Album Foto Copii</option> <option value="fotocarte-calatorii">Fotocarte Călătorii</option> <option value="album-business">Album Business/Corporate</option> <option value="alte-tipuri">Alte tipuri de albume</option> </select> </div> <!-- Budget --> <div> <label for="budget" class="block text-sm font-medium text-gray-700">Buget aproximativ</label> <select id="budget" name="budget" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm"> <option value="">Selectează bugetul</option> <option value="50-100">50-100 RON</option> <option value="100-200">100-200 RON</option> <option value="200-300">200-300 RON</option> <option value="300-500">300-500 RON</option> <option value="500+">Peste 500 RON</option> </select> </div> <!-- Timeline --> <div> <label for="timeline" class="block text-sm font-medium text-gray-700">Când ai nevoie de album?</label> <select id="timeline" name="timeline" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm"> <option value="">Selectează perioada</option> <option value="urgent">Urgent (1-3 zile)</option> <option value="1-week">În următoarea săptămână</option> <option value="2-weeks">În următoarele 2 săptămâni</option> <option value="1-month">În următoarea lună</option> <option value="flexible">Nu am o dată fixă</option> </select> </div> <!-- Message --> <div> <label for="message" class="block text-sm font-medium text-gray-700">Mesaj *</label> <textarea name="message" id="message" rows="4" required class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-teal-500 focus:border-teal-500 sm:text-sm" placeholder="Descrie-ne pe scurt proiectul tău: câte pagini dorești, ce fotografii vei include, dacă ai preferințe pentru design, etc."></textarea> </div> <!-- Newsletter Opt-in --> <div class="flex items-center"> <input id="newsletter" name="newsletter" type="checkbox" class="h-4 w-4 text-teal-600 focus:ring-teal-500 border-gray-300 rounded"> <label for="newsletter" class="ml-2 block text-sm text-gray-900">
Vreau să primesc oferte și promoții pe email
</label> </div> <!-- GDPR Consent --> <div class="flex items-start"> <input id="gdpr-consent" name="gdpr-consent" type="checkbox" required class="mt-1 h-4 w-4 text-teal-600 focus:ring-teal-500 border-gray-300 rounded"> <label for="gdpr-consent" class="ml-2 block text-sm text-gray-900">
Sunt de acord cu <a href="/politica-confidentialitate" class="text-teal-600 hover:text-teal-700">politica de confidențialitate</a> și procesarea datelor personale *
</label> </div> <!-- Submit Button --> <div> <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-teal-600 hover:bg-teal-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-500 transition-colors"> <span id="submit-text">Trimite Cererea</span> <span id="submit-loading" class="hidden"> <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg>
Se trimite...
</span> </button> </div> <!-- Success/Error Messages --> <div id="form-message" class="hidden p-4 rounded-md"> <div id="success-message" class="hidden text-green-700 bg-green-100 border border-green-300 rounded-md p-3"> <div class="flex"> <svg class="flex-shrink-0 h-5 w-5 text-green-400" fill="currentColor" viewBox="0 0 20 20"> <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"></path> </svg> <div class="ml-3"> <p class="text-sm font-medium">Mesajul a fost trimis cu succes!</p> <p class="text-sm mt-1">Îți vom răspunde în maximum 2 ore în timpul programului de lucru.</p> </div> </div> </div> <div id="error-message" class="hidden text-red-700 bg-red-100 border border-red-300 rounded-md p-3"> <div class="flex"> <svg class="flex-shrink-0 h-5 w-5 text-red-400" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path> </svg> <div class="ml-3"> <p class="text-sm font-medium">A apărut o eroare!</p> <p class="text-sm mt-1">Te rugăm să încerci din nou sau să ne contactezi direct la telefon.</p> </div> </div> </div> </div> </form> </div> </div> </div> </section>  <section class="py-16 bg-gray-50"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
Întrebări Frecvente
</h2> <p class="mt-4 text-xl text-gray-600">
Răspunsuri rapide la cele mai comune întrebări
</p> </div> <div class="space-y-6"> <div class="bg-white rounded-lg shadow-sm p-6"> <button class="faq-toggle w-full text-left flex justify-between items-center"> <h3 class="text-lg font-medium text-gray-900">Cât timp durează să primesc albumul?</h3> <svg class="faq-icon w-5 h-5 text-gray-500 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="faq-content hidden mt-4 text-gray-600"> <p>Timpul standard de livrare este 3-5 zile lucrătoare în toată România. Pentru comenzi urgente oferim opțiunea express în 24-48 ore cu costuri suplimentare. Mult mai rapid decât PhotoGo (7-10 zile) sau CEWE (10-14 zile).</p> </div> </div> <div class="bg-white rounded-lg shadow-sm p-6"> <button class="faq-toggle w-full text-left flex justify-between items-center"> <h3 class="text-lg font-medium text-gray-900">Cum pot plăti comanda?</h3> <svg class="faq-icon w-5 h-5 text-gray-500 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="faq-content hidden mt-4 text-gray-600"> <p>Acceptăm multiple metode de plată: card bancar online (Visa, Mastercard), transfer bancar, ramburs la livrare (fără taxe suplimentare), și plata în rate prin partenerii noștri. Toate tranzacțiile sunt securizate.</p> </div> </div> <div class="bg-white rounded-lg shadow-sm p-6"> <button class="faq-toggle w-full text-left flex justify-between items-center"> <h3 class="text-lg font-medium text-gray-900">Pot modifica albumul după comandă?</h3> <svg class="faq-icon w-5 h-5 text-gray-500 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="faq-content hidden mt-4 text-gray-600"> <p>Da! Oferim până la 3 revizuiri gratuite înainte de printare. Poți modifica fotografiile, textele, layout-ul sau culorile. Odată confirmat designul final și după începerea producției, modificările nu mai sunt posibile.</p> </div> </div> <div class="bg-white rounded-lg shadow-sm p-6"> <button class="faq-toggle w-full text-left flex justify-between items-center"> <h3 class="text-lg font-medium text-gray-900">Ce se întâmplă dacă nu sunt mulțumit?</h3> <svg class="faq-icon w-5 h-5 text-gray-500 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="faq-content hidden mt-4 text-gray-600"> <p>Oferim garanție 100% de satisfacție. Dacă albumul nu corespunde așteptărilor tale din cauza unei erori din partea noastră, îl refacem gratuit. Pentru alte motive, oferim soluții personalizate pentru fiecare situație.</p> </div> </div> <div class="bg-white rounded-lg shadow-sm p-6"> <button class="faq-toggle w-full text-left flex justify-between items-center"> <h3 class="text-lg font-medium text-gray-900">Livrați în toată România?</h3> <svg class="faq-icon w-5 h-5 text-gray-500 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="faq-content hidden mt-4 text-gray-600"> <p>Da, livrăm în toată România prin curierat rapid. Livrarea este gratuită pentru comenzi peste 150 RON. Pentru comenzi mai mici, costul de transport este de 15 RON. Livrăm și în Republica Moldova cu costuri suplimentare.</p> </div> </div> </div> </div> </section>  <section class="bg-teal-600 py-16"> <div class="max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
Gata să începi proiectul tău?
</h2> <p class="mt-4 text-xl text-teal-200">
Consultanță gratuită, răspuns în 2 ore, prețuri cu 30-40% mai mici ca PhotoGo și CEWE.
</p> <div class="mt-8 flex flex-col sm:flex-row gap-4 justify-center"> <a href="/calculator-pret" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-teal-600 bg-white hover:bg-gray-50 transition-colors">
Calculează Prețul
</a> <a href="tel:+40123456789" class="inline-flex items-center justify-center px-8 py-3 border border-white text-base font-medium rounded-md text-white hover:bg-teal-500 transition-colors">
Sună Acum: +40 123 456 789
</a> </div> </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> <!-- Contact Page JavaScript -->