@extends('layouts.app')

@section('title', 'About Us - IHS-BiRD & L')
@section('description', 'About the Institute for Historical Studies, Biographical Research, Documentation and Legacy')

@section('content')

<!-- About Section -->
<section class="pt-24 pb-16 bg-white dark:bg-gray-900">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-16">
            <div class="space-y-8">
                <div>
                    <h1 class="text-5xl sm:text-6xl font-bold text-gray-900 dark:text-white mb-4">About Us</h1>
                    <div class="w-24 h-1 bg-gradient-to-r from-amber-500 to-orange-600"></div>
                </div>

                <div class="space-y-6 text-gray-700 dark:text-gray-300 leading-relaxed text-lg">
                    <p>
                        The Institute for Historical Studies, Biographical Research, Documentation and Legacy (IHS-BiRD & L) is a non-governmental, not-for-profit organization dedicated to the study of history and the dissemination of historical knowledge.
                    </p>

                    <p>
                        Founded on the conviction that history is the foundation upon which nations build their future, our institute serves as a beacon for scholars, researchers, historians, policymakers, and intellectuals seeking to understand the complexities, achievements, and lessons of Nigerian society from pre-colonial times to the present day.
                    </p>

                    <p>
                        Our multidisciplinary approach brings together experts in history, biography, archival science, cultural preservation, digital humanities, and public engagement to create comprehensive, accessible, and authoritative knowledge about Nigeria's past and its influential figures.
                    </p>
                </div>
            </div>

            <div class="relative h-96 lg:h-full min-h-96">
                <img src="{{ asset('images/Logo-without-background.png') }}" alt="IHS-BiRD & L Logo" class="w-full h-full object-cover rounded-xl shadow-2xl">
                <div class="absolute inset-0 bg-gradient-to-t from-black/30 to-transparent rounded-xl"></div>
            </div>
        </div>

        <!-- Who We Are & Mission -->
        <div class="bg-amber-50 dark:bg-amber-900/20 rounded-xl p-12 mb-16 border border-amber-200 dark:border-amber-800">
            <h2 class="text-4xl font-bold text-gray-900 dark:text-white mb-6">Who We Are</h2>

            <div class="space-y-6 text-gray-700 dark:text-gray-300 leading-relaxed">
                <p>
                    The Institute for Historical Studies, Biographical Research, Documentation and Legacy (IHS-BiRD & L) is a non-governmental, not-for-profit organization dedicated to the study of history and the dissemination of historical knowledge.
                </p>

                <h3 class="text-2xl font-semibold mt-6">Our Foundation</h3>
                <p>
                    Officially incorporated on <strong>28 October 2024</strong> under the Companies and Allied Matters Act, 2020 (RC No. 8035631), the Institute was established to respond to the neglect of modern historical documentation and the dismissal of Africa’s oral traditions by global platforms.
                </p>

                <h3 class="text-2xl font-semibold mt-6">Our Passion</h3>
                <p>
                    We believe history is a vital part of education. It deepens our understanding of the world and shapes identity. With a strong commitment to rigorous research, we document legacies and share knowledge that connect Nigeria’s past with its present and future.
                </p>

                <h3 class="text-2xl font-semibold mt-6">Our Work</h3>
                <p>
                    IHS-BiRD & L identifies and preserves the stories of underrepresented but influential individuals, pivotal events and key institutions. We make these stories digitally accessible and ensure they remain available for future generations, even within the evolving global knowledge system.
                </p>

                <h3 class="text-2xl font-semibold mt-6">Our Founder</h3>
                <p>
                    The Institute was founded by <strong>Bem Max Nomor</strong>, a historian, broadcaster, journalist, management consultant and leadership researcher, with a vision to safeguard and celebrate Nigeria’s rich heritage.
                </p>

                <h3 class="text-2xl font-semibold mt-6">Our Impact</h3>
                <p>
                    Through our work, we aim to inspire pride, reflection and a strong sense of identity among Nigerians, especially the younger generation. We are committed to making Nigerian history visible, credible and central on the global stage.
                </p>

                <div class="mt-8 bg-white dark:bg-gray-800 p-6 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
                    <h4 class="text-xl font-bold mb-2">Our Emblem: Memory in Motion</h4>
                    <p class="text-gray-700 dark:text-gray-300 mb-4">
                        At the heart of our crest lies an open book, its pages still turning. It symbolizes history not as a static archive, but as a living, ongoing study — we are writing it in real time, one Nigerian story at a time. Featured in the open book is a photograph of Nomor (meaning "hero" in Tiv), the founder’s grandfather — a reminder that many true heroes remain unsung. Above the open book is a shelf lined with volumes of history: histories already uncovered, documented, and preserved. They represent our growing digital archive — open to the world, accessible to all.
                    </p>

                    <ul class="list-inside list-disc space-y-2 text-gray-700 dark:text-gray-300">
                        <li>📖 We study history to write it.</li>
                        <li>📚 We write it to preserve it.</li>
                        <li>🌍 We preserve it to empower generations.</li>
                    </ul>

                    <p class="mt-4 font-semibold">IHS-BiRD & L — <em>Memoria Futuri</em> — Memory of the Future.</p>
                </div>
            </div>
        </div>

        <!-- Core Competencies -->
        <div>
            <h2 class="text-4xl font-bold text-gray-900 dark:text-white mb-12 text-center">Our Core Competencies</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-lg border-l-4 border-amber-500">
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Research & Analysis</h3>
                    <p class="text-gray-600 dark:text-gray-400">Rigorous historical research using primary and secondary sources, employing contemporary methodologies and technologies.</p>
                </div>

                <div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-lg border-l-4 border-orange-500">
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Documentation & Archiving</h3>
                    <p class="text-gray-600 dark:text-gray-400">Professional archival practices, digitization, preservation, and organization of historical materials.</p>
                </div>

                <div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-lg border-l-4 border-red-500">
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Publication & Dissemination</h3>
                    <p class="text-gray-600 dark:text-gray-400">Publishing scholarly works, making research accessible through journals, books, and digital platforms.</p>
                </div>

                <div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-lg border-l-4 border-amber-600">
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Education & Training</h3>
                    <p class="text-gray-600 dark:text-gray-400">Conducting seminars, workshops, and training programs for students and researchers.</p>
                </div>

                <div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-lg border-l-4 border-orange-600">
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Collaboration & Partnerships</h3>
                    <p class="text-gray-600 dark:text-gray-400">Working with universities, government bodies, cultural institutions, and international organizations.</p>
                </div>

                <div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-lg border-l-4 border-yellow-500">
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Public Engagement</h3>
                    <p class="text-gray-600 dark:text-gray-400">Making history relevant and accessible to the general public through exhibitions and cultural programs.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="py-20 bg-gradient-to-r from-amber-600 to-orange-700">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-white">
        <h2 class="text-4xl font-bold mb-6">Join Us in Preserving History</h2>
        <p class="text-xl mb-8 max-w-2xl mx-auto">
            Whether you're a researcher, student, historian, or history enthusiast, there are many ways to get involved with our mission.
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <a href="{{ route('contact.index') }}" class="px-8 py-4 bg-white text-orange-600 font-bold rounded-lg hover:shadow-lg transition-all">
                Get Involved
            </a>
            <a href="/" class="px-8 py-4 bg-white/20 border-2 border-white text-white font-bold rounded-lg hover:bg-white/30 transition-all">
                Back to Home
            </a>
        </div>
    </div>
</section>

@endsection