about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About | Management Evolution Pro</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#3B82F6',
                        secondary: '#0D9488'
                    }
                }
            }
        }
    </script>
</head>
<body class="bg-gray-50 font-sans antialiased">
    <custom-header></custom-header>

    <main class="pt-20">
        <!-- About Section -->
        <section class="py-20 bg-white">
            <div class="container mx-auto px-6 md:px-12">
                <div class="text-center mb-16">
                    <h2 class="text-3xl font-bold text-gray-800 mb-4">About Gill Dean Management</h2>
                    <div class="w-20 h-1 bg-secondary-500 mx-auto"></div>
                </div>

                <div class="flex flex-col md:flex-row items-center">
                    <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
                        <img src="http://static.photos/people/640x360/42" alt="Gill Dean" class="rounded-xl shadow-lg w-full h-auto" loading="lazy">
                    </div>
                    <div class="md:w-1/2">
                        <p class="text-gray-600 mb-6 leading-relaxed">Management is an indispensable concept at all levels of our society. Today it seems essential to give it an ethical meaning in both its learning and practice.</p>
                        <p class="text-gray-600 mb-6 leading-relaxed">With her experience and approach to management, Gill DEAN is committed to offering thoughtful training programs adapted to the real needs of your collaborators and your company.</p>
                        <div class="bg-primary-50 border-l-4 border-primary-500 p-4 rounded-r-lg mb-6">
                            <p class="text-primary-800 italic">"For every collaborator there is training; for better communication, team efficiency, potential emergence, and achieving results and objectives."</p>
                        </div>
                        <p class="text-gray-600 leading-relaxed">Originally from London, Gill DEAN offers all her training programs in English to help professionals master this essential business language.</p>
                    </div>
                </div>

                <!-- Mission Section -->
                <div class="mt-20">
                    <div class="bg-gray-50 rounded-xl p-8 md:p-12">
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                            <div>
                                <h3 class="text-2xl font-semibold text-gray-800 mb-4">Our Mission</h3>
                                <p class="text-gray-600">To empower organizations through ethical management training that fosters both personal growth and professional excellence.</p>
                            </div>
                            <div>
                                <h3 class="text-2xl font-semibold text-gray-800 mb-4">Our Values</h3>
                                <ul class="space-y-2 text-gray-600">
                                    <li class="flex items-start">
                                        <i data-feather="check-circle" class="text-primary-600 w-5 h-5 mr-2 mt-1"></i>
                                        <span>Ethical business practices</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i data-feather="check-circle" class="text-primary-600 w-5 h-5 mr-2 mt-1"></i>
                                        <span>Personalized learning experiences</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i data-feather="check-circle" class="text-primary-600 w-5 h-5 mr-2 mt-1"></i>
                                        <span>Measurable results</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA Section -->
        <section id="contact" class="py-16 bg-gradient-to-r from-primary-600 to-secondary-500 text-white">
            <div class="container mx-auto px-6 md:px-12 text-center">
                <h2 class="text-3xl font-bold mb-6">Ready to Transform Your Team?</h2>
                <p class="text-xl mb-8 max-w-2xl mx-auto">Contact us today to discuss customized training solutions for your organization.</p>
                <div class="flex flex-col sm:flex-row justify-center gap-4">
                    <a href="mailto:contact@gilldean-management.com" class="bg-white text-primary-600 hover:bg-gray-100 font-semibold py-3 px-8 rounded-lg transition duration-300 text-center">
                        <i data-feather="mail" class="inline mr-2"></i> Email Us
                    </a>
                    <a href="tel:+1234567890" class="border-2 border-white hover:bg-white hover:text-primary-600 font-semibold py-3 px-8 rounded-lg transition duration-300 text-center">
                        <i data-feather="phone" class="inline mr-2"></i> Call Us
                    </a>
                </div>
            </div>
        </section>
    </main>

    <custom-footer></custom-footer>

    <script src="components/header.js"></script>
    <script src="components/footer.js"></script>
    <script src="script.js"></script>
    <script>feather.replace();</script>
</body>
</html>