|
|
|
|
@@ -67,17 +67,17 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{
|
|
|
|
|
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg", imageAlt: "Voiture de sport rouge"},
|
|
|
|
|
id: "hero-carousel-1", imageSrc: "https://framerusercontent.com/images/kF8qXvH9VwR8M0LpE0Vb3Z4dFk.webp", imageAlt: "Voiture de sport rouge"},
|
|
|
|
|
{
|
|
|
|
|
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167642.jpg", imageAlt: "Petite citadine économique"},
|
|
|
|
|
id: "hero-carousel-2", imageSrc: "https://framerusercontent.com/images/3G0X1G7Q3kG7X3L0X3N3Q2D1E0V.webp", imageAlt: "Petite citadine économique"},
|
|
|
|
|
{
|
|
|
|
|
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/good-friends-playing-guitar-while-traveling-by-car_23-2148771860.jpg", imageAlt: "SUV familial noir"},
|
|
|
|
|
id: "hero-carousel-3", imageSrc: "https://framerusercontent.com/images/B9Z2p4XlR0v1M1gG5cI1G7Q4vG0.webp", imageAlt: "SUV familial noir"},
|
|
|
|
|
{
|
|
|
|
|
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-looking-out-caravan-s-window_23-2148659482.jpg", imageAlt: "Minivan pour groupe"},
|
|
|
|
|
id: "hero-carousel-4", imageSrc: "https://framerusercontent.com/images/T2w8G9kF3X1j5R6x0f3P1E1c2V2.webp", imageAlt: "Minivan pour groupe"},
|
|
|
|
|
{
|
|
|
|
|
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/red-pickup-model-black-floor_1150-16351.jpg", imageAlt: "Décapotable de luxe"},
|
|
|
|
|
id: "hero-carousel-5", imageSrc: "https://framerusercontent.com/images/M6X2L9P4h1j5R6x0f3P1E1c2V2.webp", imageAlt: "Décapotable de luxe"},
|
|
|
|
|
{
|
|
|
|
|
id: "hero-carousel-6", imageAlt: "Véhicule électrique en charge", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-trees_23-2151005352.jpg"},
|
|
|
|
|
id: "hero-carousel-6", imageAlt: "Véhicule électrique en charge", imageSrc: "https://framerusercontent.com/images/0N0X1B4Q2L7C3F8P9T3R5K1E0V.webp"},
|
|
|
|
|
]}
|
|
|
|
|
autoPlay={true}
|
|
|
|
|
autoPlayInterval={4000}
|
|
|
|
|
@@ -97,7 +97,7 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
value: "5000+", title: "Clients Satisfaits"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/family-buying-car-dealer_1303-13702.jpg"
|
|
|
|
|
imageSrc="https://framerusercontent.com/images/vR1m7g4T1R5h8u3i2Z2c0f1D0J0.webp"
|
|
|
|
|
imageAlt="Clés de voiture remises à un client"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
@@ -114,27 +114,27 @@ export default function LandingPage() {
|
|
|
|
|
title: "Réservation Facile", description: "Réservez votre véhicule en quelques clics via notre plateforme intuitive, disponible 24/7.", icon: CalendarDays,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-calendar-paper_23-2148036901.jpg", imageAlt: "Application de réservation de voiture sur smartphone"},
|
|
|
|
|
imageSrc: "https://framerusercontent.com/images/p9JjX0W2Fm4t9p2q6y3m1n1r0c5e.webp", imageAlt: "Application de réservation de voiture sur smartphone"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/online-ticket-booking_53876-74932.jpg", imageAlt: "Application de réservation de voiture sur smartphone"},
|
|
|
|
|
imageSrc: "https://framerusercontent.com/images/z2C0M7gQ4h1x5T8p3e1s0d0u2v0.webp", imageAlt: "Application de réservation de voiture sur smartphone"},
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Large Sélection", description: "Choisissez parmi une vaste flotte de véhicules, de la citadine économique au SUV familial, en passant par les voitures de luxe.", icon: Car,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multilevel-parking-place_1398-457.jpg", imageAlt: "Divers types de voitures sur un parking"},
|
|
|
|
|
imageSrc: "https://framerusercontent.com/images/d3F8e5sP9c1R0x1Z2k4w6v7i0j0.webp", imageAlt: "Divers types de voitures sur un parking"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/that-how-success-looks-like-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16555.jpg", imageAlt: "Divers types de voitures sur un parking"},
|
|
|
|
|
imageSrc: "https://framerusercontent.com/images/h2J7v0U4m1n6o3P8q0r1s0t0u0.webp", imageAlt: "Divers types de voitures sur un parking"},
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support 24/7", description: "Notre équipe d'assistance est disponible à tout moment pour répondre à vos questions et vous aider en cas de besoin.", icon: Headphones,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-call-center-office-with-coffee_23-2149256070.jpg", imageAlt: "Agent de support client avec casque"},
|
|
|
|
|
imageSrc: "https://framerusercontent.com/images/s7T0v2M1e3x5F8j0y0c1R4b0a2.webp", imageAlt: "Agent de support client avec casque"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg", imageAlt: "Agent de support client avec casque"},
|
|
|
|
|
imageSrc: "https://framerusercontent.com/images/y9K0B3G6j2V5c1h0x1Z4d0q0r0.webp", imageAlt: "Agent de support client avec casque"},
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
@@ -151,17 +151,17 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "fiat-500", name: "Fiat 500", price: "45€ / jour", variant: "Économique", imageSrc: "http://img.b2bpic.net/free-photo/woman-near-man-looking-map-positive-lady-leaning-out-from-car-near-beach_23-2148039117.jpg", imageAlt: "Fiat 500 blanche"},
|
|
|
|
|
id: "fiat-500", name: "Fiat 500", price: "45€ / jour", variant: "Économique", imageSrc: "https://framerusercontent.com/images/f9D2J8X3p1V5c1h0x1Z4d0q0r0.webp", imageAlt: "Fiat 500 blanche"},
|
|
|
|
|
{
|
|
|
|
|
id: "peugeot-308", name: "Peugeot 308", price: "60€ / jour", variant: "Compacte", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-eating-near-car_23-2149437544.jpg", imageAlt: "Peugeot 308 bleue"},
|
|
|
|
|
id: "peugeot-308", name: "Peugeot 308", price: "60€ / jour", variant: "Compacte", imageSrc: "https://framerusercontent.com/images/e4W1L7P3h1j5R6x0f3P1E1c2V2.webp", imageAlt: "Peugeot 308 bleue"},
|
|
|
|
|
{
|
|
|
|
|
id: "renault-clio", name: "Renault Clio", price: "50€ / jour", variant: "Citadine", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-car-voyage_23-2148619954.jpg", imageAlt: "Renault Clio rouge"},
|
|
|
|
|
id: "renault-clio", name: "Renault Clio", price: "50€ / jour", variant: "Citadine", imageSrc: "https://framerusercontent.com/images/t2Q7F9V0X4Y1B6G8J0K1L2M3N4O5.webp", imageAlt: "Renault Clio rouge"},
|
|
|
|
|
{
|
|
|
|
|
id: "vw-golf", name: "Volkswagen Golf", price: "70€ / jour", variant: "Berline", imageSrc: "http://img.b2bpic.net/free-photo/black-luxury-jeep-driving-road_114579-4058.jpg", imageAlt: "Volkswagen Golf noire"},
|
|
|
|
|
id: "vw-golf", name: "Volkswagen Golf", price: "70€ / jour", variant: "Berline", imageSrc: "https://framerusercontent.com/images/y6Z1X5V0N9M8L7K6J5H4G3F2E1D0.webp", imageAlt: "Volkswagen Golf noire"},
|
|
|
|
|
{
|
|
|
|
|
id: "nissan-qashqai", name: "Nissan Qashqai", price: "85€ / jour", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/two-women-checking-map-together-while-traveling-by-car_23-2148771841.jpg", imageAlt: "Nissan Qashqai blanche"},
|
|
|
|
|
id: "nissan-qashqai", name: "Nissan Qashqai", price: "85€ / jour", variant: "SUV", imageSrc: "https://framerusercontent.com/images/r8S3P7C1B4N0M2L5K6J7H9G0F1E2.webp", imageAlt: "Nissan Qashqai blanche"},
|
|
|
|
|
{
|
|
|
|
|
id: "mercedes-c", name: "Mercedes C-Class", price: "120€ / jour", variant: "Luxe", imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-crossover-driving-winter-highway-eco-mobility-snowy-road_169016-71503.jpg", imageAlt: "Mercedes Classe C argentée"},
|
|
|
|
|
id: "mercedes-c", name: "Mercedes C-Class", price: "120€ / jour", variant: "Luxe", imageSrc: "https://framerusercontent.com/images/p1K6T0Z2X5V7B9N0M1L3J4H6G8F0E2.webp", imageAlt: "Mercedes Classe C argentée"},
|
|
|
|
|
]}
|
|
|
|
|
title="Notre Flotte de Véhicules"
|
|
|
|
|
description="Explorez notre gamme complète de voitures, des citadines économiques aux SUV de luxe, toutes prêtes pour votre prochaine aventure."
|
|
|
|
|
@@ -198,15 +198,15 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Service exceptionnel!", quote: "L'expérience avec Mag Auto a été absolument parfaite. La voiture était impeccable et le personnel très accueillant. Je recommande vivement!", name: "Julien Dubois", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg", imageAlt: "Photo de Julien Dubois"},
|
|
|
|
|
id: "1", title: "Service exceptionnel!", quote: "L'expérience avec Mag Auto a été absolument parfaite. La voiture était impeccable et le personnel très accueillant. Je recommande vivement!", name: "Julien Dubois", role: "Entrepreneur", imageSrc: "https://framerusercontent.com/images/a0X4B8R6k1Y5p2z3u0v1w2x3y4z5.webp", imageAlt: "Photo de Julien Dubois"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Location sans tracas", quote: "J'ai loué une voiture pour mes vacances et tout s'est déroulé sans accroc. Le processus de réservation est simple et rapide, et les tarifs sont compétitifs.", name: "Sophie Martin", role: "Voyageuse", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg", imageAlt: "Photo de Sophie Martin"},
|
|
|
|
|
id: "2", title: "Location sans tracas", quote: "J'ai loué une voiture pour mes vacances et tout s'est déroulé sans accroc. Le processus de réservation est simple et rapide, et les tarifs sont compétitifs.", name: "Sophie Martin", role: "Voyageuse", imageSrc: "https://framerusercontent.com/images/b1C5D9S7t2U6v3w4x5y6z7a8b9.webp", imageAlt: "Photo de Sophie Martin"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Flotte de qualité supérieure", quote: "Impressionné par la qualité et la propreté des véhicules. J'ai pu choisir exactement le modèle que je voulais. Mag Auto est mon agence de prédilection désormais.", name: "Marc Lefevre", role: "Professionnel de la route", imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-baby-girl-choosing-car_1303-27395.jpg", imageAlt: "Photo de Marc Lefevre"},
|
|
|
|
|
id: "3", title: "Flotte de qualité supérieure", quote: "Impressionné par la qualité et la propreté des véhicules. J'ai pu choisir exactement le modèle que je voulais. Mag Auto est mon agence de prédilection désormais.", name: "Marc Lefevre", role: "Professionnel de la route", imageSrc: "https://framerusercontent.com/images/c2E6F0T8u3V7w4x5y6z7a8b9c0.webp", imageAlt: "Photo de Marc Lefevre"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Support client réactif", quote: "J'ai eu une petite question en cours de route et le service client a été incroyablement réactif et serviable. Un vrai plus!", name: "Fatima Benali", role: "Cadre commercial", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-young-man-wearing-glasses-sitting-back-seat-car-0_613910-19961.jpg", imageAlt: "Photo de Fatima Benali"},
|
|
|
|
|
id: "4", title: "Support client réactif", quote: "J'ai eu une petite question en cours de route et le service client a été incroyablement réactif et serviable. Un vrai plus!", name: "Fatima Benali", role: "Cadre commercial", imageSrc: "https://framerusercontent.com/images/d3F7G1U9v4W8x5y6z7a8b9c0d1.webp", imageAlt: "Photo de Fatima Benali"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "Excellent rapport qualité/prix", quote: "Mag Auto offre le meilleur rapport qualité/prix que j'ai trouvé. Des voitures récentes, un service irréprochable et des prix justes. Je reviendrai!", name: "Thomas Petit", role: "Étudiant", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg", imageAlt: "Photo de Thomas Petit"},
|
|
|
|
|
id: "5", title: "Excellent rapport qualité/prix", quote: "Mag Auto offre le meilleur rapport qualité/prix que j'ai trouvé. Des voitures récentes, un service irréprochable et des prix justes. Je reviendrai!", name: "Thomas Petit", role: "Étudiant", imageSrc: "https://framerusercontent.com/images/e4G8H2V0w5X9y6z7a8b9c0d1e2.webp", imageAlt: "Photo de Thomas Petit"},
|
|
|
|
|
]}
|
|
|
|
|
title="Ce que nos Clients Disent"
|
|
|
|
|
description="L'expérience Mag Auto racontée par ceux qui nous font confiance pour leurs besoins en location de véhicules."
|
|
|
|
|
@@ -251,7 +251,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterMedia
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/moving-car-road-top-view_23-2148242179.jpg"
|
|
|
|
|
imageSrc="https://framerusercontent.com/images/n5M7P9R1j2K0L4Q6T8U0V2W4X6Y8Z0.webp"
|
|
|
|
|
imageAlt="Vue de la route de nuit"
|
|
|
|
|
logoText="Mag Auto"
|
|
|
|
|
columns={[
|
|
|
|
|
|