"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Crown, Droplets, Mail, Paintbrush, Snowflake, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",          id: "#hero"},
        {
          name: "À Propos",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Forfaits",          id: "#packages"},
        {
          name: "Tarifs",          id: "#pricing"},
        {
          name: "Témoignages",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/white-paper-manual-tool-set-wooden-floor_1150-15359.jpg"
      logoAlt="Entretiens Extérieur E.R. Logo"
      brandName="Entretiens Extérieur E.R."
      button={{
        text: "Obtenir une Soumission",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="Entretien de Pelouse & Déneigement Professionnel à Québec"
      description="Des services extérieurs de qualité supérieure pour une propriété impeccable toute l'année. Faites confiance à Entretiens Extérieur E.R."
      buttons={[
        {
          text: "Obtenir une Soumission Gratuite",          href: "#contact"},
        {
          text: "Découvrir nos Services",          href: "#services"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg",          imageAlt: "Professional lawn mowing service"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/snowy-field-with-wagon-attached-four-wheel-motorcycle_181624-9118.jpg",          imageAlt: "Residential snow removal"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-standing-near-succulent-plant_23-2147844316.jpg",          imageAlt: "Hedge trimming service"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/spring-tiny-beautiful-flower-bouquet_23-2148075318.jpg",          imageAlt: "Pristine garden landscaping"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mature-male-worker-posing-camera-with-broom-park-front-view-happy-bearded-man-age_7502-10275.jpg",          imageAlt: "Clean residential driveway"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-540.jpg",          imageAlt: "Friendly lawn care worker"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "À Propos d'Entretiens Extérieur E.R."},
      ]}
      buttons={[
        {
          text: "Nos Valeurs",          href: "#"},
        {
          text: "Notre Équipe",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Star,
          title: "Entretien de Pelouse",          description: "Tonte, fertilisation, aération et sursemis pour une pelouse saine et verdoyante."},
        {
          icon: Snowflake,
          title: "Déneigement Résidentiel",          description: "Service rapide et efficace pour garder vos allées et entrées libres de neige tout l'hiver."},
        {
          icon: Star,
          title: "Taille de Haies et Arbustes",          description: "Mise en forme et entretien de vos végétaux pour un aménagement paysager impeccable."},
        {
          icon: Paintbrush,
          title: "Nettoyage Printanier & Automnal",          description: "Préparation de votre terrain pour les nouvelles saisons, incluant le ramassage des feuilles et débris."},
        {
          icon: Star,
          title: "Aménagement Paysager Léger",          description: "Création ou refonte de parterres de fleurs, plantation d'arbustes et autres petits projets."},
        {
          icon: Droplets,
          title: "Systèmes d'Irrigation",          description: "Installation et maintenance de systèmes d'arrosage automatique pour une hydratation optimale."},
      ]}
      title="Nos Services Complets"
      description="Nous prenons soin de votre extérieur, saison après saison, avec un souci du détail incomparable."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Forfait Pelouse Verte",          price: "À partir de 45$/semaine",          variant: "Saison complète",          imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg",          imageAlt: "Green lawn care package"},
        {
          id: "p2",          name: "Forfait Hiver Sans Souci",          price: "À partir de 150$/mois",          variant: "Saison hivernale",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-map_23-2149248910.jpg",          imageAlt: "Snow removal package"},
        {
          id: "p3",          name: "Grand Nettoyage Printanier",          price: "250$",          variant: "Service unique",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060745.jpg",          imageAlt: "Spring cleanup package"},
        {
          id: "p4",          name: "Préparation Automnale",          price: "200$",          variant: "Service unique",          imageSrc: "http://img.b2bpic.net/free-photo/decorative-candlestick-foliage_23-2147687097.jpg",          imageAlt: "Fall cleanup package"},
        {
          id: "p5",          name: "Entretien de Jardin Basique",          price: "75$/visite",          variant: "Sur mesure",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-s-hand-pruning-flowers_23-2148165237.jpg",          imageAlt: "Garden maintenance service"},
        {
          id: "p6",          name: "Taille de Haies Expert",          price: "À partir de 90$",          variant: "Par projet",          imageSrc: "http://img.b2bpic.net/free-photo/freshly-cut-grass-decorative-arborvitae-hedge-manicured-lawn-selective-focus-with-shallow-depth-field_166373-2950.jpg",          imageAlt: "Hedge trimming service"},
      ]}
      title="Nos Forfaits & Services Populaires"
      description="Découvrez nos offres conçues pour simplifier l'entretien de votre propriété, adaptées à chaque saison."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "pbasic",          tag: "Basique",          tagIcon: Sparkles,
          price: "45$",          period: "par semaine",          description: "Pour une pelouse toujours impeccable. Idéal pour les petits terrains.",          button: {
            text: "Choisir le Forfait Basique",            href: "#contact"},
          featuresTitle: "Inclus:",          features: [
            "Tonte hebdomadaire",            "Coupe des bordures",            "Nettoyage des allées"],
        },
        {
          id: "pstandard",          tag: "Standard",          tagIcon: Star,
          price: "75$",          period: "par semaine",          description: "La solution complète pour une pelouse saine et un jardin entretenu.",          button: {
            text: "Choisir le Forfait Standard",            href: "#contact"},
          featuresTitle: "Inclus:",          features: [
            "Tonte hebdomadaire",            "Coupe des bordures",            "Nettoyage des allées",            "Taille de haies légère",            "Fertilisation mensuelle"],
        },
        {
          id: "ppremium",          tag: "Premium",          tagIcon: Crown,
          price: "120$",          period: "par semaine",          description: "Le service ultime pour une propriété impeccable et sans souci toute l'année.",          button: {
            text: "Choisir le Forfait Premium",            href: "#contact"},
          featuresTitle: "Inclus:",          features: [
            "Tonte hebdomadaire",            "Coupe des bordures",            "Nettoyage des allées",            "Taille de haies complète",            "Fertilisation bi-mensuelle",            "Nettoyage printanier et automnal"],
        },
      ]}
      title="Tarifs Compétitifs & Transparents"
      description="Des solutions flexibles et abordables adaptées à tous les besoins et budgets d'entretien extérieur."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Super service, vraiment satisfaite!!! Très bon service, toujours très satisfait et travail toujours bien fait ! Les trottoirs sont toujours déneigés, ils sont toujours présents lorsqu’il est temps de déneiger ou qu’il est temps de faire la pelouse. Le travail n’est pas bâclé, il est bien fait. J’ai personnellement eu une belle saison avec eux, je recommande ! 😁"
      rating={5}
      author="Eren Okami (Local Guide)"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",          alt: "Eren Okami"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-smiling_23-2148700765.jpg",          alt: "Maryse Bérubé"},
        {
          src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",          alt: "TRANSPORT Éric Branger"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-amused-enthusiastic-good-looking-malaysian-woman-smiling-feeling-positive_176420-44079.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",          alt: "Client 5"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contactez-Nous"
      title="Obtenez une Soumission Gratuite"
      description="Remplissez le formulaire ci-dessous ou appelez-nous directement pour discuter de vos besoins en entretien extérieur. Nous sommes là pour vous aider !"
      tagIcon={Mail}
      imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg"
      imageAlt="Beautiful house exterior with clean lawn"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Votre adresse email"
      buttonText="Envoyer"
      termsText="En cliquant sur Envoyer, vous acceptez nos termes et conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tree-row-surrounded-with-grass_181624-28653.jpg"
      imageAlt="Lush green landscape"
      logoSrc="http://img.b2bpic.net/free-photo/white-paper-manual-tool-set-wooden-floor_1150-15359.jpg"
      logoAlt="Entretiens Extérieur E.R. Logo"
      logoText="Entretiens Extérieur E.R."
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Entretien de Pelouse",              href: "#services"},
            {
              label: "Déneigement",              href: "#services"},
            {
              label: "Taille de Haies",              href: "#services"},
            {
              label: "Nettoyage Saisonier",              href: "#services"},
          ],
        },
        {
          title: "Entreprise",          items: [
            {
              label: "À Propos de Nous",              href: "#about"},
            {
              label: "Témoignages",              href: "#testimonials"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Légal",          items: [
            {
              label: "Politique de Confidentialité",              href: "#"},
            {
              label: "Conditions d'Utilisation",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Entretiens Extérieur E.R. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
