
import React from "react";
import Layout from "@/components/layout/Layout";
import HeroSection from "@/components/sections/HeroSection";
import TestimonialCard from "@/components/sections/TestimonialCard";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Link } from "react-router-dom";
import { ArrowRight } from "lucide-react";

const TestimonialsPage = () => {
  const testimonials = [
    {
      name: "Sophie Martin",
      role: "Directrice Générale",
      company: "InnoTech Solutions",
      quote: "Grâce à l'accompagnement des grands frères de Big Brozers, notre entreprise a doublé son chiffre d'affaires en seulement 18 mois. Leur expertise et leur approche personnalisée ont été déterminantes dans notre réussite.",
      imageUrl: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80",
    },
    {
      name: "Arnaud Mizzon",
      role: "CEO",
      company: "Lorbac Productions",
      quote: "L'équipe de Big Brozers Consulting a su nous guider efficacement dans notre transformation digitale. Leur vision stratégique et leur connaissance du marché nous ont permis de développer de nouveaux canaux d'acquisition clients, en dérisquant ce secteur de l'entreprise.",
      imageUrl: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80",
    },
    {
      name: "Émilie Leclerc",
      role: "Directrice Marketing",
      company: "BeautyTech",
      quote: "La méthodologie de Big Brozers Consulting nous a permis de structurer notre stratégie marketing et de cibler efficacement nos actions. Résultat : une augmentation de 35% de notre trafic web et 28% de leads en plus.",
      imageUrl: "https://images.unsplash.com/photo-1558898479-33c0057a5d12?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80",
    },
    {
      name: "Marc Benoit",
      role: "Fondateur",
      company: "HealthInnovation",
      quote: "Avec l'aide de Big Brozers Consulting, nous avons réussi notre levée de fonds de 2 millions d'euros. Leur expertise et leur réseau ont fait toute la différence dans cette étape cruciale pour notre développement.",
      imageUrl: "https://images.unsplash.com/photo-1500644147791-00dcc994a43e?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80",
    },
    {
      name: "Isabelle Moreau",
      role: "Directrice Financière",
      company: "TechValue",
      quote: "L'approche pragmatique et orientée résultats de Big Brozers Consulting nous a permis d'optimiser notre structure financière et d'améliorer notre rentabilité de 12% en moins d'un an.",
      imageUrl: "https://images.unsplash.com/photo-1614644147798-f8c0fc9da7f6?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80",
    },
    {
      name: "Antoine Legrand",
      role: "Directeur Général",
      company: "GreenLogistics",
      quote: "Big Brozers Consulting nous a accompagnés dans notre expansion internationale. Grâce à leur expertise, nous avons pu entrer sur trois nouveaux marchés européens en seulement 18 mois.",
      imageUrl: "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80",
    },
  ];

  const clientLogos = [
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+1",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+2",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+3",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+4",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+5",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+6",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+7",
    "https://placehold.co/200x80/e9ecef/495057?text=Client+Logo+8",
  ];

  return (
    <Layout>
      <HeroSection
        title="Témoignages clients"
        subtitle="Découvrez ce que nos clients disent de notre accompagnement et des résultats qu'ils ont obtenus grâce à notre expertise."
        imageUrl="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80"
        buttonText=""
      />

      {/* Testimonials Section */}
      <section className="py-16 md:py-24">
        <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">
              Ils nous font confiance
            </h2>
            <p className="text-gray-700">
              Découvrez les témoignages de nos clients qui ont transformé leur entreprise avec notre accompagnement et notre expertise.
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            {testimonials.map((testimonial) => (
              <TestimonialCard
                key={testimonial.name}
                name={testimonial.name}
                role={testimonial.role}
                company={testimonial.company}
                quote={testimonial.quote}
                imageUrl={testimonial.imageUrl}
              />
            ))}
          </div>
        </div>
      </section>

      {/* Case Study 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">
              Études de cas
            </h2>
            <p className="text-gray-700">
              Explorez nos études de cas détaillées qui montrent comment nous avons aidé nos clients à surmonter leurs défis et à atteindre leurs objectifs de croissance.
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 max-w-5xl mx-auto">
            <Card className="overflow-hidden">
              <div className="aspect-[16/9]">
                <img
                  src="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"
                  alt="Étude de cas InnoTech"
                  className="w-full h-full object-cover"
                />
              </div>
              <CardContent className="p-6">
                <h3 className="text-xl font-bold mb-2">
                  InnoTech Solutions : Doubler le chiffre d'affaires en 18 mois
                </h3>
                <p className="text-gray-600 mb-4">
                  Comment nous avons aidé InnoTech à restructurer sa stratégie commerciale et à optimiser son processus de vente pour doubler son chiffre d'affaires.
                </p>
                <Button asChild variant="outline">
                  <Link to="/contact">
                    Lire l'étude de cas
                    <ArrowRight className="ml-2 h-4 w-4" />
                  </Link>
                </Button>
              </CardContent>
            </Card>

            <Card className="overflow-hidden">
              <div className="aspect-[16/9]">
                <img
                  src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"
                  alt="Étude de cas HealthInnovation"
                  className="w-full h-full object-cover"
                />
              </div>
              <CardContent className="p-6">
                <h3 className="text-xl font-bold mb-2">
                  HealthInnovation : Lever 2M€ pour accélérer la croissance
                </h3>
                <p className="text-gray-600 mb-4">
                  Comment nous avons accompagné HealthInnovation dans sa levée de fonds pour financer son développement international et sa R&D.
                </p>
                <Button asChild variant="outline">
                  <Link to="/contact">
                    Lire l'étude de cas
                    <ArrowRight className="ml-2 h-4 w-4" />
                  </Link>
                </Button>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

      {/* Client Logos */}
      <section className="py-16 md:py-24">
        <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">
              Ils nous font confiance
            </h2>
            <p className="text-gray-700">
              Nous accompagnons des entreprises de toutes tailles et de tous secteurs dans leur croissance.
            </p>
          </div>

          <div className="grid grid-cols-2 md:grid-cols-4 gap-8 items-center">
            {clientLogos.map((logo, index) => (
              <div key={index} className="flex justify-center items-center p-4">
                <img
                  src={logo}
                  alt={`Client logo ${index + 1}`}
                  className="max-h-16 opacity-70 hover:opacity-100 transition-opacity"
                />
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* CTA Section */}
      <section className="py-16 md:py-20 bg-primary-600">
        <div className="container mx-auto px-4 text-center">
          <h2 className="text-3xl font-bold text-white mb-6">
            Prêt à rejoindre nos clients satisfaits ?
          </h2>
          <p className="text-lg text-white/90 mb-8 max-w-2xl mx-auto">
            Contactez-nous dès aujourd'hui pour discuter de vos objectifs de croissance et découvrir comment nous pouvons vous aider à les atteindre.
          </p>
          <Button asChild size="lg" variant="secondary">
            <Link to="/contact">Demander une consultation gratuite</Link>
          </Button>
        </div>
      </section>
    </Layout>
  );
};

export default TestimonialsPage;
