@extends('layouts.app')

@section('title', 'Our Team — ' . config('gerg.name'))

@section('content')
    @include('partials.page-hero', ['title' => 'Our Team', 'subtitle' => 'Professionals and dynamic talent aligned across every group company.', 'breadcrumb' => 'Our Team'])

    <section class="py-16 lg:py-24 bg-slate-50">
        <div class="mx-auto max-w-4xl px-4 lg:px-8">
            <div class="bg-white rounded-2xl shadow-lg p-8 lg:p-12">
                <div class="text-center mb-10">
                    <div class="inline-flex h-16 w-16 items-center justify-center rounded-full bg-gerg-100 text-4xl mb-6">
                        👥
                    </div>
                    <h2 class="font-display text-3xl font-semibold text-gerg-900">Our Team</h2>
                </div>

                <div class="text-slate-600 leading-relaxed space-y-4">
                    <p>
                        GOLDEN ERA ROYAL GROUP is blessed with a team which is a combination of experience and youthfulness. The concepts are very unique with the members ready to discuss with the clients to improve the output.
                    </p>
                    <p>
                        The group is in 6 segments now with a bigger team size in segments like:
                    </p>
                    <ul class="list-disc list-inside space-y-2 text-gerg-700 font-medium">
                        <li>Property Development & Construction</li>
                        <li>Property Selling</li>
                        <li>Software Development</li>
                        <li>Financial Solutions</li>
                        <li>Entertainment</li>
                        <li>Online Selling</li>
                    </ul>
                    <p class="pt-4">
                        Backed with a strong legal and execution team. We are committed to take this group to pinnacle by way of:
                    </p>
                    <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mt-4">
                        <div class="text-center p-4 bg-gerg-50 rounded-xl">
                            <span class="text-2xl">🔍</span>
                            <p class="mt-2 text-sm font-semibold text-gerg-800">Transparency</p>
                        </div>
                        <div class="text-center p-4 bg-gerg-50 rounded-xl">
                            <span class="text-2xl">❤️</span>
                            <p class="mt-2 text-sm font-semibold text-gerg-800">Passion</p>
                        </div>
                        <div class="text-center p-4 bg-gerg-50 rounded-xl">
                            <span class="text-2xl">⚡</span>
                            <p class="mt-2 text-sm font-semibold text-gerg-800">Execution</p>
                        </div>
                        <div class="text-center p-4 bg-gerg-50 rounded-xl">
                            <span class="text-2xl">✨</span>
                            <p class="mt-2 text-sm font-semibold text-gerg-800">Creativity</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection