bender/5daca453-1690-4c88-9cd7-4c19bea9b86a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 12:24:49 +00:00
parent e2cc817492
commit eb2feb2990
1 changed files with 42 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
src/app/page.tsx
View File

@@ -33,30 +33,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Accueil",
id: "#hero",
},
name: "Accueil", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Réalisations",
id: "#team",
},
name: "Réalisations", id: "#team"},
{
name: "À Propos",
id: "#about",
},
name: "À Propos", id: "#about"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Demander une soumission",
href: "#contact",
}}
text: "Demander une soumission", href: "#contact"}}
brandName="VLF Électrique"
/>
</div>
@@ -64,51 +52,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
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: "Demander une soumission", href: "#contact"},
{
text: "Nos Services",
href: "#services",
},
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: "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: "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: "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: "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: "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",
},
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}
@@ -122,11 +87,8 @@ export default function LandingPage() {
title="VLF Électrique : L'Expertise au Cœur de Vos Projets"
buttons={[
{
text: "Découvrir Notre Histoire",
href: "#team",
},
text: "Découvrir Notre Histoire", href: "#team"},
]}
description="Depuis 2013, VLF Électrique, fondé par Karl et Julien, s'engage à offrir des services électriques de qualité supérieure à Montréal et ses environs. Au-delà des raccordements, nous bâtissons des relations durables en guidant chaque client avec des conseils pratiques et un savoir-faire inégalé. Découvrez comment nous pouvons illuminer votre prochain projet."
/>
</div>
@@ -138,23 +100,11 @@ export default function LandingPage() {
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: "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: "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: "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."
@@ -168,34 +118,16 @@ export default function LandingPage() {
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: "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: "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",
],
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é"
@@ -210,26 +142,11 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "1",
name: "Karl L.",
role: "Co-fondateur & Maître Électricien",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg",
imageAlt: "Karl, Co-fondateur et Maître Électricien",
},
id: "1", name: "Karl L.", role: "Co-fondateur & Maître Électricien", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg", imageAlt: "Karl, Co-fondateur et Maître Électricien"},
{
id: "2",
name: "Julien V.",
role: "Co-fondateur & Entrepreneur Général",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
imageAlt: "Julien, Co-fondateur et Entrepreneur Général",
},
id: "2", name: "Julien V.", role: "Co-fondateur & Entrepreneur Général", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", imageAlt: "Julien, Co-fondateur et Entrepreneur Général"},
{
id: "3",
name: "Yann S.J.",
role: "Contremaître Principal",
imageSrc: "http://img.b2bpic.net/free-photo/investors-meet-with-factory-managers-discuss-production-funding_482257-126655.jpg",
imageAlt: "Yann, Contremaître Principal",
},
id: "3", name: "Yann S.J.", role: "Contremaître Principal", imageSrc: "http://img.b2bpic.net/free-photo/investors-meet-with-factory-managers-discuss-production-funding_482257-126655.jpg", imageAlt: "Yann, 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."
@@ -244,25 +161,15 @@ export default function LandingPage() {
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/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/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/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/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",
},
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"
@@ -275,20 +182,11 @@ export default function LandingPage() {
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: "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: "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.",
},
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."
@@ -300,20 +198,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
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: "Demander une soumission", href: "mailto:info@vlfelectrique.com"},
{
text: "Appelez-nous",
href: "tel:+15145835275",
},
text: "Appelez-nous", href: "tel:+15145835275"},
]}
/>
</div>
@@ -325,19 +218,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/vlfelectrique",
ariaLabel: "Facebook",
},
href: "https://facebook.com/vlfelectrique", ariaLabel: "Facebook"},
{
icon: Linkedin,
href: "https://linkedin.com/company/vlfelectrique",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/vlfelectrique", ariaLabel: "LinkedIn"},
{
icon: Instagram,
href: "https://instagram.com/vlfelectrique",
ariaLabel: "Instagram",
},
href: "https://instagram.com/vlfelectrique", ariaLabel: "Instagram"},
]}
/>
</div>