<?php 
  $baslik = 3;
  include "header.php"; 
?>
<section id="sanatcilarimiz" class="py-5 my-5">
    <div class="container">
        <div class="text-center section-header">
            <h2 class="section-title">Etkinlik & Organizasyon</h2>
        </div>
        <div class="row g-4">
            <div class="col-lg-3 col-md-4 col-sm-6">
                <a href="servicesDetay.php" style="text-decoration:none">
                    <div class="card h-100 border-0 shadow-sm artist-card">
                        <div class="overflow-hidden p-2 rounded-4">
                            <img src="https://picsum.photos/800/600?random=10" class="card-img-top rounded-4" alt="Düğün Organizasyonu" style="height: 200px; object-fit: cover;">
                        </div>
                        
                        <div class="card-body text-center d-flex flex-column justify-content-center">
                            <h4 class="card-title fw-bold mb-4" style="color: var(--text-main);">Konser Organizasyonu</h4>
                            <div class="mb-3">
                                <small class="text-uppercase fw-bold text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">Mekan</small>
                                <p class="mb-0 fs-6 fw-bold" style="color: var(--text-main);">Harbiye Açık Hava</p>
                            </div>
                            <div class="mb-3">
                                <small class="text-uppercase fw-bold text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">Tarih</small>
                                <p class="mb-0 fs-6 fw-bold" style="color: var(--text-main);">19.05.2025</p>
                            </div>
                            <div>
                                <small class="text-uppercase fw-bold text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">Konsept</small>
                                <p class="mb-0 fs-6 fw-bold" style="color: var(--text-main);">Yaz Festivali</p>
                            </div>
                            
                        </div>
                    </div>
                </a>
                
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="card h-100 border-0 shadow-sm artist-card">
                    <div class="overflow-hidden p-2 rounded-4">
                        <img src="https://picsum.photos/800/600?random=11" class="card-img-top rounded-4" alt="Düğün Organizasyonu" style="height: 200px; object-fit: cover;">
                    </div>
                    
                    <div class="card-body text-center d-flex flex-column justify-content-center">
                        <h4 class="card-title fw-bold mb-4" style="color: var(--text-main);">Düğün Yemeği</h4>
                        <div class="mb-3">
                            <small class="text-uppercase fw-bold text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">Mekan</small>
                            <p class="mb-0 fs-6 fw-bold" style="color: var(--text-main);">Çırağan Sarayı</p>
                        </div>
                        <div class="mb-3">
                            <small class="text-uppercase fw-bold text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">Tarih</small>
                            <p class="mb-0 fs-6 fw-bold" style="color: var(--text-main);">10.01.2026</p>
                        </div>
                        <div>
                            <small class="text-uppercase fw-bold text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">Konsept</small>
                            <p class="mb-0 fs-6 fw-bold" style="color: var(--text-main);">Etkinlik</p>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php include "footer.php" ?>