Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
278
src/app/page.tsx
278
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Catalogue",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Catalogue", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Smart Auto Tunisie"
|
||||
/>
|
||||
@@ -54,93 +42,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Smart Auto : Votre partenaire automobile de confiance en Tunisie"
|
||||
description="Découvrez une vaste sélection de voitures premium, rigoureusement inspectées pour vous offrir le meilleur rapport qualité-prix. Votre prochaine voiture vous attend."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amine Ben Ali",
|
||||
handle: "@amine_auto",
|
||||
testimonial: "Excellent service client, très professionnel !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-posing-car-dealership_651396-1155.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarra Trabelsi",
|
||||
handle: "@sarra_tun",
|
||||
testimonial: "Voiture impeccable, livraison rapide.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg",
|
||||
},
|
||||
{
|
||||
name: "Karim Bouzidi",
|
||||
handle: "@karim_b",
|
||||
testimonial: "Un choix exceptionnel de véhicules.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
},
|
||||
{
|
||||
name: "Leila Mansour",
|
||||
handle: "@leila_m",
|
||||
testimonial: "Je recommande vivement Smart Auto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mehdi Riahi",
|
||||
handle: "@mehdi_r",
|
||||
testimonial: "La meilleure expérience d'achat auto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-dealer-talking-clients_23-2148130143.jpg",
|
||||
},
|
||||
{ name: "Amine Ben Ali", handle: "@amine_auto", testimonial: "Excellent service client, très professionnel !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-posing-car-dealership_651396-1155.jpg" },
|
||||
{ name: "Sarra Trabelsi", handle: "@sarra_tun", testimonial: "Voiture impeccable, livraison rapide.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg" },
|
||||
{ name: "Karim Bouzidi", handle: "@karim_b", testimonial: "Un choix exceptionnel de véhicules.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg" },
|
||||
{ name: "Leila Mansour", handle: "@leila_m", testimonial: "Je recommande vivement Smart Auto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg" },
|
||||
{ name: "Mehdi Riahi", handle: "@mehdi_r", testimonial: "La meilleure expérience d'achat auto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-dealer-talking-clients_23-2148130143.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130079.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891400.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-near-her-white-modern-car-carwash-station_651396-2392.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130078.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16450.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891400.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-near-her-white-modern-car-carwash-station_651396-2392.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130078.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16450.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualité Garantie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prix Compétitifs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise Locale",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Livraison Rapide",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Service Premium",
|
||||
},
|
||||
{ type: "text", text: "Qualité Garantie" },
|
||||
{ type: "text", text: "Prix Compétitifs" },
|
||||
{ type: "text", text: "Expertise Locale" },
|
||||
{ type: "text", text: "Livraison Rapide" },
|
||||
{ type: "text", text: "Service Premium" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,42 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mercedes-Benz Classe C",
|
||||
price: "145 000 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-close-up-3d-rendering_1379-899.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Volkswagen Tiguan",
|
||||
price: "115 000 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30119.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Renault Clio 5",
|
||||
price: "55 000 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-imagination-still-life_23-2149082158.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "BMW Série 3",
|
||||
price: "165 000 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-showing-clients-components-car-hood_482257-124137.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Audi A3 Sportback",
|
||||
price: "98 000 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-purchasable-extra-car-features-tablet-clients_482257-118469.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Peugeot 3008",
|
||||
price: "105 000 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-standing-near-campervan-front-view_23-2149516110.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mercedes-Benz Classe C", price: "145 000 TND", imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-close-up-3d-rendering_1379-899.jpg" },
|
||||
{ id: "2", name: "Volkswagen Tiguan", price: "115 000 TND", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30119.jpg" },
|
||||
{ id: "3", name: "Renault Clio 5", price: "55 000 TND", imageSrc: "http://img.b2bpic.net/free-photo/books-imagination-still-life_23-2149082158.jpg" },
|
||||
{ id: "4", name: "BMW Série 3", price: "165 000 TND", imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-showing-clients-components-car-hood_482257-124137.jpg" },
|
||||
{ id: "5", name: "Audi A3 Sportback", price: "98 000 TND", imageSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-purchasable-extra-car-features-tablet-clients_482257-118469.jpg" },
|
||||
{ id: "6", name: "Peugeot 3008", price: "105 000 TND", imageSrc: "http://img.b2bpic.net/free-photo/women-standing-near-campervan-front-view_23-2149516110.jpg" }
|
||||
]}
|
||||
title="Catalogue de Véhicules"
|
||||
description="Découvrez nos arrivages hebdomadaires. Trouvez le modèle qui correspond à votre style de vie et à votre budget."
|
||||
@@ -210,21 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1500+",
|
||||
description: "Véhicules vendus",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10+",
|
||||
description: "Ans d'expérience",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Clients satisfaits",
|
||||
},
|
||||
{ id: "1", value: "1500+", description: "Véhicules vendus" },
|
||||
{ id: "2", value: "10+", description: "Ans d'expérience" },
|
||||
{ id: "3", value: "98%", description: "Clients satisfaits" }
|
||||
]}
|
||||
title="Quelques chiffres clés"
|
||||
description="La preuve de notre engagement envers la satisfaction de nos clients en Tunisie."
|
||||
@@ -233,44 +117,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amine B.",
|
||||
handle: "@amine",
|
||||
testimonial: "Smart Auto a rendu l'achat de ma première voiture si simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-124573.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarra T.",
|
||||
handle: "@sarra",
|
||||
testimonial: "Très satisfaite de la réactivité du personnel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim B.",
|
||||
handle: "@karim",
|
||||
testimonial: "Le meilleur rapport qualité-prix sur Tunis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leila M.",
|
||||
handle: "@leila",
|
||||
testimonial: "Je reviendrai pour ma prochaine voiture sans hésiter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-dealership-salesman-showing-product-offerings-clipboard-woman_482257-117280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mehdi R.",
|
||||
handle: "@mehdi",
|
||||
testimonial: "Professionalisme et transparence garantis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-family-car-salon_1157-21753.jpg",
|
||||
},
|
||||
{ id: "1", name: "Amine B.", handle: "@amine", testimonial: "Smart Auto a rendu l'achat de ma première voiture si simple.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-124573.jpg" },
|
||||
{ id: "2", name: "Sarra T.", handle: "@sarra", testimonial: "Très satisfaite de la réactivité du personnel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg" },
|
||||
{ id: "3", name: "Karim B.", handle: "@karim", testimonial: "Le meilleur rapport qualité-prix sur Tunis.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg" },
|
||||
{ id: "4", name: "Leila M.", handle: "@leila", testimonial: "Je reviendrai pour ma prochaine voiture sans hésiter.", imageSrc: "http://img.b2bpic.net/free-photo/car-dealership-salesman-showing-product-offerings-clipboard-woman_482257-117280.jpg" },
|
||||
{ id: "5", name: "Mehdi R.", handle: "@mehdi", testimonial: "Professionalisme et transparence garantis.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-family-car-salon_1157-21753.jpg" }
|
||||
]}
|
||||
title="Ce que nos clients disent"
|
||||
description="La confiance est notre moteur."
|
||||
@@ -279,37 +134,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quelles sont les garanties offertes ?",
|
||||
content: "Tous nos véhicules bénéficient d'une garantie de 12 à 24 mois selon le modèle.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Est-ce que je peux faire un essai routier ?",
|
||||
content: "Absolument, sur rendez-vous dans notre showroom à Tunis.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Proposez-vous des solutions de financement ?",
|
||||
content: "Oui, nous travaillons avec plusieurs partenaires bancaires tunisiens pour vous faciliter le crédit.",
|
||||
},
|
||||
{ id: "f1", title: "Quelles sont les garanties offertes ?", content: "Tous nos véhicules bénéficient d'une garantie de 12 à 24 mois selon le modèle." },
|
||||
{ id: "f2", title: "Est-ce que je peux faire un essai routier ?", content: "Absolument, sur rendez-vous dans notre showroom à Tunis." },
|
||||
{ id: "f3", title: "Proposez-vous des solutions de financement ?", content: "Oui, nous travaillons avec plusieurs partenaires bancaires tunisiens pour vous faciliter le crédit." }
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir avant votre achat."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Prêt à changer de voiture ?"
|
||||
description="N'hésitez pas à nous contacter pour toute question ou pour prendre rendez-vous au showroom."
|
||||
@@ -324,39 +165,22 @@ export default function LandingPage() {
|
||||
logoText="Smart Auto"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Catalogue",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "#hero" },
|
||||
{ label: "Catalogue", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Conditions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Légal", items: [
|
||||
{ label: "Confidentialité", href: "#" },
|
||||
{ label: "Conditions", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user