@extends('layouts.app')
@section('title','About Us — JobPortal')
@section('content')
<div style="background:#080d1a;min-height:100vh;">
    <div class="py-5" style="background:linear-gradient(135deg,#0f172a,#1e1b4b);">
        <div class="container text-center"><h1 class="text-white fw-800 mb-2">About <span class="gradient-text">JobPortal</span></h1><p class="text-muted">India's fastest growing job portal</p></div>
    </div>
    <div class="container py-5" style="max-width:900px;">
        <div class="card-glass p-5 mb-4">
            <h3 class="text-white fw-700 mb-4">Our Mission</h3>
            <p class="text-muted mb-3" style="line-height:1.9;">JobPortal is India's fastest growing job portal connecting talented professionals with top companies. We believe everyone deserves a job they love, and we make that happen by bringing the right people and opportunities together.</p>
            <p class="text-muted" style="line-height:1.9;">Founded in 2024, we have helped over 50,000 professionals find their dream jobs across 1,000+ companies in India and beyond.</p>
        </div>
        <div class="row g-4 mb-4">
            @foreach([['🚀','50,000+','Job Seekers'],['🏢','1,000+','Companies'],['💼','10,000+','Jobs Posted'],['⭐','95%','Success Rate']] as $s)
            <div class="col-6 col-md-3">
                <div class="card-glass p-4 text-center">
                    <div style="font-size:2.5rem;margin-bottom:0.5rem;">{{ $s[0] }}</div>
                    <div class="stat-number" style="font-size:1.8rem;">{{ $s[1] }}</div>
                    <div class="text-muted small">{{ $s[2] }}</div>
                </div>
            </div>
            @endforeach
        </div>
        <div class="card-glass p-5">
            <h3 class="text-white fw-700 mb-4">Our Values</h3>
            <div class="row g-4">
                @foreach([['🎯','Transparency','We believe in open and honest communication between job seekers and employers.'],['🤝','Trust','We verify companies and create a safe, spam-free environment for all users.'],['⚡','Speed','Apply to jobs in seconds. Get interview calls faster with our smart matching.'],['💡','Innovation','We constantly improve our platform to give you the best job search experience.']] as $v)
                <div class="col-md-6">
                    <div style="display:flex;gap:1rem;">
                        <div style="font-size:2rem;flex-shrink:0;">{{ $v[0] }}</div>
                        <div><h6 class="text-white fw-600 mb-1">{{ $v[1] }}</h6><p class="text-muted small mb-0">{{ $v[2] }}</p></div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection