{% extends 'BaseLayout.html' %}
{% load static %}
{% block title %}{{ project_name }} Django Template{% endblock %}
{% block content %}
    <!-- Ana İçerik (Hero Section) -->
    <main class="flex-shrink-0">
        <div class="container mt-5">
            <div class="p-5 text-center bg-white rounded-3 shadow-sm border">
                <h1 class="text-primary fw-bold">Hoş Geldiniz!</h1>
                <p class="lead mt-3 text-muted">
                    <strong>{{ project_name }}</strong> projesi, özel Django şablonunuz kullanılarak başarıyla oluşturuldu. Dahili <strong>jcore</strong> uygulaması çalışmaya hazır.
                </p>
                <hr class="my-4">
                <p>Şu anda Bootstrap 5 ile şekillendirilmiş varsayılan şablonu görüyorsunuz.</p>
                <div class="d-flex justify-content-center gap-3 mt-4">
                    <a href="/admin" class="btn btn-primary btn-lg">Admin Paneline Git</a>
                    <a href="#" class="btn btn-outline-secondary btn-lg">Dokümantasyon</a>
                </div>
            </div>
            <!-- Özellikler Kartları (Grid Sistemi Örneği) -->
            <div class="row mt-5 text-center">
                <div class="col-md-4 mb-4">
                    <div class="card h-100 shadow-sm border-0">
                        <div class="card-body">
                            <h5 class="card-title text-dark">🚀 Hızlı Başlangıç</h5>
                            <p class="card-text text-muted">Projeniz temel ayarlar ve jcore uygulaması ile birlikte anında kodlamaya hazır.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100 shadow-sm border-0">
                        <div class="card-body">
                            <h5 class="card-title text-dark">🎨 Modern Tasarım</h5>
                            <p class="card-text text-muted">Bootstrap 5 entegrasyonu sayesinde mobil uyumlu ve şık bir arayüz.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100 shadow-sm border-0">
                        <div class="card-body">
                            <h5 class="card-title text-dark">⚙️ Özelleştirilmiş</h5>
                            <p class="card-text text-muted">Views, urls ve settings dosyaları sizin belirlediğiniz standartlara göre yapılandırıldı.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
{% endblock %}