Update src/app/page.tsx
This commit is contained in:
380
src/app/page.tsx
380
src/app/page.tsx
@@ -26,271 +26,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Tip Top"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tip Top"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Tip Top Maintenance"
|
||||
description="Rapidité, ponctualité et expertise au service de votre confort. Note Google 4.9/5 sur plus de 14 avis."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:+33123456789",
|
||||
},
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=1",
|
||||
imageAlt: "Maintenance de précision",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=2",
|
||||
imageAlt: "Technicien qualifié",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=3",
|
||||
imageAlt: "Expertise chauffage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=4",
|
||||
imageAlt: "Intervention rapide",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=5",
|
||||
imageAlt: "Qualité artisanale",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=6",
|
||||
imageAlt: "Service client tip top",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Tip Top Maintenance"
|
||||
description="Rapidité, ponctualité et expertise au service de votre confort. Note Google 4.9/5 sur plus de 14 avis."
|
||||
buttons={[
|
||||
{ text: "Appeler maintenant", href: "tel:+33123456789" },
|
||||
{ text: "Demander un devis", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg", imageAlt: "Maintenance de précision" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg", imageAlt: "Technicien qualifié" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg", imageAlt: "Expertise chauffage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg", imageAlt: "Intervention rapide" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg", imageAlt: "Qualité artisanale" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg", imageAlt: "Service client tip top" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Chaudières",
|
||||
description: "Entretien, dépannage et remplacement par des experts certifiés.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg?_wi=1",
|
||||
imageAlt: "Service chaudières",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Diagnostic précis",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Entretien préventif",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931439.jpg?_wi=7",
|
||||
imageAlt: "luxury plumbing maintenance tools",
|
||||
},
|
||||
{
|
||||
title: "Plomberie",
|
||||
description: "Réparation de fuites et installation de systèmes sanitaires haut de gamme.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg?_wi=1",
|
||||
imageAlt: "Service plomberie",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Urgence 24/7",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Installation sur mesure",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg?_wi=2",
|
||||
imageAlt: "modern boiler heating system",
|
||||
},
|
||||
{
|
||||
title: "Maintenance Générale",
|
||||
description: "Une approche globale pour maintenir votre foyer en parfait état de fonctionnement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site_169016-7326.jpg?_wi=1",
|
||||
imageAlt: "Maintenance générale",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Ponctualité garantie",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Transparence totale",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg?_wi=2",
|
||||
imageAlt: "luxury bathroom plumbing repair",
|
||||
},
|
||||
]}
|
||||
title="Nos Services d'Excellence"
|
||||
description="Nous intervenons sur l'ensemble de vos installations avec rigueur et savoir-faire."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Chaudières", description: "Entretien, dépannage et remplacement par des experts certifiés.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg", imageAlt: "Service chaudières"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Diagnostic précis" },
|
||||
{ icon: CheckCircle, text: "Entretien préventif" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Plomberie", description: "Réparation de fuites et installation de systèmes sanitaires haut de gamme.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg", imageAlt: "Service plomberie"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Urgence 24/7" },
|
||||
{ icon: CheckCircle, text: "Installation sur mesure" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Maintenance Générale", description: "Une approche globale pour maintenir votre foyer en parfait état de fonctionnement.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site_169016-7326.jpg", imageAlt: "Maintenance générale"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Ponctualité garantie" },
|
||||
{ icon: CheckCircle, text: "Transparence totale" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Nos Services d'Excellence"
|
||||
description="Nous intervenons sur l'ensemble de vos installations avec rigueur et savoir-faire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jean Dupont",
|
||||
date: "10/2024",
|
||||
title: "Réparation Chaudière",
|
||||
quote: "Tip Top est intervenu avec une rapidité exemplaire. Je recommande vivement !",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site_169016-7326.jpg?_wi=2",
|
||||
imageAlt: "general home maintenance repair",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marie Curie",
|
||||
date: "09/2024",
|
||||
title: "Plomberie",
|
||||
quote: "Ponctualité et explication très claire. Un travail vraiment propre.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg",
|
||||
imageAlt: "professional client profile photo",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pierre Martin",
|
||||
date: "08/2024",
|
||||
title: "Entretien",
|
||||
quote: "Une expertise rare aujourd'hui. Merci encore pour votre aide.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",
|
||||
imageAlt: "professional client profile photo",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucie Bernard",
|
||||
date: "07/2024",
|
||||
title: "Dépannage",
|
||||
quote: "Intervention rapide et efficace, rien à redire.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg",
|
||||
imageAlt: "professional client profile photo",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul Durand",
|
||||
date: "06/2024",
|
||||
title: "Maintenance",
|
||||
quote: "Des vrais pros, ponctuels et consciencieux.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/welcome-portrait-cheerful-african-woman-inviting-visitor-enter-his-home-happy-young-woman-standing-doorway-modern-apartment-showing-living-room-with-hand_657921-1689.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
imageAlt: "professional client profile photo",
|
||||
},
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="Ils nous font confiance pour la qualité de nos interventions."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jean Dupont", date: "10/2024", title: "Réparation Chaudière", quote: "Tip Top est intervenu avec une rapidité exemplaire. Je recommande vivement !", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site_169016-7326.jpg", imageAlt: "general home maintenance repair" },
|
||||
{ id: "2", name: "Marie Curie", date: "09/2024", title: "Plomberie", quote: "Ponctualité et explication très claire. Un travail vraiment propre.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg", imageAlt: "professional client profile photo" },
|
||||
{ id: "3", name: "Pierre Martin", date: "08/2024", title: "Entretien", quote: "Une expertise rare aujourd'hui. Merci encore pour votre aide.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg", imageAlt: "professional client profile photo" },
|
||||
{ id: "4", name: "Lucie Bernard", date: "07/2024", title: "Dépannage", quote: "Intervention rapide et efficace, rien à redire.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg", imageAlt: "professional client profile photo" },
|
||||
{ id: "5", name: "Paul Durand", date: "06/2024", title: "Maintenance", quote: "Des vrais pros, ponctuels et consciencieux.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/welcome-portrait-cheerful-african-woman-inviting-visitor-enter-his-home-happy-young-woman-standing-doorway-modern-apartment-showing-living-room-with-hand_657921-1689.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg", imageAlt: "professional client profile photo" },
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="Ils nous font confiance pour la qualité de nos interventions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="L'Excellence à votre service"
|
||||
description="Plus d'une décennie d'expérience dans la maintenance technique pour une tranquillité d'esprit totale."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg?_wi=3"
|
||||
imageAlt="Maintenance expert"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
title: "Note Client",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Années d'expérience",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Disponibilité",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="L'Excellence à votre service"
|
||||
description="Plus d'une décennie d'expérience dans la maintenance technique pour une tranquillité d'esprit totale."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg"
|
||||
imageAlt="Maintenance expert"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ value: "4.9/5", title: "Note Client" },
|
||||
{ value: "15+", title: "Années d'expérience" },
|
||||
{ value: "24/7", title: "Disponibilité" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contactez-nous"
|
||||
title="Une Panne ? Besoin d'un Devis ?"
|
||||
description="Nous intervenons rapidement. Laissez-nous vos coordonnées, nous vous rappelons dans les plus brefs délais."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Votre email"
|
||||
buttonText="Envoyer"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg?_wi=3"
|
||||
imageAlt="Technicien en intervention"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contactez-nous"
|
||||
title="Une Panne ? Besoin d'un Devis ?"
|
||||
description="Nous intervenons rapidement. Laissez-nous vos coordonnées, nous vous rappelons dans les plus brefs délais."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Votre email"
|
||||
buttonText="Envoyer"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg"
|
||||
imageAlt="Technicien en intervention"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Tip Top Maintenance"
|
||||
copyrightText="© 2024 Tip Top Maintenance. Note Google 4.9/5."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Tip Top Maintenance"
|
||||
copyrightText="© 2024 Tip Top Maintenance. Note Google 4.9/5."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user