@extends('layouts.site')

@section('title', 'About Rentor - Modern Property Management Platform')

@section('content')
<section class="py-20 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <!-- Heading -->
        <div class="text-center mb-16">
            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">About Rentor</h1>
            <div class="w-24 h-1 bg-gradient-to-r from-orange-500 to-pink-600 mx-auto mb-8"></div>
            <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                We're on a mission to revolutionize property management in Africa and beyond.
            </p>
        </div>

        <!-- Main Story -->
        <div class="mb-20">
            <div class="grid md:grid-cols-2 gap-12 items-center">
                <div data-aos="fade-right">
                    <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Story</h2>
                    <div class="w-20 h-1 bg-orange-500 mb-6"></div>
                    <p class="text-gray-600 mb-4 leading-relaxed">
                        <strong>Rentor</strong> was founded with one powerful goal: to make property management simple, transparent, and stress-free for everyone involved. We recognized that the rental ecosystem in Africa was fragmented, with property owners struggling to find reliable tenants, managers overwhelmed by manual processes, and tenants facing difficulties in finding trustworthy properties.
                    </p>
                    <p class="text-gray-600 mb-4 leading-relaxed">
                        From small studio apartments to large commercial properties, we help you manage everything in one place. Our platform streamlines communication, automates routine tasks, and provides real-time insights so you can focus on what matters most — growing your property portfolio and providing excellent service to tenants.
                    </p>
                    <p class="text-gray-600 leading-relaxed">
                        Today, Rentor is trusted by hundreds of property professionals across the continent. Our team brings together industry experts, technology innovators, and customer care professionals who share one unified vision — to redefine the rental experience for everyone involved.
                    </p>
                </div>
                <div class="relative" data-aos="fade-left">
                    <img src="https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=600&auto=format" 
                         alt="Modern property management" 
                         class="rounded-2xl shadow-xl w-full">
                    <div class="absolute -bottom-5 -right-5 bg-orange-500 rounded-xl p-4 shadow-lg">
                        <div class="text-white text-center">
                            <div class="text-3xl font-bold">500+</div>
                            <div class="text-sm">Properties Managed</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Mission & Vision -->
        <div class="mb-20 bg-gradient-to-r from-orange-50 to-pink-50 rounded-2xl p-8 md:p-12">
            <div class="grid md:grid-cols-2 gap-8">
                <div class="text-center md:text-left" data-aos="fade-up">
                    <div class="w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto md:mx-0 mb-4">
                        <svg class="w-8 h-8 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold text-gray-900 mb-3">Our Mission</h3>
                    <p class="text-gray-600 leading-relaxed">
                        To empower property stakeholders with innovative technology that simplifies operations, enhances transparency, and maximizes returns. We're committed to building trust and efficiency in the rental market through accessible, secure, and user-friendly solutions.
                    </p>
                </div>
                <div class="text-center md:text-left" data-aos="fade-up" data-aos-delay="100">
                    <div class="w-16 h-16 bg-pink-100 rounded-full flex items-center justify-center mx-auto md:mx-0 mb-4">
                        <svg class="w-8 h-8 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold text-gray-900 mb-3">Our Vision</h3>
                    <p class="text-gray-600 leading-relaxed">
                        To become Africa's leading property technology platform, connecting millions of property owners, managers, and tenants in a seamless digital ecosystem that sets new standards for rental management excellence.
                    </p>
                </div>
            </div>
        </div>

        <!-- Core Values -->
        <div class="mb-20">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Core Values</h2>
                <div class="w-24 h-1 bg-gradient-to-r from-orange-500 to-pink-600 mx-auto"></div>
            </div>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="text-center p-6 rounded-xl hover:shadow-lg transition-shadow" data-aos="zoom-in">
                    <div class="w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
                        <svg class="w-10 h-10 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">Transparency</h3>
                    <p class="text-gray-600">
                        We believe in open communication, clear pricing, and honest dealings. No hidden fees, no surprises — just straightforward property management.
                    </p>
                </div>
                <div class="text-center p-6 rounded-xl hover:shadow-lg transition-shadow" data-aos="zoom-in" data-aos-delay="100">
                    <div class="w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
                        <svg class="w-10 h-10 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">Innovation</h3>
                    <p class="text-gray-600">
                        We continuously evolve our platform with cutting-edge technology to solve real-world property management challenges.
                    </p>
                </div>
                <div class="text-center p-6 rounded-xl hover:shadow-lg transition-shadow" data-aos="zoom-in" data-aos-delay="200">
                    <div class="w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
                        <svg class="w-10 h-10 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">Community</h3>
                    <p class="text-gray-600">
                        We're building more than just a platform — we're creating a community where property stakeholders can thrive together.
                    </p>
                </div>
            </div>
        </div>

        <!-- What Makes Us Different -->
        <div class="mb-20">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">What Makes Rentor Different</h2>
                <div class="w-24 h-1 bg-gradient-to-r from-orange-500 to-pink-600 mx-auto"></div>
                <p class="text-gray-600 max-w-2xl mx-auto mt-4">
                    We combine powerful features with an intuitive interface to deliver an unmatched property management experience.
                </p>
            </div>
            <div class="grid md:grid-cols-2 gap-8">
                <div class="flex items-start space-x-4 p-4 rounded-lg hover:bg-gray-50 transition" data-aos="fade-right">
                    <div class="flex-shrink-0">
                        <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
                            <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                            </svg>
                        </div>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-900 mb-1">All-in-One Platform</h3>
                        <p class="text-gray-600 text-sm">Manage properties, tenants, payments, and maintenance from a single dashboard — no more switching between multiple tools.</p>
                    </div>
                </div>
                <div class="flex items-start space-x-4 p-4 rounded-lg hover:bg-gray-50 transition" data-aos="fade-left">
                    <div class="flex-shrink-0">
                        <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
                            <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
                            </svg>
                        </div>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-900 mb-1">Bank-Level Security</h3>
                        <p class="text-gray-600 text-sm">Your data is protected with 256-bit encryption, secure servers, and regular security audits. We never store sensitive payment information.</p>
                    </div>
                </div>
                <div class="flex items-start space-x-4 p-4 rounded-lg hover:bg-gray-50 transition" data-aos="fade-right" data-aos-delay="100">
                    <div class="flex-shrink-0">
                        <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
                            <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                            </svg>
                        </div>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-900 mb-1">Transparent Pricing</h3>
                        <p class="text-gray-600 text-sm">No setup fees, no hidden charges. Pay only for what you need with flexible plans that grow with your property portfolio.</p>
                    </div>
                </div>
                <div class="flex items-start space-x-4 p-4 rounded-lg hover:bg-gray-50 transition" data-aos="fade-left" data-aos-delay="100">
                    <div class="flex-shrink-0">
                        <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
                            <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m0 5.656l3.536 3.536M12 21a9 9 0 100-18 9 9 0 000 18z"></path>
                            </svg>
                        </div>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-900 mb-1">24/7 Customer Support</h3>
                        <p class="text-gray-600 text-sm">Our dedicated support team is always ready to help via chat, email, or phone. We're committed to your success.</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Our Team -->
        <div class="mb-20">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">Meet Our Leadership</h2>
                <div class="w-24 h-1 bg-gradient-to-r from-orange-500 to-pink-600 mx-auto"></div>
                <p class="text-gray-600 max-w-2xl mx-auto mt-4">
                    Experienced professionals passionate about transforming property management
                </p>
            </div>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="text-center" data-aos="fade-up">
                    <img src="data:image/jpeg;base64,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" alt="CEO" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
                    <h3 class="font-bold text-xl text-gray-900">Hudson Mwanika</h3>
                    <p class="text-orange-600 mb-2">Founder & CEO</p>
                    <p class="text-gray-600 text-sm">15+ years in real estate and property technology</p>
                </div>
                <div class="text-center" data-aos="fade-up" data-aos-delay="100">
                    <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="CTO" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
                    <h3 class="font-bold text-xl text-gray-900">Sarah Okonkwo</h3>
                    <p class="text-orange-600 mb-2">Chief Technology Officer</p>
                    <p class="text-gray-600 text-sm">Former tech lead at major fintech platforms</p>
                </div>
                <div class="text-center" data-aos="fade-up" data-aos-delay="200">
                    <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="COO" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
                    <h3 class="font-bold text-xl text-gray-900">Michael Omondi</h3>
                    <p class="text-orange-600 mb-2">Chief Operations Officer</p>
                    <p class="text-gray-600 text-sm">Expert in property management and operations</p>
                </div>
            </div>
        </div>

        <!-- Stats Section -->
        <div class="bg-gradient-to-r from-orange-600 to-pink-600 rounded-2xl p-8 md:p-12 text-white mb-20">
            <div class="grid md:grid-cols-4 gap-8 text-center">
                <div data-aos="fade-up">
                    <div class="text-4xl font-bold mb-2">500+</div>
                    <div class="text-sm opacity-90">Properties Managed</div>
                </div>
                <div data-aos="fade-up" data-aos-delay="100">
                    <div class="text-4xl font-bold mb-2">1000+</div>
                    <div class="text-sm opacity-90">Happy Tenants</div>
                </div>
                <div data-aos="fade-up" data-aos-delay="200">
                    <div class="text-4xl font-bold mb-2">50+</div>
                    <div class="text-sm opacity-90">Property Managers</div>
                </div>
                <div data-aos="fade-up" data-aos-delay="300">
                    <div class="text-4xl font-bold mb-2">98%</div>
                    <div class="text-sm opacity-90">Satisfaction Rate</div>
                </div>
            </div>
        </div>

        <!-- CTA -->
        <div class="text-center" data-aos="fade-up">
            <h2 class="text-3xl font-bold text-gray-900 mb-4">Ready to Transform Your Property Management?</h2>
            <p class="text-gray-600 mb-8 max-w-2xl mx-auto">
                Join hundreds of property professionals who trust Rentor to streamline their operations and grow their business.
            </p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <a href="{{ route('register') }}?role=property_owner" 
                   class="inline-flex items-center justify-center px-6 py-3 bg-orange-600 text-white font-semibold rounded-lg shadow-lg hover:bg-orange-700 transition">
                    Get Started as Landlord
                    <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </a>
                <a href="{{ route('register') }}?role=manager" 
                   class="inline-flex items-center justify-center px-6 py-3 bg-gray-800 text-white font-semibold rounded-lg shadow-lg hover:bg-gray-900 transition">
                    Join as Property Manager
                </a>
            </div>
        </div>
    </div>
</section>
@endsection