"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { AlertTriangle, Apple, Heart, Microscope, Scale, Stethoscope, Syringe, Calendar, Users, Clock } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Clinique Monestoy"
          navItems={[
            { name: "Accueil", id: "hero" },
            { name: "La Clinique", id: "about" },
            { name: "Services", id: "services" },
            { name: "Équipe", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Prendre rendez-vous", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Votre animal de confiance, nos soins de cœur"
          description="Depuis plus de 30 ans, la Clinique Vétérinaire Monestoy accompagne les propriétaires d'animaux de compagnie avec expertise, bienveillance et technologie moderne. Urgences 24h/24, 7j/7."
          tag="Épinac & Alentours"
          imageSrc="http://img.b2bpic.net/free-photo/doctor-asking-client-from-queue_329181-10374.jpg"
          imageAlt="Clinique vétérinaire Monestoy - accueil chaleureux"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "Prendre rendez-vous", href: "contact" },
            { text: "Nous appeler", href: "tel:0385821314" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Marie Dupont",              handle: "Propriétaire chien",              testimonial: "Une équipe exceptionnelle, à l'écoute et très professionnelle. Mon chien y est traité comme un roi.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg?_wi=1"
            },
            {
              name: "Jean Leclerc",              handle: "Propriétaire chat",              testimonial: "Merci pour votre réactivité en urgence. Un vrai soulagement d'avoir une clinique fiable si proche.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg?_wi=1"
            },
            {
              name: "Sophie Martin",              handle: "Éleveuse chat",              testimonial: "Suivi impeccable, conseils avisés et équipements modernes. Je recommande sans hésiter.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1"
            },
            {
              name: "Pierre Mercier",              handle: "Propriétaire cheval",              testimonial: "Déplacements rapides, diagnostic précis. L'équipe connaît parfaitement les besoins des chevaux.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1"
            }
          ]}
          testimonialRotationInterval={5000}
          background={{ variant: "plain" }}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Qui sommes-nous"
          tagIcon={Heart}
          title="Soigner avec humanité, expertise et passion depuis 1994"
          description="Dr Édouard Grosbois & Équipe"
          subdescription="Clinique Vétérinaire Monestoy"
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/smiling-medical-team-standing-together-hospital-corridor_107420-84830.jpg"
          imageAlt="Équipe vétérinaire Monestoy - professionnels dévouées"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Services Vétérinaires Complets"
          description="Une offre médicale complète pour répondre à tous les besoins de santé de vos compagnons, des consultations de routine aux interventions urgentes."
          tag="Services"
          features={[
            {
              icon: Stethoscope,
              title: "Consultations Générales",              description: "Examens médicaux complets, diagnostic précis et suivi personnalisé pour la santé globale de votre animal."
            },
            {
              icon: Syringe,
              title: "Vaccination & Prévention",              description: "Protocoles de vaccination adaptés et conseils de prévention pour protéger votre animal contre les maladies."
            },
            {
              icon: Scale,
              title: "Chirurgie",              description: "Interventions chirurgicales avec équipements modernes et protocoles de sécurité maximale."
            },
            {
              icon: Microscope,
              title: "Analyses & Laboratoire",              description: "Analyses de sang, imagerie (échographie), PCR et tous diagnostics pour une prise en charge optimale."
            },
            {
              icon: AlertTriangle,
              title: "Urgences 24h/24",              description: "Service d'urgence disponible jour et nuit pour intervenir en cas de problème urgent."
            },
            {
              icon: Apple,
              title: "Nutrition & Conseils",              description: "Conseils nutritionnels adaptés et gestion du parasitisme pour une prévention responsable."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Une équipe expérimentée au service de votre animal"
          tag="Notre Équipe"
          tagAnimation="slide-up"
          membersAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Dr Édouard Grosbois",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg",              imageAlt: "Dr Édouard Grosbois, fondateur"
            },
            {
              id: "2",              name: "Dr Jocelyn Amiot",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-doctor-uniform-hospital_23-2148733958.jpg",              imageAlt: "Dr Jocelyn Amiot, vétérinaire"
            },
            {
              id: "3",              name: "Dr Nancy Savoye",              imageSrc: "http://img.b2bpic.net/free-photo/happy-nurse-medical-supplies-room_53876-146588.jpg",              imageAlt: "Dr Nancy Savoye, spécialiste"
            },
            {
              id: "4",              name: "Dr Thomas Delost",              imageSrc: "http://img.b2bpic.net/free-photo/veterinary-lab-robe-standing-cowshed_1303-31036.jpg",              imageAlt: "Dr Thomas Delost, vétérinaire"
            }
          ]}
          memberVariant="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Marie Dupont",              imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg?_wi=2",              imageAlt: "Marie Dupont"
            },
            {
              id: "2",              name: "Jean Leclerc",              imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg?_wi=2",              imageAlt: "Jean Leclerc"
            },
            {
              id: "3",              name: "Sophie Martin",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2",              imageAlt: "Sophie Martin"
            },
            {
              id: "4",              name: "Pierre Mercier",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Pierre Mercier"
            },
            {
              id: "5",              name: "Isabelle Renard",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-her-dog-making-selfie_329181-20369.jpg",              imageAlt: "Isabelle Renard"
            },
            {
              id: "6",              name: "Luc Beaumont",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-spending-time-with-family_23-2149202568.jpg",              imageAlt: "Luc Beaumont"
            }
          ]}
          cardTitle="Plus de 150 propriétaires nous font confiance"
          cardTag="Avis vérifiés - Note moyenne 4,9/5"
          cardAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Nos Chiffres Clés"
          description="30 années d'expérience et de confiance dans la région Épinac-Beaune-Autun."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "1", icon: Calendar, title: "Depuis 1994", value: "30 ans" },
            { id: "2", icon: Users, title: "Vétérinaires", value: "10+" },
            { id: "3", icon: Heart, title: "Avis clients", value: "150+" },
            { id: "4", icon: Clock, title: "Urgences", value: "24h/24" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Questions Fréquentes"
          sideDescription="Tout ce que vous devez savoir pour prendre soin de votre animal."
          textPosition="left"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Quand faut-il vacciner mon animal ?",              content: "Les primo-vaccinations se font généralement à partir de 6-8 semaines pour les chiots et chatons, avec des rappels annuels. Notre équipe établira un calendrier personnalisé selon l'âge, la race et le mode de vie de votre compagnon."
            },
            {
              id: "2",              title: "Comment reconnaître une urgence vétérinaire ?",              content: "Contactez-nous immédiatement si votre animal présente une hémorragie, une difficulté respiratoire, un traumatisme, une paralysie, des vomissements persistants ou un comportement anormal. Notre service d'urgence est disponible 24h/24."
            },
            {
              id: "3",              title: "Est-il important de faire un suivi annuel ?",              content: "Oui ! Une visite de contrôle annuelle permet de dépister les problèmes de santé précocement, de discuter de la nutrition et de la prévention. C'est essentiel pour une vie longue et saine."
            },
            {
              id: "4",              title: "Quels sont vos horaires d'ouverture ?",              content: "Lundi-Vendredi : 7h30-12h30 et 14h00-19h00 | Samedi : 7h30-12h30 | Service d'urgence 24h/24, 7j/7 au 03 85 82 13 14"
            },
            {
              id: "5",              title: "Proposez-vous des plans de paiement ?",              content: "Oui, nous acceptons tous les moyens de paiement usuels et pouvons discuter de solutions adaptées à votre situation. N'hésitez pas à nous contacter."
            },
            {
              id: "6",              title: "Pouvez-vous intervenir chez moi pour les chevaux ?",              content: "Oui ! Notre équipe propose des déplacements sur site pour la médecine équine générale, la dentisterie et les urgences. Contactez-nous pour fixer un rendez-vous."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Contact"
          title="Prenez rendez-vous ou contactez-nous"
          description="Que ce soit pour un suivi régulier, une urgence ou une simple question, notre équipe est à votre écoute. Appelez-nous directement ou envoyez un message."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/diverse-group-people-waiting-hospital-reception-lobby-attend-medical-appointment-with-general-practitioner-patients-waiting-room-lobby-sitting-healthcare-clinic-tripod-shot_482257-46247.jpg"
          imageAlt="Intérieur accueillant de la clinique Monestoy"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Votre email"
          buttonText="S'abonner"
          termsText="Nous respectons votre vie privée. Vos données ne seront jamais partagées."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Clinique Monestoy"
          leftLink={{ text: "Politique de confidentialité", href: "#" }}
          rightLink={{ text: "Conditions d'utilisation", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
