TDvorak/SportCreative
1
0
Fork 0
mirror of https://github.com/Dvorinka/sportcreative.git synced 2026-06-03 19:32:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

update seo and add service

Browse Source
This commit is contained in:
Your Name
2026-04-19 20:05:40 +02:00
parent 9b09748b64
commit 7e22bb1954
25 changed files with 1105 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sluzby/mesta-obce.html
+541
View File
@@ -0,0 +1,541 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plán rozvoje sportu pro města a obce | SportCreative</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ionicons/7.1.0/esm/ionicons.min.js"></script>
<script src="../script.js" defer></script>
<link rel="stylesheet" href="../style.css">
<link rel="icon" href="../logo.ico" type="image/x-icon">
<meta name="description" content="Plán rozvoje sportu pro města a obce. Pomáháme vytvářet strategické dokumenty pro rozvoj sportu, efektivní využití rozpočtů a získání dotací.">
<meta name="keywords" content="plán rozvoje sportu, sport město, sport obec, strategický dokument sport, dotace sport, pasportizace sportovišť, koncepce sportu, rozvoj sportovní infrastruktury">
<meta name="author" content="SportCreative">
<meta name="robots" content="index, follow, max-image-preview:large">
<link rel="canonical" href="https://sportcreative.cz/sluzby/mesta-obce.html" />
<link rel="alternate" hreflang="cs" href="https://sportcreative.cz/sluzby/mesta-obce.html" />
<link rel="alternate" hreflang="x-default" href="https://sportcreative.cz/sluzby/mesta-obce.html" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://sportcreative.cz/sluzby/mesta-obce.html">
<meta property="og:title" content="Plán rozvoje sportu pro města a obce | SportCreative">
<meta property="og:description" content="Strategické dokumenty pro rozvoj sportu ve městech a obcích. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.">
<meta property="og:image" content="https://sportcreative.cz/page-prev.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="cs_CZ">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://sportcreative.cz/sluzby/mesta-obce.html">
<meta property="twitter:title" content="Plán rozvoje sportu pro města a obce | SportCreative">
<meta property="twitter:description" content="Strategické dokumenty pro rozvoj sportu ve městech a obcích. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.">
<meta property="twitter:image" content="https://sportcreative.cz/page-prev.png">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Plán rozvoje sportu pro města a obce",
"provider": {
"@type": "ProfessionalService",
"name": "SportCreative",
"url": "https://sportcreative.cz/",
"logo": "https://sportcreative.cz/logo.png",
"telephone": "+420775247633",
"email": "info@sportcreative.cz"
},
"serviceType": "Strategické plánování sportu",
"areaServed": {
"@type": "Country",
"name": "Česká republika"
},
"description": "Pomáháme městům a obcím vytvářet strategické dokumenty pro rozvoj sportu. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.",
"offers": {
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Plán rozvoje sportu",
"description": "Kompletní zpracování strategického dokumentu pro rozvoj sportu ve městě nebo obci"
}
}
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap" rel="stylesheet">
<script
src="https://rybbit.tdvorak.dev/api/script.js"
data-site-id="893de12949b8"
defer
></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'sport-purple': {
DEFAULT: '#6c38d9',
light: '#8a5ad1',
dark: '#5a2cbf'
},
'sport-orange': {
DEFAULT: '#ff9933',
light: '#ffb366',
dark: '#e6892d'
}
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
}
}
}
</script>
</head>
<body class="font-sans antialiased">
<!-- Header Section -->
<header class="bg-white shadow-sm sticky top-0 z-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center py-4">
<div class="flex items-center">
<a href="../index.html" class="logo">
<img src="../header-logo.png" alt="SportCreative" class="logo">
</a>
</div>
<nav class="hidden md:flex space-x-8">
<a href="../index.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Domů</a>
<a href="../sluzby.html" class="text-sport-purple font-medium transition duration-150">Služby</a>
<a href="../portfolio.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Portfolio</a>
<a href="../o-nas.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">O nás</a>
<a href="../kontakt.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Kontakt</a>
</nav>
<div class="hidden md:block">
<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>
<div class="md:hidden">
<button type="button" class="mobile-menu-button text-gray-700 hover:text-sport-purple focus:outline-none p-2" aria-label="Menu" aria-expanded="false">
<ion-icon name="menu-outline" class="h-8 w-8 transition-transform duration-300"></ion-icon>
</button>
</div>
</div>
<div class="mobile-menu w-full absolute top-full left-0 bg-white shadow-lg" style="transform: translateY(-10px); opacity: 0; visibility: hidden; transition: all 0.2s ease-out;">
<nav class="px-2 pt-2 pb-4 space-y-1">
<a href="../index.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Domů</a>
<a href="../sluzby.html" class="block px-4 py-3 text-base font-medium text-sport-purple bg-gray-50 rounded-lg transition-colors duration-200">Služby</a>
<a href="../portfolio.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Portfolio</a>
<a href="../o-nas.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">O nás</a>
<a href="../kontakt.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Kontakt</a>
</nav>
<div class="px-4 py-3 border-t border-gray-100">
<a href="../kontakt.html" class="block w-full text-center px-6 py-3 border border-transparent rounded-full text-base font-medium text-white bg-sport-purple hover:bg-sport-orange transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5">
Nezávazná konzultace
</a>
</div>
</div>
</div>
</header>
<!-- Hero Banner -->
<section class="bg-white py-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="md:w-1/2 mb-8 md:mb-0" style="margin-right: 80px;">
<h1 class="text-4xl md:text-5xl font-bold mb-6 text-gray-800">Plán rozvoje sportu<br><span class="text-sport-purple">pro města a obce</span></h1>
<p class="text-xl text-gray-600 mb-8">Pomáháme městům a obcím vytvářet strategické dokumenty, které dávají sportu jasný směr, efektivně využívají rozpočty a otevírají dveře k dotacím.</p>
<a href="../kontakt.html" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-full shadow-sm text-white bg-sport-purple hover:shadow-lg transition duration-300">
Nezávazná konzultace
</a>
</div>
<div class="md:w-1/2 flex justify-center">
<div class="bg-gradient-to-br from-sport-purple to-sport-purple-dark rounded-2xl p-6 shadow-xl">
<div class="bg-white/20 backdrop-blur-sm rounded-full w-16 h-16 flex items-center justify-center">
<ion-icon name="business-outline" class="text-white text-3xl"></ion-icon>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Introduction Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4 max-w-4xl">
<div class="bg-white p-8 rounded-xl shadow-md">
<p class="text-lg text-gray-700 leading-relaxed mb-6">
Plán rozvoje sportu není jen formální dokument do šuplíku. Je to praktický nástroj, díky kterému město ví:
</p>
<div class="grid md:grid-cols-3 gap-6 mb-6">
<div class="text-center p-4 bg-sport-purple/10 rounded-lg">
<ion-icon name="cash-outline" class="text-4xl text-sport-purple mb-3"></ion-icon>
<p class="font-semibold text-gray-800">kam investovat</p>
</div>
<div class="text-center p-4 bg-sport-orange/10 rounded-lg">
<ion-icon name="trending-up-outline" class="text-4xl text-sport-orange mb-3"></ion-icon>
<p class="font-semibold text-gray-800">co rozvíjet</p>
</div>
<div class="text-center p-4 bg-sport-purple/10 rounded-lg">
<ion-icon name="people-outline" class="text-4xl text-sport-purple mb-3"></ion-icon>
<p class="font-semibold text-gray-800">jak podpořit sport napříč všemi generacemi</p>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Co vám přinese kvalitní plán</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
<div class="flex items-start space-x-4">
<div class="bg-sport-purple text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="map-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Jasnou strategii</h3>
<p class="text-gray-600 text-sm">Rozvoj sportu na 5–6 let s konkrétními cíli a prioritami</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-orange text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="wallet-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Efektivní rozdělení financí</h3>
<p class="text-gray-600 text-sm">Optimální využití rozpočtu a plánování investic</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-purple text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="document-text-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Vyšší šance na dotace</h3>
<p class="text-gray-600 text-sm">Kvalitní podklad pro získání grantů a dotací</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-orange text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="shield-checkmark-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Podpora klubů a škol</h3>
<p class="text-gray-600 text-sm">Systémová podpora sportovních klubů, škol i veřejnosti</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-purple text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="heart-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Rozvoj komunitního života</h3>
<p class="text-gray-600 text-sm">Podpora zdravého životního stylu a sousedských vztahů</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-orange text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="star-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Zvýšení atraktivity</h3>
<p class="text-gray-600 text-sm">Přitažlivější město pro občany i nové obyvatele</p>
</div>
</div>
</div>
</div>
</section>
<!-- Services Grid -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Co všechno zajistíme</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
<!-- Service 1 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-purple text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="search-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Analytická část</h3>
<p class="text-gray-600 text-sm mb-4">Detailně zmapujeme aktuální stav sportu ve městě:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• sportovní infrastrukturu</li>
<li>• sportovní kluby a spolky</li>
<li>• zapojení škol a mládeže</li>
<li>• potřeby obyvatel</li>
</ul>
</div>
<!-- Service 2 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-orange text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="location-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Pasportizace</h3>
<p class="text-gray-600 text-sm mb-4">Kompletní přehled sportovišť:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• přehled všech sportovišť</li>
<li>• mapový podklad</li>
<li>• letecké snímky z dronu</li>
<li>• technický stav</li>
</ul>
</div>
<!-- Service 3 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-purple text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="bulb-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Návrhová část</h3>
<p class="text-gray-600 text-sm mb-4">Konkrétní kroky pro rozvoj:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• strategické cíle</li>
<li>• konkrétní opatření</li>
<li>• doporučení financování</li>
<li>• plán realizace</li>
</ul>
</div>
<!-- Service 4 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-orange text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="chatbubbles-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Participace</h3>
<p class="text-gray-600 text-sm mb-4">Zapojení všech zúčastněných:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• jednání s vedením města</li>
<li>• zapojení škol a klubů</li>
<li>• veřejné konzultace</li>
<li>• průběžné schůzky</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Process Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Jak probíhá spolupráce</h2>
<div class="max-w-4xl mx-auto">
<div class="space-y-6">
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-purple text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">1</div>
<div>
<h3 class="text-lg font-semibold mb-1">Úvodní schůzka</h3>
<p class="text-gray-600 text-sm">Nastavení priorit, stanovení harmonogramu a definice očekávání</p>
</div>
</div>
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-orange text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">2</div>
<div>
<h3 class="text-lg font-semibold mb-1">Analýza a sběr dat</h3>
<p class="text-gray-600 text-sm">Dotazníkové šetření, mapování stávající situace, jednání se zainteresovanými stranami</p>
</div>
</div>
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-purple text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">3</div>
<div>
<h3 class="text-lg font-semibold mb-1">Návrhová část</h3>
<p class="text-gray-600 text-sm">Vypracování strategie, společná konzultace a úpravy</p>
</div>
</div>
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-orange text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">4</div>
<div>
<h3 class="text-lg font-semibold mb-1">Finální dokument</h3>
<p class="text-gray-600 text-sm">Prezentace městu, předání kvalitního, srozumitelného a realizovatelného dokumentu</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Why Us Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Proč spolupracovat s námi</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-purple/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="location-outline" class="text-3xl text-sport-purple"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Známe prostředí</h4>
<p class="text-gray-600 text-sm">Známe prostředí českých měst a sportovních klubů</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-orange/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="fitness-outline" class="text-3xl text-sport-orange"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Přímá zkušenost</h4>
<p class="text-gray-600 text-sm">Máme přímou zkušenost ze sportu i jeho řízení</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-purple/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="hammer-outline" class="text-3xl text-sport-purple"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Praktický přístup</h4>
<p class="text-gray-600 text-sm">Dokumenty tvoříme prakticky – ne teoreticky</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-orange/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="people-circle-outline" class="text-3xl text-sport-orange"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Osobní přístup</h4>
<p class="text-gray-600 text-sm">Osobní přístup a přímá komunikace</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-purple/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="flash-outline" class="text-3xl text-sport-purple"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Rychlost a cena</h4>
<p class="text-gray-600 text-sm">Rychlejší a cenově dostupnější řešení než velké agentury</p>
</div>
</div>
</div>
</section>
<!-- References Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Reference</h2>
<p class="text-center text-gray-600 mb-8 max-w-3xl mx-auto">Máme zkušenosti se zpracováním strategických dokumentů pro města:</p>
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<div class="bg-gray-50 p-6 rounded-xl border-l-4 border-sport-purple">
<div class="flex flex-col md:flex-row md:items-center md:justify-between mb-2">
<h3 class="text-xl font-bold text-gray-800">Staré Město</h3>
<a href="https://staremesto.uh.cz/files/staremesto/gallery/6171/6941583d7171d_Plan-rozvoje-sportu-2026-31.pdf" target="_blank" class="text-sport-purple hover:underline text-sm mt-2 md:mt-0 flex items-center gap-1">Plán 2026–2031 <ion-icon name="open-outline" class="text-xs"></ion-icon></a>
</div>
<ul class="text-gray-600 space-y-1">
<li>• Plán rozvoje sportu 2020–2025</li>
<li>• Plán rozvoje sportu 2026–2031</li>
</ul>
</div>
<div class="bg-gray-50 p-6 rounded-xl border-l-4 border-sport-orange">
<h3 class="text-xl font-bold text-gray-800 mb-2">Kunovice</h3>
<ul class="text-gray-600 space-y-1">
<li>• Plán rozvoje sportu 2027–2032</li>
</ul>
</div>
</div>
<p class="text-center text-gray-600 mt-8 max-w-3xl mx-auto">Naše výstupy jsou navržené tak, aby nebyly pouze formálním dokumentem, ale skutečným podkladem pro rozhodování vedení města, investice i získávání dotací.</p>
</div>
</section>
<!-- CTA Section -->
<section class="py-16 bg-gradient-to-r from-sport-purple to-sport-purple-dark text-white">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-6">Pojďme probrat váš projekt</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto">Rádi vám připravíme konkrétní návrh řešení pro vaše město.</p>
<a href="../kontakt.html" class="inline-block bg-white text-sport-purple font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition duration-300">Kontaktujte nás</a>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div>
<div class="text-2xl font-bold mb-4">
<span class="text-sport-purple">Sport</span><span class="text-sport-orange">Creative</span>
</div>
<p class="text-gray-400 mb-4">Digitální marketingová agentura specializovaná na sportovní týmy a organizace.</p>
<div class="flex space-x-4">
<a href="https://www.instagram.com/sportcreative_cz/" target="_blank" class="text-gray-400 hover:text-white transition">
<ion-icon name="logo-instagram" class="text-xl"></ion-icon>
</a>
<a href="https://www.linkedin.com/company/sportcreative-eu" target="_blank" class="text-gray-400 hover:text-white transition">
<ion-icon name="logo-linkedin" class="text-xl"></ion-icon>
</a>
</div>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Služby</h3>
<ul class="space-y-2">
<li><a href="video-editing.html" class="text-gray-400 hover:text-white transition">Video Editing</a></li>
<li><a href="sociální-sítě.html" class="text-gray-400 hover:text-white transition">Sociální sítě</a></li>
<li><a href="tvorba-reels.html" class="text-gray-400 hover:text-white transition">Tvorba Reels</a></li>
<li><a href="mesta-obce.html" class="text-gray-400 hover:text-white transition">Plán rozvoje sportu</a></li>
<li><a href="web.html" class="text-gray-400 hover:text-white transition">Správa Webu</a></li>
<li><a href="design.html" class="text-gray-400 hover:text-white transition">Grafický Design</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Rychlé odkazy</h3>
<ul class="space-y-2">
<li><a href="../index.html" class="text-gray-400 hover:text-white transition">Domů</a></li>
<li><a href="../o-nas.html" class="text-gray-400 hover:text-white transition">O nás</a></li>
<li><a href="../portfolio.html" class="text-gray-400 hover:text-white transition">Portfolio</a></li>
<li><a href="../kontakt.html" class="text-gray-400 hover:text-white transition">Kontakt</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Kontakt</h3>
<ul class="space-y-3">
<li class="flex items-start">
<ion-icon name="call-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<span class="text-gray-400">+420 775 247 633</span>
</li>
<li class="flex items-start">
<ion-icon name="mail-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<span class="text-gray-400">info@sportcreative.cz</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Copyright -->
<div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-400 text-sm mb-4 md:mb-0">
&copy; <span id="currentYear"></span> SportCreative. Všechna práva vyhrazena.
</p>
<div class="flex space-x-4 text-sm text-gray-400">
<a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
<a href="../gdpr.html" class="hover:text-white transition duration-150">Ochrana soukromí</a>
<a href="../cookies.html" class="hover:text-white transition duration-150">Cookies</a>
</div>
</div>
</div>
</footer>
<script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.esm.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Set current year in footer
document.getElementById('currentYear').textContent = new Date().getFullYear();
// Mobile menu toggle
const mobileMenuButton = document.querySelector('.mobile-menu-button');
const mobileMenu = document.querySelector('.mobile-menu');
let isMenuOpen = false;
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', function() {
isMenuOpen = !isMenuOpen;
if (isMenuOpen) {
mobileMenu.style.transform = 'translateY(0)';
mobileMenu.style.opacity = '1';
mobileMenu.style.visibility = 'visible';
mobileMenuButton.setAttribute('aria-expanded', 'true');
} else {
mobileMenu.style.transform = 'translateY(-10px)';
mobileMenu.style.opacity = '0';
mobileMenu.style.visibility = 'hidden';
mobileMenuButton.setAttribute('aria-expanded', 'false');
}
});
}
});
</script>
</body>
</html>