@@ -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– < / 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 – < / 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– < 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– < / li >
< li > • Plán rozvoje sportu 2026– < / 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– < / 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" >
© < 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 >
Your Name