"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { Award, Zap, Phone, Clock, CheckCircle, Wrench, Hammer, Smile, Star } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="BRPRO"
          navItems={[
            { name: "Accueil", id: "/" },
            { name: "Services", id: "/services" },
            { name: "À propos", id: "/about" },
            { name: "Testimoniaux", id: "#testimonials" },
            { name: "Contact", id: "#contact" },
          ]}
          button={{
            text: "05 61 75 20 84",
            href: "tel:+33561752084",
          }}
          className="bg-white shadow-lg"
          buttonClassName="bg-primary-cta text-primary-cta-text font-semibold"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="À propos de nous"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="BRPRO : Votre partenaire de maintenance de confiance"
          description="Depuis plus de 15 ans, BRPRO accompagne les professionnels et les particuliers de Labège et de la région Toulouse Est. Notre équipe de techniciens qualifiés garantit des interventions rapides, fiables et conformes aux normes. Nous plaçons la satisfaction client et la qualité des prestations au cœur de chaque projet. Notre mission est simple : être votre partenaire de confiance pour tous vos besoins de maintenance et dépannage."
          metrics={[
            { value: "+500", title: "Clients satisfaits" },
            { value: "99%", title: "Taux de satisfaction" },
          ]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/businessman-walking-with-colleague-outside-office-building_107420-74360.jpg?_wi=4"
          imageAlt="Équipe BRPRO Labège"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardTen
          title="Nos Valeurs et Engagements"
          description="BRPRO est fondée sur quatre piliers qui guidént nos interventions quotidiennes et notre relation avec vous."
          tag="Notre engagement"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",
              title: "Expertise & Qualité",
              description:
                "Tous nos techniciens sont formés, certifiés et expérimentés. Nous utilisons l'équipement professionnel de pointe et respectons les meilleures pratiques du secteur.",
              media: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg?_wi=2",
                imageAlt: "Expertise technique",
              },
              items: [
                { icon: CheckCircle, text: "Techniciens certifiés" },
                { icon: Wrench, text: "Équipement professionnel" },
              ],
              reverse: false,
            },
            {
              id: "2",
              title: "Réactivité & Disponibilité",
              description:
                "BRPRO comprend que les urgences peuvent survenir à tout moment. Nous sommes disponibles 24/7 pour intervenir rapidement et résoudre vos problèmes.",
              media: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3959.jpg?_wi=2",
                imageAlt: "Service rapide",
              },
              items: [
                { icon: Phone, text: "Disponible 24/7" },
                { icon: Clock, text: "Intervention rapide" },
              ],
              reverse: true,
            },
            {
              id: "3",
              title: "Transparence & Confiance",
              description:
                "Nous croyons en la communication honnête et transparente. Avant chaque intervention, nous discutons des solutions, des coûts et des délais de manière claire.",
              media: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/businessman-walking-with-colleague-outside-office-building_107420-74360.jpg?_wi=5",
                imageAlt: "Communication transparente",
              },
              items: [
                { icon: Smile, text: "Communication claire" },
                { icon: Hammer, text: "Résultats garantis" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials-about" data-section="testimonials-about">
        <TestimonialCardFive
          title="Ils nous font confiance"
          description="Découvrez les témoignages authentiques de nos clients satisfaits et partenaires long terme."
          tag="Clients satisfaits"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",
              name: "Dupont Jean, Syndic Toulouse",
              date: "Date: 15 novembre 2024",
              title: "Entreprise réactive et professionnelle",
              quote:
                "BRPRO intervient rapidement pour nos immeubles. Les techniciens sont compétents et respectent les délais. Très satisfait de la prestation.",
              tag: "Syndic de copropriété",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Jean Dupont",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7",
            },
            {
              id: "2",
              name: "Martin Claire, Gérante Boutique",
              date: "Date: 10 novembre 2024",
              title: "Dépannage d'urgence efficace",
              quote:
                "Mon climatisation a lâché en été. BRPRO a envoyé un technicien le jour même. Intervention rapide et efficace. Je recommande !",
              tag: "Commerçant",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Claire Martin",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8",
            },
            {
              id: "3",
              name: "Bernard Michel, Chef d'entreprise",
              date: "Date: 5 novembre 2024",
              title: "Partenaire de confiance",
              quote:
                "BRPRO gère l'entretien global de nos bureaux. Équipe fiable, transparence tarifaire, et excellente communication. Un vrai partenaire.",
              tag: "PME",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Michel Bernard",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=9",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="BRPRO Labège"
          copyrightText="© 2025 BRPRO | Maintenance & Dépannage | Labège, Toulouse"
          columns={[
            {
              title: "Services",
              items: [
                { label: "Plomberie", href: "/services/plomberie" },
                { label: "Électricité", href: "/services/electricite" },
                { label: "Climatisation", href: "/services/climatisation" },
                { label: "Maintenance", href: "/services" },
              ],
            },
            {
              title: "Entreprise",
              items: [
                { label: "À propos", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Devis", href: "#contact" },
              ],
            },
            {
              title: "Légal",
              items: [
                { label: "Mentions légales", href: "/legal" },
                { label: "Politique de confidentialité", href: "/legal" },
                {
                  label: "Appeler: 05 61 75 20 84",
                  href: "tel:+33561752084",
                },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}