This commit is contained in:
Tomas Dvorak
2025-06-15 18:58:46 +02:00
parent 7eb127648d
commit 4640ba82a2
3 changed files with 447 additions and 25 deletions
+45 -23
View File
@@ -143,12 +143,12 @@
<a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Služby</a>
<a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Portfolio</a>
<a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">O nás</a>
<a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Kontakt</a>
<a href="kontakt.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Kontakt</a>
</nav>
<!-- CTA Button -->
<div class="hidden md:block">
<a href="#" class="bg-sport-purple text-white px-6 py-2 rounded-full font-medium hover:shadow-lg transition duration-300">
<a href="kontakt.html" class="bg-sport-purple text-white px-6 py-2 rounded-full font-medium hover:shadow-lg transition duration-300">
Nezávazná konzultace
</a>
</div>
@@ -168,10 +168,10 @@
<a href="#" class="block pl-3 pr-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple">Služby</a>
<a href="#" class="block pl-3 pr-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple">Portfolio</a>
<a href="#" class="block pl-3 pr-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple">O nás</a>
<a href="#" class="block pl-3 pr-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple">Kontakt</a>
<a href="kontakt.html" class="block pl-3 pr-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple">Kontakt</a>
</div>
<div class="pt-2 pb-3 px-4">
<a href="#" class="block w-full text-center px-4 py-2 border border-transparent rounded-full shadow-sm text-base font-medium text-white bg-sport-purple hover:bg-sport-orange transition-all duration-300">
<a href="kontakt.html" class="block w-full text-center px-4 py-2 border border-transparent rounded-full shadow-sm text-base font-medium text-white bg-sport-purple hover:bg-sport-orange transition-all duration-300">
Nezávazná konzultace
</a>
</div>
@@ -505,10 +505,10 @@
Kontaktujte nás ještě dnes a zjistěte, jak můžeme pomoci vašemu týmu nebo sportovní organizaci zazářit v digitálním světě.
</p>
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
<a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-full font-medium text-sport-purple bg-white hover:bg-gray-100 shadow-lg transition duration-300">
<a href="kontakt.html" class="inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-full font-medium text-sport-purple bg-white hover:bg-gray-100 shadow-lg transition duration-300">
Nezávazná konzultace
</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-white rounded-full font-medium text-white hover:bg-white/10 transition duration-300">
<a href="#portfolio" class="inline-flex items-center justify-center px-6 py-3 border border-white rounded-full font-medium text-white hover:bg-white/10 transition duration-300">
Naše portfolio
<ion-icon name="arrow-forward-outline" class="ml-2"></ion-icon>
</a>
@@ -531,18 +531,18 @@
Digitální marketingová agentura specializovaná na sportovní týmy a organizace. Tvoříme obsah, který inspiruje a spojuje fanoušky.
</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white transition duration-150">
<!-- <a href="#" class="text-gray-400 hover:text-white transition duration-150">
<ion-icon name="logo-facebook" class="text-xl"></ion-icon>
</a>
<a href="#" class="text-gray-400 hover:text-white transition duration-150">
</a> -->
<a href="https://www.instagram.com/sportcreative_cz/" target="_blank" class="text-gray-400 hover:text-white transition duration-150">
<ion-icon name="logo-instagram" class="text-xl"></ion-icon>
</a>
<a href="#" class="text-gray-400 hover:text-white transition duration-150">
<!-- <a href="#" class="text-gray-400 hover:text-white transition duration-150">
<ion-icon name="logo-twitter" class="text-xl"></ion-icon>
</a>
<a href="#" class="text-gray-400 hover:text-white transition duration-150">
</a> -->
<!-- <a href="#" class="text-gray-400 hover:text-white transition duration-150">
<ion-icon name="logo-linkedin" class="text-xl"></ion-icon>
</a>
</a> -->
</div>
</div>
@@ -600,21 +600,27 @@
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Kontakt</h3>
<ul class="space-y-3">
<li class="flex items-start">
<!-- <li class="flex items-start">
<ion-icon name="location-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<span class="text-gray-400">Sportovní 123, 150 00 Praha 5</span>
</li> -->
<li class="flex items-start">
<ion-icon name="call-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<div>
<div class="text-gray-400">+420 775 247 633</div>
<div class="text-gray-400">+420 778 701 838</div>
</div>
</li>
<li class="flex items-center">
<ion-icon name="call-outline" class="text-sport-orange text-xl mr-2"></ion-icon>
<span class="text-gray-400">+420 123 456 789</span>
<ion-icon name="mail-outline" class="text-sport-orange text-xl mr-2 mt-1"></ion-icon>
<div>
<div class="text-gray-400 cursor-pointer hover:text-white transition-colors" onclick="copyEmailAndRedirect('[email protected]')">[email protected]</div>
<div class="text-sm text-sport-orange">Odpovídáme do 24 hodin</div>
</div>
</li>
<li class="flex items-center">
<ion-icon name="mail-outline" class="text-sport-orange text-xl mr-2"></ion-icon>
<span class="text-gray-400">[email protected]</span>
</li>
<li class="flex items-center">
<ion-icon name="time-outline" class="text-sport-orange text-xl mr-2"></ion-icon>
<span class="text-gray-400">Po-Pá: 9:00 - 17:00</span>
<li class="flex items-start">
<ion-icon name="time-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<span class="text-gray-400">Po-Ne: 8:00 - 20:00</span>
</li>
</ul>
</div>
@@ -646,6 +652,22 @@
<!-- Simple JavaScript for Back to Top functionality -->
<script>
// Copy email to clipboard and redirect to contact page
function copyEmailAndRedirect(email) {
// Copy email to clipboard
navigator.clipboard.writeText(email).then(function() {
// Show copied tooltip or feedback if needed
console.log('Email zkopírován do schránky');
// Redirect to contact page
window.location.href = 'kontakt.html';
}).catch(function(err) {
console.error('Nepodařilo se zkopírovat email: ', err);
// Still redirect even if copy fails
window.location.href = 'kontakt.html';
});
}
document.addEventListener('DOMContentLoaded', function() {
const backToTopButton = document.getElementById('backToTop');