src/components/Partners.astro - develop - superwizard/jjoy-site

src/components/Partners.astro
68 строк3 KB
Denis Burlaka
Страница партнёров
24 авг 2025, 16:28
24 авг 2025, 16:28132bae3
---
const partners = Astro.props.partners;
---

<!-- Наши партнёры -->
<section class="py-16 bg-white">
	<div class="container mx-auto px-4">
		<div class="flex flex-wrap justify-center gap-8">
			<!-- Топ Гастробар -->
			<a href="https://топбар.com" target="_blank" rel="noopener noreferrer" class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition w-full max-w-sm flex flex-col h-full">
				<div class="h-48 overflow-hidden">
					<img src="https://optim.tildacdn.com/tild3034-3366-4034-b035-313261386434/-/format/webp/SdGC8AkDaRo.jpg.webp" 
						alt="Топ Гастробар" 
						class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" />
				</div>
				<div class="p-6 flex flex-col flex-grow">
					<div class="flex justify-between items-start mb-4">
						<div>
							<h3 class="text-xl font-bold">Топ Гастробар</h3>
							<p class="text-primary">Рязань, Ленина 21 (ТЦ Атрон), 3 эт.</p>
						</div>
						<span class="bg-gray-100 text-gray-800 text-xs font-semibold px-2 py-1 rounded">
							Архив
						</span>
					</div>
					<p class="text-gray-600 text-sm mb-4">
						ТОП гастробар - бар для отдыха и комфортной работы.
					</p>
					<p class="text-gray-600 text-sm mb-4">
						Объединяет в себе пространство для дневной работы за ноутбуком, проведения встреч, переговоров и вечернюю, барную атмосферу.
					</p>
					<div class="flex justify-between text-sm text-gray-500">
						<span>С 2020 года</span>
					</div>
				</div>
			</a>

			<!-- Punch Club -->
			<a href="https://vk.com/standupclubpunch" target="_blank" rel="noopener noreferrer" class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition w-full max-w-sm flex flex-col h-full">
				<div class="h-48 overflow-hidden">
					<img src="https://avatars.mds.yandex.net/get-altay/760153/2a000001889cece38ac1bd19b0fece494138/XXXL" 
						alt="Punch Club" 
						class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" />
				</div>
				<div class="p-6 flex flex-col flex-grow">
					<div class="flex justify-between items-start mb-4">
						<div>
							<h3 class="text-xl font-bold">Punch Club</h3>
							<p class="text-primary">Рязань, Введенская 89</p>
						</div>
						<span class="bg-gray-100 text-gray-800 text-xs font-semibold px-2 py-1 rounded">
							Архив
						</span>
					</div>
					<p class="text-gray-600 text-sm mb-4">
						Stand Up Club "PUNCH"
					</p>
					<p class="text-gray-600 text-sm mb-4">
						Место силы творческих людей.
					</p>
					<div class="flex justify-between text-sm text-gray-500">
						<span>С 2018 года</span>
					</div>
				</div>
			</a>
		</div>
	</div>
</section>