{% extends "base.html" %}

{% block title %}درباره ما - {{ settings.site_name }}{% endblock %}

{% block content %}

<section style="padding:60px 0;">
    <div class="container">
        <div style="text-align:center;margin-bottom:50px;">
            <h1 style="font-size:34px;color:#0d1b6b;">درباره ما</h1>
            <p style="color:#666;font-size:18px;">آشنایی با نمایندگی تعمیرات دوو در تهران</p>
        </div>
        
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;">
            <div style="background:white;padding:40px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);">
                <h2 style="color:#0d1b6b;margin-bottom:20px;">چرا ما را انتخاب کنید؟</h2>
                <p style="color:#555;line-height:2;font-size:16px;">
                    {{ settings.about_text|default('ما با بیش از ۱۰ سال تجربه در زمینه تعمیرات لوازم خانگی دوو، بهترین و سریع‌ترین خدمات را در تهران ارائه می‌دهیم.') }}
                </p>
                
                <div style="margin-top:30px;">
                    <div style="display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #eee;">
                        <i class="fas fa-check-circle" style="color:#25d366;font-size:20px;"></i>
                        <div>
                            <div style="font-weight:500;">تکنسین‌های مجرب</div>
                            <div style="font-size:14px;color:#888;">همه تکنسین‌ها دارای گواهینامه و تجربه بالا</div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #eee;">
                        <i class="fas fa-check-circle" style="color:#25d366;font-size:20px;"></i>
                        <div>
                            <div style="font-weight:500;">ضمانت کیفیت</div>
                            <div style="font-size:14px;color:#888;">تمام تعمیرات دارای ضمانت ۳ ماهه</div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #eee;">
                        <i class="fas fa-check-circle" style="color:#25d366;font-size:20px;"></i>
                        <div>
                            <div style="font-weight:500;">قطعات اورجینال</div>
                            <div style="font-size:14px;color:#888;">استفاده از قطعات اصلی و با کیفیت دوو</div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:15px;padding:12px 0;">
                        <i class="fas fa-check-circle" style="color:#25d366;font-size:20px;"></i>
                        <div>
                            <div style="font-weight:500;">اعزام سریع</div>
                            <div style="font-size:14px;color:#888;">اعزام تکنسین در کمتر از ۲ ساعت به محل شما</div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div>
                <div style="background:#0d1b6b;color:white;padding:40px;border-radius:15px;text-align:center;">
                    <i class="fas fa-tools" style="font-size:80px;opacity:0.3;display:block;margin-bottom:20px;"></i>
                    <h2 style="font-size:28px;margin-bottom:10px;">{{ settings.site_name|default('نمایندگی تعمیرات دوو') }}</h2>
                    <p style="opacity:0.8;">بیش از ۱۰ سال تجربه درخشان</p>
                    <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:30px;">
                        <div>
                            <div style="font-size:32px;font-weight:900;">۱۰+</div>
                            <div style="font-size:14px;opacity:0.7;">سال تجربه</div>
                        </div>
                        <div>
                            <div style="font-size:32px;font-weight:900;">۱۰۰۰+</div>
                            <div style="font-size:14px;opacity:0.7;">مشتری راضی</div>
                        </div>
                        <div>
                            <div style="font-size:32px;font-weight:900;">۹۸%</div>
                            <div style="font-size:14px;opacity:0.7;">رضایت</div>
                        </div>
                    </div>
                </div>
                
                <div style="background:white;padding:30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);margin-top:30px;">
                    <h3 style="color:#0d1b6b;margin-bottom:15px;">تماس با ما</h3>
                    <a href="tel:{{ settings.phone1 }}" style="display:block;background:#e53935;color:white;padding:15px;border-radius:10px;text-align:center;font-size:20px;font-weight:700;">
                        <i class="fas fa-phone-alt"></i> {{ settings.phone1 }}
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

{% endblock %}