248 lines
14 KiB
TypeScript
248 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Facebook, Instagram, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "#hero"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Réalisations", id: "#team"},
|
|
{
|
|
name: "À Propos", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Demander une soumission", href: "#contact"}}
|
|
brandName="VLF Électrique"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Votre Partenaire Électrique de Confiance"
|
|
description="Entrepreneur général et Maître Électricien depuis 2013, VLF Électrique transforme vos projets en réalité avec expertise et transparence."
|
|
buttons={[
|
|
{
|
|
text: "Demander une soumission", href: "#contact"},
|
|
{
|
|
text: "Nos Services", href: "#services"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-construction-worker-overalls-male-electrician-overalls_169016-66767.jpg", imageAlt: "Installations électriques modernes dans un bâtiment commercial"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-team-meeting-modern-office-interior_1163-4771.jpg", imageAlt: "Électricien travaillant sur le câblage d'une nouvelle maison"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52159.jpg", imageAlt: "Ingénieur électrique inspectant les lignes électriques de la ville"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-electric-equipment-wooden-background_23-2148087604.jpg", imageAlt: "Conception d'éclairage intérieur moderne"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51895.jpg", imageAlt: "Électricien vérifiant un panneau de disjoncteurs résidentiel"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg", imageAlt: "Installation électrique extérieure d'une propriété commerciale"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="À Propos de Nous"
|
|
title="VLF Électrique : L'Expertise au Cœur de Vos Projets"
|
|
buttons={[
|
|
{
|
|
text: "Découvrir Notre Histoire", href: "#team"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Rénovation Électrique Résidentielle", description: "Modernisez votre habitation avec des installations conformes et efficaces. Nous gérons tout, des mises à niveau de panneaux aux nouvelles prises.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-talking-colleagues_23-2147668768.jpg", imageAlt: "Rénovation électrique résidentielle"},
|
|
{
|
|
title: "Installations Commerciales & Industrielles", description: "Des systèmes complexes pour entreprises aux raccordements industriels, nous garantissons des solutions robustes et évolutives pour vos opérations.", imageSrc: "http://img.b2bpic.net/free-photo/payment-terminal-screen-waiting-card-device-contactless-payment-operation_169016-72786.jpg", imageAlt: "Installations électriques commerciales"},
|
|
{
|
|
title: "Mises à Niveau et Conformité", description: "Assurez la sécurité et la conformité de vos systèmes électriques. Nous effectuons des inspections, des diagnostics et des mises à jour rigoureuses.", imageSrc: "http://img.b2bpic.net/free-photo/female-electrical-engineer-checking-power-system-diagram-near-control-panel-engineering-inspection_169016-71743.jpg", imageAlt: "Mises à niveau électriques et conformité"},
|
|
]}
|
|
title="Nos Services Électriques Complets"
|
|
description="De la rénovation résidentielle aux installations commerciales complexes, notre équipe de maîtres électriciens assure des solutions fiables et sécurisées."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Licences & Assurances", title: "Protection Complète", items: [
|
|
"Licences RBQ 5668-6199-01 valides", "Assurance responsabilité civile", "Couverture des dommages matériels et blessures"],
|
|
},
|
|
{
|
|
id: "2", value: "Portfolio Solide & Expérience", title: "Fiabilité Éprouvée", items: [
|
|
"Réalisations réussies depuis 2013", "Plusieurs années d'expérience pratique", "Expertise en gestion de chantier"],
|
|
},
|
|
{
|
|
id: "3", value: "Communication Transparente", title: "Clarté et Confiance", items: [
|
|
"Transparence sur les coûts et délais", "Explication détaillée des travaux", "Support client réactif et disponible"],
|
|
},
|
|
]}
|
|
title="Notre Engagement Qualité"
|
|
description="Chez VLF Électrique, la confiance et la transparence sont nos piliers. Nous garantissons excellence et sérénité pour chaque projet."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "4", name: "Notre Équipe Complète", role: "Découvrez nos Experts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413309604-28i9zi1g.jpg?_wi=1", imageAlt: "Photo de l'équipe complète de VLF Électrique"},
|
|
{
|
|
id: "1", name: "Karl L.", role: "Co-fondateur & Maître Électricien", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120954-rjtqjv2i.jpg", imageAlt: "Portrait de Karl L., co-fondateur et maître électricien"},
|
|
{
|
|
id: "2", name: "Julien V.", role: "Co-fondateur & Entrepreneur Général", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120954-pclyedlh.jpg", imageAlt: "Portrait de Julien V., co-fondateur et entrepreneur général"},
|
|
{
|
|
id: "3", name: "Yann S.J.", role: "Contremaître Principal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120955-01kx7dk6.jpg", imageAlt: "Portrait de Yann S.J., contremaître principal"}
|
|
]}
|
|
title="Rencontrez Notre Équipe d'Experts"
|
|
description="Avec plus de 16 professionnels, dont des maîtres électriciens et estimateurs, notre équipe est dédiée à l'excellence et à l'innovation depuis 2013. Bâtissons l'avenir ensemble."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team-banner" data-section="team-banner">
|
|
<HeroBillboardScroll
|
|
title="Notre Force, Notre Engagement"
|
|
description="Découvrez l'équipe passionnée et experte derrière chaque projet VLF Électrique."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413309604-28i9zi1g.jpg?_wi=2"
|
|
imageAlt="Photo de l'équipe complète de VLF Électrique"
|
|
background={{ variant: "plain" }}
|
|
ariaLabel="Full team photo banner"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="« VLF Électrique a transformé notre maison avec des solutions électriques modernes et sécurisées. Leur professionnalisme et leur souci du détail sont inégalés. Je les recommande chaudement ! »"
|
|
rating={5}
|
|
author="Sophie L. - Cliente Résidentielle"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg", alt: "Sophie L."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg", alt: "Marc D."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg", alt: "Émilie G."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serious-confident-asian-man-looking-camera_1262-5524.jpg", alt: "David C."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Positive confident businesswoman"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Quels types de services électriques proposez-vous ?", content: "Nous offrons une gamme complète de services, incluant la rénovation résidentielle, les installations commerciales et industrielles, les mises à niveau de panneaux électriques, l'installation de bornes de recharge pour véhicules électriques, et la conformité aux normes. Visitez notre section 'Services' pour plus de détails."},
|
|
{
|
|
id: "2", title: "Êtes-vous certifié et assuré ?", content: "Oui, VLF Électrique est un entrepreneur général et Maître Électricien certifié avec la licence RBQ 5668-6199-01. Nous sommes également entièrement assurés pour couvrir les dommages matériels ou les blessures, assurant votre tranquillité d'esprit."},
|
|
{
|
|
id: "3", title: "Comment obtenir une soumission pour mon projet ?", content: "C'est simple ! Vous pouvez nous contacter directement par téléphone, par e-mail via notre formulaire de contact, ou en cliquant sur le bouton 'Demander une soumission' sur notre site. Nous discuterons de vos besoins et vous fournirons une estimation détaillée."},
|
|
]}
|
|
title="Vos Questions, Nos Réponses"
|
|
description="Retrouvez les réponses aux questions fréquemment posées concernant nos services électriques, nos processus et nos garanties. N'hésitez pas à nous contacter pour plus d'informations."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Contactez-Nous"
|
|
title="Prêt à Démarrer Votre Projet Électrique ?"
|
|
description="N'hésitez pas à nous joindre pour toute question ou pour discuter de votre prochain projet. Notre équipe est à votre écoute pour vous offrir un service impeccable et des solutions adaptées. \n\n📍 388 Rue Blainville Est, Sainte-Thérèse, Québec\n📞 514-583-5275 ou 514-813-9924"
|
|
buttons={[
|
|
{
|
|
text: "Demander une soumission", href: "mailto:info@vlfelectrique.com"},
|
|
{
|
|
text: "Appelez-nous", href: "tel:+15145835275"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="VLF Électrique"
|
|
copyrightText="© 2024 VLF Électrique. Tous droits réservés."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/vlfelectrique", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/vlfelectrique", ariaLabel: "LinkedIn"},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/vlfelectrique", ariaLabel: "Instagram"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |