
import React from "react";
import Layout from "@/components/layout/Layout";
import HeroSection from "@/components/sections/HeroSection";
import TeamMemberCard from "@/components/sections/TeamMemberCard";
import { Target, Award, Users, Clock } from "lucide-react";

const AboutPage = () => {
  const teamMembers = [
    {
      name: "Philippe Martin",
      role: "Fondateur & CEO",
      bio: "20 ans d'expérience en stratégie et développement d'entreprise. Ancien directeur de McKinsey & Company.",
      imageUrl: "https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80",
      linkedinUrl: "https://linkedin.com",
    },
    {
      name: "Marie Dupont",
      role: "Directrice Stratégie",
      bio: "Experte en stratégie de croissance et développement commercial avec 15 ans d'expérience dans le conseil.",
      imageUrl: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80",
      linkedinUrl: "https://linkedin.com",
    },
    {
      name: "Jean Durand",
      role: "Expert Financement",
      bio: "Spécialiste des levées de fonds avec plus de 25 opérations réussies pour un total de 150M€ levés.",
      imageUrl: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80",
      linkedinUrl: "https://linkedin.com",
    },
    {
      name: "Sophie Bernard",
      role: "Experte Transformation Digitale",
      bio: "10 ans d'expérience dans l'accompagnement digital des entreprises et la conduite du changement.",
      imageUrl: "https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80",
      linkedinUrl: "https://linkedin.com",
    },
  ];

  const values = [
    {
      icon: Target,
      title: "Excellence",
      description: "Nous visons l'excellence dans chaque mission, avec une approche rigoureuse et méthodique pour garantir des résultats optimaux.",
    },
    {
      icon: Award,
      title: "Intégrité",
      description: "Nous agissons avec honnêteté et transparence, en plaçant les intérêts de nos clients au cœur de nos recommandations.",
    },
    {
      icon: Users,
      title: "Collaboration",
      description: "Nous croyons en la force du travail d'équipe, en collaborant étroitement avec nos clients pour atteindre leurs objectifs.",
    },
    {
      icon: Clock,
      title: "Engagement",
      description: "Nous nous engageons pleinement dans chaque projet, avec une présence constante et un suivi rigoureux des actions.",
    },
  ];

  return (
    <Layout>
      <HeroSection
        title="À propos de Big Brothers Consulting"
        subtitle="Découvrez notre histoire, notre mission et nos valeurs qui nous guident dans l'accompagnement des entreprises en croissance."
        imageUrl="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80"
        buttonText=""
      />

      {/* History Section */}
      <section className="py-16 md:py-24">
        <div className="container mx-auto px-4">
          <div className="flex flex-col md:flex-row items-center gap-12">
            <div className="md:w-1/2">
              <h2 className="text-3xl font-bold mb-6">
                Notre histoire
              </h2>
              <p className="text-gray-700 mb-6">
                Fondé en 2012 par Philippe Martin, Big Brothers Consulting est né d'une vision simple : aider les entreprises à réaliser leur plein potentiel de croissance grâce à un accompagnement sur mesure et une expertise pointue.
              </p>
              <p className="text-gray-700 mb-6">
                Après une carrière de 15 ans dans le conseil stratégique au sein de grands cabinets internationaux, Philippe a réuni une équipe d'experts partageant sa passion pour l'accompagnement des entreprises en croissance.
              </p>
              <p className="text-gray-700">
                Aujourd'hui, Big Brothers Consulting est reconnu comme un acteur de référence dans le conseil en croissance d'entreprise, avec plus de 200 entreprises accompagnées et une expertise sectorielle diversifiée.
              </p>
            </div>
            <div className="md:w-1/2">
              <img
                src="https://images.unsplash.com/photo-1642052502780-8ee67c2c714c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"
                alt="Historique de Big Brothers Consulting"
                className="rounded-lg shadow-lg"
              />
            </div>
          </div>
        </div>
      </section>

      {/* Values Section */}
      <section className="py-16 md:py-24 bg-gray-50">
        <div className="container mx-auto px-4">
          <div className="text-center max-w-3xl mx-auto mb-16">
            <h2 className="text-3xl font-bold mb-6">Nos valeurs</h2>
            <p className="text-gray-700">
              Ces valeurs fondamentales guident notre approche et déterminent la façon dont nous travaillons avec nos clients chaque jour.
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            {values.map((value) => {
              const Icon = value.icon;
              return (
                <div key={value.title} className="text-center p-6 bg-white rounded-lg shadow-sm">
                  <div className="mx-auto h-12 w-12 rounded-full bg-primary-50 flex items-center justify-center mb-4">
                    <Icon className="h-6 w-6 text-primary-600" />
                  </div>
                  <h3 className="text-xl font-semibold mb-3">{value.title}</h3>
                  <p className="text-gray-600">{value.description}</p>
                </div>
              );
            })}
          </div>
        </div>
      </section>

      {/* Mission & Vision */}
      <section className="py-16 md:py-24">
        <div className="container mx-auto px-4">
          <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
            <div className="bg-primary-50 p-8 rounded-lg">
              <h3 className="text-2xl font-bold text-primary-700 mb-4">Notre mission</h3>
              <p className="text-gray-700">
                Accompagner les entreprises dans leur développement en apportant expertise, méthodes et innovations pour accélérer leur croissance de manière durable et rentable.
              </p>
            </div>
            <div className="bg-gray-50 p-8 rounded-lg">
              <h3 className="text-2xl font-bold text-gray-800 mb-4">Notre vision</h3>
              <p className="text-gray-700">
                Devenir le partenaire de référence des entreprises ambitieuses en matière d'accompagnement à la croissance, en créant un impact significatif sur leur développement et leur performance.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Team Section */}
      <section className="py-16 md:py-24 bg-gray-50">
        <div className="container mx-auto px-4">
          <div className="text-center max-w-3xl mx-auto mb-16">
            <h2 className="text-3xl font-bold mb-6">Notre équipe d'experts</h2>
            <p className="text-gray-700">
              Découvrez les experts passionnés qui accompagnent nos clients dans leur croissance avec engagement et professionnalisme.
            </p>
          </div>

          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
            {teamMembers.map((member) => (
              <TeamMemberCard
                key={member.name}
                name={member.name}
                role={member.role}
                bio={member.bio}
                imageUrl={member.imageUrl}
                linkedinUrl={member.linkedinUrl}
              />
            ))}
          </div>
        </div>
      </section>
    </Layout>
  );
};

export default AboutPage;
