296 lines
16 KiB
TypeScript
296 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, DollarSign, HelpCircle, Leaf, Scale, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "#hero"},
|
|
{
|
|
name: "À Propos", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Témoignages", id: "#testimonials"},
|
|
{
|
|
name: "Tarifs", id: "#pricing"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Ent.Nature Elagage Compiègne"
|
|
bottomLeftText="Compiègne, Oise"
|
|
bottomRightText="contact@natureelagage.fr"
|
|
button={{
|
|
text: "Demander un Devis", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Ent.Nature Elagage Compiègne"
|
|
description="Votre expert en élagage et entretien d'arbres à Compiègne et ses environs. Sécurité, qualité et respect de la nature au cœur de nos interventions."
|
|
tag="Expertise Locale"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Nos Services", href: "#services"},
|
|
{
|
|
text: "Demander un Devis", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "item-1", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg", imageAlt: "Arboriste professionnel en pleine taille d'arbre"},
|
|
{
|
|
id: "item-2", imageSrc: "http://img.b2bpic.net/free-photo/green-plant_417767-329.jpg", imageAlt: "Paysage verdoyant avec des arbres sains"},
|
|
{
|
|
id: "item-3", imageSrc: "http://img.b2bpic.net/free-photo/person-planting-tree-countryside_23-2149401211.jpg", imageAlt: "Opération de dessouchage après abattage"},
|
|
{
|
|
id: "item-4", imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-taking-care-her-plants-greenhouse_23-2149037284.jpg", imageAlt: "Jeune arbre fraîchement planté dans un jardin"},
|
|
{
|
|
id: "item-5", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg", imageAlt: "Aménagement paysager élégant avec des massifs de fleurs"},
|
|
{
|
|
id: "item-6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-climbing-equipment_23-2150382950.jpg", imageAlt: "Équipement de sécurité pour élagage d'arbres"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Plus de 15 Ans d'Expertise en Élagage"
|
|
description="Chez Ent.Nature Elagage Compiègne, nous sommes passionnés par les arbres et leur entretien. Forts d'une expérience de plus de 15 ans, nous mettons notre savoir-faire au service de la santé de vos arbres et de la sécurité de votre propriété. Notre équipe qualifiée intervient avec professionnalisme pour tous vos besoins en élagage, abattage, et taille de haies, dans le respect de l'environnement."
|
|
tag="Notre Histoire"
|
|
tagIcon={Leaf}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-after-planting-tree-countryside_23-2149401248.jpg"
|
|
imageAlt="Équipe d'arboristes d'Ent.Nature Elagage Compiègne"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Élagage et Taille Douce", description: "Interventions précises pour la santé et la forme de vos arbres, favorisant leur croissance naturelle et leur longévité.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12430.jpg", imageAlt: "Homme élaguant un arbre avec soin"},
|
|
{
|
|
title: "Abattage et Dessouchage", description: "Retrait sécurisé d'arbres dangereux ou indésirables, suivi du dessouchage pour une réhabilitation complète du terrain.", imageSrc: "http://img.b2bpic.net/free-photo/camper-life-concept-with-branches-shelter_23-2148456392.jpg", imageAlt: "Abattage contrôlé d'un grand arbre"},
|
|
{
|
|
title: "Taille de Haies et Arbustes", description: "Entretien régulier pour des haies et arbustes denses et esthétiques, adaptés à vos préférences et à l'environnement.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg", imageAlt: "Taille de haie avec cisailles professionnelles"},
|
|
]}
|
|
title="Nos Services Complets pour Vos Arbres"
|
|
description="Nous offrons une gamme complète de services pour assurer la vitalité et l'esthétique de vos espaces verts."
|
|
tag="Prestations Professionnelles"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "+15 Ans", title: "D'Expérience", description: "Au service de la nature et de vos propriétés.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-soil-sprout_23-2148905252.jpg", imageAlt: "Jeune pousse verte dans les mains"},
|
|
{
|
|
id: "metric-2", value: "98%", title: "Clients Satisfaits", description: "Un taux de satisfaction élevé, gage de notre excellence.", imageSrc: "http://img.b2bpic.net/free-photo/excited-hispanic-employer-congratulating-new-employee_1262-17016.jpg", imageAlt: "Client souriant"},
|
|
{
|
|
id: "metric-3", value: "+500", title: "Projets Réalisés", description: "Chaque arbre et chaque haie, traités avec le plus grand soin.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-watering-can-hand-shovel-gardening-scissors-near-green-leaves_23-2147948317.jpg", imageAlt: "Outils d'élagage"},
|
|
]}
|
|
title="Notre Engagement en Chiffres"
|
|
description="Découvrez l'impact de notre travail et la confiance que nous inspire notre clientèle."
|
|
tag="Qualité & Confiance"
|
|
tagIcon={Scale}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Ent.Nature Elagage Compiègne a transformé notre jardin. Leur équipe est non seulement très professionnelle mais aussi très respectueuse de nos demandes. L'élagage de nos grands arbres a été réalisé avec une précision remarquable et une propreté impeccable. Nous sommes ravis du résultat !"
|
|
rating={5}
|
|
author="Madame Dubois, Compiègne"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-woman-armchair_23-2147762383.jpg", alt: "Photo de Madame Dubois"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg", alt: "Photo de Monsieur Martin"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-mature-woman-showing-sign-speech-bubble-banner-looking-happy_657921-1337.jpg", alt: "Photo de Madame Petit"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/nervous-man-pointing-himself-looking-confused-standing-casual-clothes-blue-background_1258-170865.jpg", alt: "Photo de Monsieur Lefevre"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg", alt: "Photo de Madame Garcia"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Forfait Essentiel", tagIcon: Leaf,
|
|
price: "Sur Devis", period: "Par Intervention", description: "Idéal pour un entretien ponctuel de vos arbres.", button: {
|
|
text: "Demander un Devis", href: "#contact"},
|
|
featuresTitle: "Inclus :", features: [
|
|
"Élagage d'un arbre", "Nettoyage léger du site", "Conseils d'expert"],
|
|
},
|
|
{
|
|
id: "standard", tag: "Forfait Complet", tagIcon: Leaf,
|
|
price: "Sur Devis", period: "Par Intervention", description: "Solution complète pour plusieurs arbres et entretien plus poussé.", button: {
|
|
text: "Demander un Devis", href: "#contact"},
|
|
featuresTitle: "Inclus :", features: [
|
|
"Élagage de 2-3 arbres", "Taille de haies (jusqu'à 10m)", "Évacuation des déchets verts"],
|
|
},
|
|
{
|
|
id: "premium", tag: "Forfait Premium", tagIcon: Award,
|
|
price: "Sur Devis", period: "Annuel ou Sur Mesure", description: "Entretien régulier et personnalisé pour une tranquillité d'esprit toute l'année.", button: {
|
|
text: "Demander un Devis", href: "#contact"},
|
|
featuresTitle: "Inclus :", features: [
|
|
"Élagage illimité", "Abattage/Dessouchage (1/an)", "Taille de haies/arbustes illimité", "Intervention prioritaire"],
|
|
},
|
|
]}
|
|
title="Nos Offres de Services d'Élagage"
|
|
description="Découvrez nos forfaits adaptés à vos besoins. Un devis personnalisé vous sera toujours proposé après une étude approfondie."
|
|
tag="Tarifs Transparents"
|
|
tagIcon={DollarSign}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Quand est le meilleur moment pour élaguer mes arbres ?", content: "Le meilleur moment dépend du type d'arbre et de l'objectif de l'élagage. Généralement, l'hiver est idéal pour la taille d'entretien des arbres à feuilles caduques. Pour les arbres fruitiers, la période peut varier. Nous vous conseillons de nous contacter pour une évaluation personnalisée."},
|
|
{
|
|
id: "faq-2", title: "Quels sont les avantages de faire appel à un professionnel ?", content: "Faire appel à des professionnels comme Ent.Nature Elagage Compiègne garantit la sécurité des personnes et des biens, la bonne santé de vos arbres, une taille esthétique et conforme aux réglementations locales. Nos experts sont formés aux techniques d'élagage respectueuses de l'arbre et disposent du matériel adapté."},
|
|
{
|
|
id: "faq-3", title: "Proposez-vous des devis gratuits ?", content: "Oui, nous offrons des devis gratuits et sans engagement. Un de nos arboristes se déplace sur votre site pour évaluer vos besoins, vous conseiller et établir un devis détaillé et transparent, adapté à votre situation."},
|
|
{
|
|
id: "faq-4", title: "Couvrez-vous Compiègne et ses environs ?", content: "Absolument ! Ent.Nature Elagage Compiègne intervient dans toute la ville de Compiègne et les communes avoisinantes dans l'Oise. N'hésitez pas à nous contacter pour savoir si votre localité est couverte par nos services."},
|
|
]}
|
|
title="Questions Fréquentes sur l'Élagage"
|
|
description="Nous répondons à vos interrogations les plus courantes concernant nos services."
|
|
tag="Besoin d'Informations ?"
|
|
tagIcon={HelpCircle}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Contactez Votre Expert en Élagage"
|
|
description="Besoin d'un devis, d'un conseil ou d'une intervention rapide ? Remplissez notre formulaire, nous vous répondrons dans les plus brefs délais."
|
|
inputs={[
|
|
{
|
|
name: "Nom", type: "text", placeholder: "Votre Nom Complet", required: true,
|
|
},
|
|
{
|
|
name: "Email", type: "email", placeholder: "Votre Adresse Email", required: true,
|
|
},
|
|
{
|
|
name: "Téléphone", type: "tel", placeholder: "Votre Numéro de Téléphone"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Décrivez votre projet (type d'arbres, services souhaités, etc.)", rows: 5,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg"
|
|
imageAlt="Allée de jardin bordée d'arbres"
|
|
mediaPosition="right"
|
|
buttonText="Envoyer ma Demande"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
videoSrc="http://img.b2bpic.net/free-photo/beautiful-tree-canopy-perspective-with-nature-landscape_23-2151305074.jpg"
|
|
videoAriaLabel="Vidéo d'une forêt verdoyante"
|
|
logoText="Ent.Nature Elagage Compiègne"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Élagage", href: "#services"},
|
|
{
|
|
label: "Abattage", href: "#services"},
|
|
{
|
|
label: "Taille de Haies", href: "#services"},
|
|
{
|
|
label: "Dessouchage", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "L'Entreprise", items: [
|
|
{
|
|
label: "À Propos de Nous", href: "#about"},
|
|
{
|
|
label: "Témoignages", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Légal", items: [
|
|
{
|
|
label: "Mentions Légales", href: "#"},
|
|
{
|
|
label: "Politique de Confidentialité", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Ent.Nature Elagage Compiègne. Tous droits réservés."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|