mirror of
https://github.com/Dvorinka/sportcreative.git
synced 2026-06-04 19:52:56 +00:00
Your Name
542 lines
33 KiB
HTML
542 lines
33 KiB
HTML
<!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">
|
||
© <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>
|