Merge version_1 into main #2
383
src/app/page.tsx
383
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import { Award, Cog, Home, LifeBuoy, Lightbulb, MapPin, Search, Shield, ShieldCheck, Sparkles, Timer, Users, Wrench } from "lucide-react";
|
||||
import { Award, Cog, Home, LifeBuoy, Lightbulb, MapPin, Search, Shield, ShieldCheck, Sparkles, Timer, Users, Wrench, Hammer, ClipboardCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,41 +32,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "#about",
|
||||
},
|
||||
name: "À Propos", id: "#about"},
|
||||
{
|
||||
name: "Matériaux",
|
||||
id: "#materials",
|
||||
},
|
||||
name: "Matériaux", id: "#materials"},
|
||||
{
|
||||
name: "Équipe",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Équipe", id: "#team"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gy8sjx"
|
||||
logoAlt="Logo Toiture Alain St-Jean"
|
||||
brandName="Toiture Alain St-Jean"
|
||||
button={{
|
||||
text: "Demander une Soumission",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Demander une Soumission", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,121 +59,66 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Votre Toiture, Notre Expertise."
|
||||
description="Entrepreneur en toiture de confiance depuis plus de 20 ans. Qualité, durabilité et satisfaction garantie pour tous vos projets de toiture, résidentiels et commerciaux."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julie L.",
|
||||
handle: "@JulieLPro",
|
||||
testimonial: "Toiture Alain St-Jean a remplacé notre toit avec une efficacité incroyable. Le travail est impeccable et l'équipe était très professionnelle. Je les recommande vivement!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?_wi=1",
|
||||
imageAlt: "Photo de Julie L.",
|
||||
},
|
||||
name: "Julie L.", handle: "@JulieLPro", testimonial: "Toiture Alain St-Jean a remplacé notre toit avec une efficacité incroyable. Le travail est impeccable et l'équipe était très professionnelle. Je les recommande vivement!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageAlt: "Photo de Julie L."},
|
||||
{
|
||||
name: "Marc T.",
|
||||
handle: "@MarcTBuilder",
|
||||
testimonial: "Excellente expérience avec Alain et son équipe. La soumission était transparente, le projet livré à temps et le résultat dépasse nos attentes. Un vrai plaisir de travailler avec eux.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
imageAlt: "Photo de Marc T.",
|
||||
},
|
||||
name: "Marc T.", handle: "@MarcTBuilder", testimonial: "Excellente expérience avec Alain et son équipe. La soumission était transparente, le projet livré à temps et le résultat dépasse nos attentes. Un vrai plaisir de travailler avec eux.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", imageAlt: "Photo de Marc T."},
|
||||
{
|
||||
name: "Sophie D.",
|
||||
handle: "@SophieDHome",
|
||||
testimonial: "Nous avions une fuite d'urgence, et Toiture Alain St-Jean a réagi très rapidement. Ils ont fait un travail de réparation solide et durable. Un service client exceptionnel!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-news_1098-12687.jpg",
|
||||
imageAlt: "Photo de Sophie D.",
|
||||
},
|
||||
name: "Sophie D.", handle: "@SophieDHome", testimonial: "Nous avions une fuite d'urgence, et Toiture Alain St-Jean a réagi très rapidement. Ils ont fait un travail de réparation solide et durable. Un service client exceptionnel!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-news_1098-12687.jpg", imageAlt: "Photo de Sophie D."},
|
||||
{
|
||||
name: "David P.",
|
||||
handle: "@DavidPProject",
|
||||
testimonial: "Pour notre rénovation majeure, nous avons choisi Toiture Alain St-Jean et nous n'avons pas été déçus. Leur savoir-faire est évident et la qualité des matériaux est au top.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-her-office_329181-13376.jpg",
|
||||
imageAlt: "Photo de David P.",
|
||||
},
|
||||
name: "David P.", handle: "@DavidPProject", testimonial: "Pour notre rénovation majeure, nous avons choisi Toiture Alain St-Jean et nous n'avons pas été déçus. Leur savoir-faire est évident et la qualité des matériaux est au top.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-her-office_329181-13376.jpg", imageAlt: "Photo de David P."},
|
||||
{
|
||||
name: "Isabelle R.",
|
||||
handle: "@IsabelleRenov",
|
||||
testimonial: "Installation d'une nouvelle toiture parfaite! L'équipe était respectueuse de notre propriété et a laissé le chantier impeccable. 5 étoiles sans hésitation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-engineer_23-2148233726.jpg",
|
||||
imageAlt: "Photo d'Isabelle R.",
|
||||
},
|
||||
name: "Isabelle R.", handle: "@IsabelleRenov", testimonial: "Installation d'une nouvelle toiture parfaite! L'équipe était respectueuse de notre propriété et a laissé le chantier impeccable. 5 étoiles sans hésitation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-engineer_23-2148233726.jpg", imageAlt: "Photo d'Isabelle R."},
|
||||
{
|
||||
name: "Famille Tremblay",
|
||||
handle: "@TremblayFam",
|
||||
testimonial: "Un grand merci à Toiture Alain St-Jean pour notre magnifique nouvelle toiture. Alain a été très à l'écoute de nos besoins et le résultat est splendide. Très professionnel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-watching-tv-home_329181-2701.jpg",
|
||||
imageAlt: "Photo de la Famille Tremblay",
|
||||
},
|
||||
name: "Famille Tremblay", handle: "@TremblayFam", testimonial: "Un grand merci à Toiture Alain St-Jean pour notre magnifique nouvelle toiture. Alain a été très à l'écoute de nos besoins et le résultat est splendide. Très professionnel.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-watching-tv-home_329181-2701.jpg", imageAlt: "Photo de la Famille Tremblay"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander une Soumission",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander une Soumission", href: "#contact"},
|
||||
{
|
||||
text: "Voir nos Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Voir nos Services", href: "#services"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
alt: "Julie L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", alt: "Julie L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-builder-worker-construction-uniform-safety-helmet-standing-with-arms-crossed-looking-up-orange-wall_141793-29123.jpg",
|
||||
alt: "Marc T.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-builder-worker-construction-uniform-safety-helmet-standing-with-arms-crossed-looking-up-orange-wall_141793-29123.jpg", alt: "Marc T."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-casual-mature-businessman-looking-camera-isolated-white-background_141793-90441.jpg",
|
||||
alt: "Sophie D.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-casual-mature-businessman-looking-camera-isolated-white-background_141793-90441.jpg", alt: "Sophie D."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman_273609-10480.jpg",
|
||||
alt: "David P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman_273609-10480.jpg", alt: "David P."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
|
||||
alt: "Client satisfait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", alt: "Client satisfait"},
|
||||
]}
|
||||
avatarText="+ 1000 toits réparés"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg"
|
||||
imageAlt="Entrepreneur en toiture travaillant sur un toit de maison"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Qualité Garantie",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Qualité Garantie", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expertise Locale",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Expertise Locale", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Service Client Impeccable",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Service Client Impeccable", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Soumission Rapide",
|
||||
icon: Timer,
|
||||
type: "text-icon", text: "Soumission Rapide", icon: Timer,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Toiture Durable",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Toiture Durable", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -202,19 +131,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Cog,
|
||||
label: "Années d'Expérience",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Années d'Expérience", value: "20+"},
|
||||
{
|
||||
icon: Home,
|
||||
label: "Projets Complétés",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projets Complétés", value: "500+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Clients Satisfaits",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Clients Satisfaits", value: "99%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -227,80 +150,53 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Installation et Rénovation",
|
||||
description: "Experts en pose de nouvelles toitures et en rénovation complète. Nous garantissons une installation durable et conforme aux normes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
imageAlt: "Installation d'une nouvelle toiture résidentielle",
|
||||
},
|
||||
title: "Installation et Rénovation", description: "Experts en pose de nouvelles toitures et en rénovation complète. Nous garantissons une installation durable et conforme aux normes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Installation d'une nouvelle toiture résidentielle"},
|
||||
items: [
|
||||
{
|
||||
icon: Roofing,
|
||||
text: "Toits en bardeaux d'asphalte",
|
||||
},
|
||||
icon: Hammer,
|
||||
text: "Toits en bardeaux d'asphalte"},
|
||||
{
|
||||
icon: Cog,
|
||||
text: "Toits métalliques durables",
|
||||
},
|
||||
text: "Toits métalliques durables"},
|
||||
{
|
||||
icon: Home,
|
||||
text: "Toits plats résidentiels et commerciaux",
|
||||
},
|
||||
text: "Toits plats résidentiels et commerciaux"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gy8sjx&_wi=1",
|
||||
imageAlt: "new roof installation residential",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Réparation d'Urgence et Entretien",
|
||||
description: "Intervention rapide pour les fuites, dommages et autres urgences. Nous offrons aussi des programmes d'entretien préventif.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg",
|
||||
imageAlt: "Réparation urgente d'un toit endommagé",
|
||||
},
|
||||
title: "Réparation d'Urgence et Entretien", description: "Intervention rapide pour les fuites, dommages et autres urgences. Nous offrons aussi des programmes d'entretien préventif.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg", imageAlt: "Réparation urgente d'un toit endommagé"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Réparation de fuites et fissures",
|
||||
},
|
||||
text: "Réparation de fuites et fissures"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Réparation de dommages causés par les intempéries",
|
||||
},
|
||||
text: "Réparation de dommages causés par les intempéries"},
|
||||
{
|
||||
icon: LifeBuoy,
|
||||
text: "Service d'urgence 24/7",
|
||||
},
|
||||
text: "Service d'urgence 24/7"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg?_wi=2",
|
||||
imageAlt: "new roof installation residential",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Inspection Détaillée et Conseils",
|
||||
description: "Évaluation complète de l'état de votre toiture avec un rapport détaillé et des recommandations personnalisées pour sa longévité.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
imageAlt: "Inspection détaillée d'un toit par un professionnel",
|
||||
},
|
||||
title: "Inspection Détaillée et Conseils", description: "Évaluation complète de l'état de votre toiture avec un rapport détaillé et des recommandations personnalisées pour sa longévité.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Inspection détaillée d'un toit par un professionnel"},
|
||||
items: [
|
||||
{
|
||||
icon: Search,
|
||||
text: "Diagnostic complet de la toiture",
|
||||
},
|
||||
text: "Diagnostic complet de la toiture"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Conseils d'expert en matériaux",
|
||||
},
|
||||
text: "Conseils d'expert en matériaux"},
|
||||
{
|
||||
icon: ClipboardCheck,
|
||||
text: "Rapports d'inspection clairs",
|
||||
},
|
||||
text: "Rapports d'inspection clairs"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?_wi=2",
|
||||
imageAlt: "new roof installation residential",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Nos Services de Toiture Complets"
|
||||
description="Que ce soit pour une nouvelle installation, une réparation urgente ou un entretien préventif, nous couvrons tous vos besoins en matière de toiture."
|
||||
@@ -315,47 +211,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bardeaux d'asphalte",
|
||||
price: "Dès 4$/pied carré",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",
|
||||
imageAlt: "Bardeaux d'asphalte",
|
||||
},
|
||||
id: "1", name: "Bardeaux d'asphalte", price: "Dès 4$/pied carré", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg", imageAlt: "Bardeaux d'asphalte"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Toiture métallique",
|
||||
price: "Dès 10$/pied carré",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
|
||||
imageAlt: "Toiture métallique",
|
||||
},
|
||||
id: "2", name: "Toiture métallique", price: "Dès 10$/pied carré", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "Toiture métallique"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Systèmes de toits plats",
|
||||
price: "Dès 8$/pied carré",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gravel-road_1137-90.jpg",
|
||||
imageAlt: "Systèmes de toits plats",
|
||||
},
|
||||
id: "3", name: "Systèmes de toits plats", price: "Dès 8$/pied carré", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gravel-road_1137-90.jpg", imageAlt: "Systèmes de toits plats"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bardeaux de cèdre",
|
||||
price: "Sur demande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-roof_1162-123.jpg",
|
||||
imageAlt: "Bardeaux de cèdre",
|
||||
},
|
||||
id: "4", name: "Bardeaux de cèdre", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/wood-roof_1162-123.jpg", imageAlt: "Bardeaux de cèdre"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tuiles en terre cuite",
|
||||
price: "Sur demande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg",
|
||||
imageAlt: "Tuiles en terre cuite",
|
||||
},
|
||||
id: "5", name: "Tuiles en terre cuite", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg", imageAlt: "Tuiles en terre cuite"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tuiles synthétiques",
|
||||
price: "Dès 9$/pied carré",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-timber_1359-202.jpg",
|
||||
imageAlt: "Tuiles synthétiques",
|
||||
},
|
||||
id: "6", name: "Tuiles synthétiques", price: "Dès 9$/pied carré", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-timber_1359-202.jpg", imageAlt: "Tuiles synthétiques"},
|
||||
]}
|
||||
title="Matériaux de Qualité Supérieure"
|
||||
description="Nous utilisons uniquement les meilleurs matériaux du marché pour garantir la longévité, l'esthétique et la performance énergétique de votre toiture."
|
||||
@@ -369,36 +235,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "leadership",
|
||||
groupTitle: "Notre Équipe Dévouée",
|
||||
members: [
|
||||
id: "leadership", groupTitle: "Notre Équipe Dévouée", members: [
|
||||
{
|
||||
id: "alain",
|
||||
title: "Alain St-Jean",
|
||||
subtitle: "Fondateur & Maître Couvreur",
|
||||
detail: "Alain est le cœur de l'entreprise, apportant plus de 20 ans d'expertise dans tous les aspects de la toiture. Sa passion pour le travail bien fait est la pierre angulaire de notre réputation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108962.jpg",
|
||||
imageAlt: "Portrait d'Alain St-Jean",
|
||||
},
|
||||
id: "alain", title: "Alain St-Jean", subtitle: "Fondateur & Maître Couvreur", detail: "Alain est le cœur de l'entreprise, apportant plus de 20 ans d'expertise dans tous les aspects de la toiture. Sa passion pour le travail bien fait est la pierre angulaire de notre réputation.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108962.jpg", imageAlt: "Portrait d'Alain St-Jean"},
|
||||
{
|
||||
id: "sophie",
|
||||
title: "Sophie Dubois",
|
||||
subtitle: "Directrice de Projet",
|
||||
detail: "Sophie assure la coordination de tous nos chantiers, veillant au respect des délais, du budget et des standards de qualité les plus élevés. Son organisation est impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-checked-shirt-hat-looking-confident_176474-47786.jpg",
|
||||
imageAlt: "Portrait de Sophie Dubois",
|
||||
},
|
||||
id: "sophie", title: "Sophie Dubois", subtitle: "Directrice de Projet", detail: "Sophie assure la coordination de tous nos chantiers, veillant au respect des délais, du budget et des standards de qualité les plus élevés. Son organisation est impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-checked-shirt-hat-looking-confident_176474-47786.jpg", imageAlt: "Portrait de Sophie Dubois"},
|
||||
{
|
||||
id: "marc",
|
||||
title: "Marc Lévesque",
|
||||
subtitle: "Chef d'Équipe",
|
||||
detail: "Marc dirige nos équipes sur le terrain avec rigueur et efficacité. Son expérience assure une exécution parfaite et la sécurité de tous les intervenants sur chaque projet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg",
|
||||
imageAlt: "Portrait de Marc Lévesque",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gy8sjx&_wi=2",
|
||||
imageAlt: "portrait of a friendly roofer",
|
||||
id: "marc", title: "Marc Lévesque", subtitle: "Chef d'Équipe", detail: "Marc dirige nos équipes sur le terrain avec rigueur et efficacité. Son expérience assure une exécution parfaite et la sécurité de tous les intervenants sur chaque projet.", imageAlt: "Portrait de Marc Lévesque"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Rencontrez Alain St-Jean, Votre Expert en Toiture"
|
||||
@@ -412,35 +256,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quand dois-je remplacer ma toiture?",
|
||||
content: "La durée de vie d'une toiture varie selon les matériaux, mais généralement entre 15 et 25 ans. Des signes comme les bardeaux manquants, fissurés, ou une dégradation visible peuvent indiquer un besoin de remplacement.",
|
||||
},
|
||||
id: "1", title: "Quand dois-je remplacer ma toiture?", content: "La durée de vie d'une toiture varie selon les matériaux, mais généralement entre 15 et 25 ans. Des signes comme les bardeaux manquants, fissurés, ou une dégradation visible peuvent indiquer un besoin de remplacement."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quel est le coût moyen d'une nouvelle toiture?",
|
||||
content: "Le coût dépend de plusieurs facteurs : le type de matériau, la superficie, la complexité du toit et les coûts de main-d'œuvre. Nous offrons des soumissions gratuites et détaillées pour évaluer votre projet.",
|
||||
},
|
||||
id: "2", title: "Quel est le coût moyen d'une nouvelle toiture?", content: "Le coût dépend de plusieurs facteurs : le type de matériau, la superficie, la complexité du toit et les coûts de main-d'œuvre. Nous offrons des soumissions gratuites et détaillées pour évaluer votre projet."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Combien de temps prend l'installation d'une toiture?",
|
||||
content: "La plupart des projets résidentiels de toiture peuvent être complétés en 1 à 3 jours, selon la taille et la complexité. Les projets plus importants peuvent prendre plus de temps.",
|
||||
},
|
||||
id: "3", title: "Combien de temps prend l'installation d'une toiture?", content: "La plupart des projets résidentiels de toiture peuvent être complétés en 1 à 3 jours, selon la taille et la complexité. Les projets plus importants peuvent prendre plus de temps."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Offrez-vous une garantie sur vos travaux?",
|
||||
content: "Oui, nous offrons une garantie complète sur notre main-d'œuvre et les matériaux utilisés, vous assurant une tranquillité d'esprit pour de nombreuses années.",
|
||||
},
|
||||
id: "4", title: "Offrez-vous une garantie sur vos travaux?", content: "Oui, nous offrons une garantie complète sur notre main-d'œuvre et les matériaux utilisés, vous assurant une tranquillité d'esprit pour de nombreuses années."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Quels types de matériaux de toiture proposez-vous?",
|
||||
content: "Nous travaillons avec une vaste gamme de matériaux, y compris les bardeaux d'asphalte, les toitures métalliques, les systèmes de toits plats, les bardeaux de cèdre, et les tuiles synthétiques.",
|
||||
},
|
||||
id: "5", title: "Quels types de matériaux de toiture proposez-vous?", content: "Nous travaillons avec une vaste gamme de matériaux, y compris les bardeaux d'asphalte, les toitures métalliques, les systèmes de toits plats, les bardeaux de cèdre, et les tuiles synthétiques."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Comment puis-je obtenir une soumission gratuite?",
|
||||
content: "Vous pouvez facilement demander une soumission gratuite en nous contactant par téléphone, email, ou en remplissant le formulaire sur notre page de contact. Nous serons ravis de discuter de votre projet.",
|
||||
},
|
||||
id: "6", title: "Comment puis-je obtenir une soumission gratuite?", content: "Vous pouvez facilement demander une soumission gratuite en nous contactant par téléphone, email, ou en remplissant le formulaire sur notre page de contact. Nous serons ravis de discuter de votre projet."},
|
||||
]}
|
||||
title="Questions Fréquentes sur la Toiture"
|
||||
description="Trouvez rapidement les réponses à vos interrogations les plus courantes concernant nos services, matériaux et processus de travail."
|
||||
@@ -452,18 +278,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Prêt à discuter de votre projet de toiture? Contactez-nous dès aujourd'hui pour une soumission gratuite et sans engagement!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler Maintenant",
|
||||
href: "tel:+1-555-123-4567",
|
||||
},
|
||||
text: "Appeler Maintenant", href: "tel:+1-555-123-4567"},
|
||||
{
|
||||
text: "Envoyer un Message",
|
||||
href: "mailto:info@toiturealainstjean.com",
|
||||
},
|
||||
text: "Envoyer un Message", href: "mailto:info@toiturealainstjean.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -476,61 +297,37 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Installation", href: "#services"},
|
||||
{
|
||||
label: "Réparation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Réparation", href: "#services"},
|
||||
{
|
||||
label: "Inspection",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Inspection", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos", href: "#about"},
|
||||
{
|
||||
label: "Notre Équipe",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Notre Équipe", href: "#team"},
|
||||
{
|
||||
label: "Témoignages",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Témoignages", href: "#hero"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Soumission Gratuite",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Soumission Gratuite", href: "#contact"},
|
||||
{
|
||||
label: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Conditions Générales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions Générales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user