258 lines
18 KiB
TypeScript
258 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Shield, CheckCircle, MessageSquare, Phone, Award } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Sanlam Sala Al Jadida"
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "À propos", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Avis clients", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{
|
|
text: "Appeler maintenant", href: "tel:+212537534839"}}
|
|
buttonClassName="text-primary-cta font-semibold"
|
|
buttonTextClassName="text-sm md:text-base"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
tag="Agence locale Sanlam"
|
|
tagIcon={Shield}
|
|
title="Assurance rapide et fiable à Sala Al Jadida"
|
|
description="Votre agence d'assurance locale pour tous vos besoins. Réponse immédiate, explications simples, accompagnement personnalisé."
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=1"
|
|
imageAlt="Façade de l'agence Sanlam"
|
|
mediaAnimation="slide-up"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Appeler maintenant", href: "tel:+212537534839" },
|
|
{ text: "Demander un devis", href: "#contact" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
name: "Ahmed B.", handle: "Client auto", testimonial: "Service rapide et professionnel. Équipe très à l'écoute de mes besoins.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Ahmed"},
|
|
{
|
|
name: "Fatima M.", handle: "Client santé", testimonial: "Excellente prise en charge. Délai de réponse très court, équipe sympathique.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Fatima"},
|
|
{
|
|
name: "Karim T.", handle: "Client habitation", testimonial: "Agence fiable et transparente. Pas de surprise, tout est expliqué clairement.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Karim"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Hero section with testimonials"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" className="py-12 md:py-20">
|
|
<TextAbout
|
|
tag="Qui sommes-nous"
|
|
tagIcon={Shield}
|
|
title="Agence d'assurance locale de confiance. Accessible. Transparente. À votre service depuis des années."
|
|
buttons={[{ text: "Nos services", href: "#services" }]}
|
|
useInvertedBackground={true}
|
|
ariaLabel="About section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services" className="py-12 md:py-20">
|
|
<FeatureCardThree
|
|
title="Nos services d'assurance"
|
|
description="Couverture complète pour tous vos besoins. Explications simples. Devis transparent."
|
|
tag="Services disponibles"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
id: "01", title: "Assurance Auto", description: "Protection complète de votre véhicule. Responsabilité civile, tous risques, franchise adaptée.", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167581.jpg?_wi=1", imageAlt: "Assurance automobile"},
|
|
{
|
|
id: "02", title: "Assurance Santé", description: "Couverture médicale pour vous et votre famille. Remboursement rapide, réseau de cliniques partenaires.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-holding-hands-unity-after-successful-job-there-are-people-background_637285-177.jpg?_wi=1", imageAlt: "Assurance santé"},
|
|
{
|
|
id: "03", title: "Assurance Habitation", description: "Protection de votre maison et biens. Vol, incendie, dégât des eaux, responsabilité civile.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-house-insurance_53876-94859.jpg?_wi=1", imageAlt: "Assurance habitation"},
|
|
{
|
|
id: "04", title: "Assurance Professionnelle", description: "Solutions sur mesure pour votre activité. Indépendants et petites entreprises. Couverture adaptée.", imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-investors-analyze-technical-production-data-documents_482257-126895.jpg?_wi=1", imageAlt: "Assurance professionnelle"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Devis gratuit", href: "#contact" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Services section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics" className="py-12 md:py-20">
|
|
<MetricCardSeven
|
|
title="Pourquoi nous choisir"
|
|
description="Années d'expérience et expertise locale. Engagement envers nos clients."
|
|
tag="Notre engagement"
|
|
tagIcon={Award}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10+", title: "Années d'expérience locale", items: [
|
|
"Présents à Sala Al Jadida", "Équipe formée aux besoins régionaux", "Partenaire Sanlam approuvé"],
|
|
},
|
|
{
|
|
id: "2", value: "24h", title: "Délai de réponse maximum", items: [
|
|
"Traitement rapide des dossiers", "Support client réactif", "Suivi permanent de votre dossier"],
|
|
},
|
|
{
|
|
id: "3", value: "100%", title: "Transparence garantie", items: [
|
|
"Pas de frais cachés", "Explications claires et simples", "Devis détaillés et sans engagement"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Metrics section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="py-12 md:py-20">
|
|
<TestimonialCardFive
|
|
title="Avis clients vérifiés"
|
|
description="Voici ce que nos clients pensent réellement de notre service."
|
|
tag="Témoignages"
|
|
tagIcon={MessageSquare}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Mohammed K., Automobiliste", date: "Date: 15 Janvier 2025", title: "Assurance auto impeccable", quote: "Contrat clair, prime juste, et vraiment rapide à mettre en place. L'agent a expliqué tous les détails sans jargon compliqué. Recommandé!", tag: "Auto", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Mohammed K.", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167581.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "Laila S., Maman", date: "Date: 12 Janvier 2025", title: "Couverture santé parfaite pour la famille", quote: "Recherchais une bonne couverture santé. Ici, j'ai trouvé une vraie solution avec remboursement facile. Équipe très accueillante et compétente.", tag: "Santé", avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", avatarAlt: "Laila S.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-holding-hands-unity-after-successful-job-there-are-people-background_637285-177.jpg?_wi=2"},
|
|
{
|
|
id: "3", name: "Rachid B., Entrepreneur", date: "Date: 8 Janvier 2025", title: "Solution professionnelle adaptée à mon activité", quote: "Propose exactement ce dont mon entreprise avait besoin. Devis transparent et couverture adaptée. Service de suivi excellent.", tag: "Professionnel", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Rachid B.", imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-investors-analyze-technical-production-data-documents_482257-126895.jpg?_wi=2"},
|
|
{
|
|
id: "4", name: "Nadia T., Propriétaire", date: "Date: 5 Janvier 2025", title: "Ma maison est bien protégée", quote: "Habitation bien couverte, primes raisonnables, et vraiment rassurant. Les agents savent expliquer les garanties simplement.", tag: "Habitation", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Nadia T.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-house-insurance_53876-94859.jpg?_wi=2"},
|
|
{
|
|
id: "5", name: "Youssef M., Client régulier", date: "Date: 2 Janvier 2025", title: "Agence locale vraiment utile", quote: "Depuis 5 ans avec eux. Service constant, relation personnalisée, et vraiment disponibles. Meilleure agence du quartier.", tag: "Fidèle", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Youssef M.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=2"},
|
|
{
|
|
id: "6", name: "Samira A., Professionnelle", date: "Date: 30 Décembre 2024", title: "Confiance totale dans leur expertise", quote: "Équipe compétente qui comprend vraiment les besoins locaux. Conseils judicieux et suivi professionnel. Vraiment satisfaite.", tag: "Client satisfait", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Samira A.", imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-having-job-interview-with-potential-candidate-office_637285-8927.jpg"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq" className="py-12 md:py-20">
|
|
<FaqSplitText
|
|
sideTitle="Questions fréquentes"
|
|
sideDescription="Tout ce que vous devez savoir sur nos services."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Comment faire un devis?", content: "Trois façons simples: 1) Appelez-nous directement au 05 37 53 48 39, 2) Utilisez notre formulaire en ligne ci-dessous, 3) Visitez notre agence. Réponse garantie dans les 24h."},
|
|
{
|
|
id: "2", title: "Quels documents dois-je apporter?", content: "Pour l'auto: permis de conduire + immatriculation. Pour la santé: document d'identité. Pour l'habitation: justificatif de domicile. Pour le professionnel: documents d'activité. Notre équipe peut aussi scanner à distance."},
|
|
{
|
|
id: "3", title: "Y a-t-il des frais cachés?", content: "Non, jamais. Devis transparents avec tous les détails. La prime affichée est la prime finale. Nos agents expliquent chaque ligne. Aucune surprise."},
|
|
{
|
|
id: "4", title: "Quel est votre délai de traitement?", content: "Devis: 2-4h maximum. Contrat accepté: 24h pour signature. Sinistre: équipe d'urgence 24/7. Vous n'attendrez jamais longtemps."},
|
|
{
|
|
id: "5", title: "Pouvez-vous m'expliquer les garanties?", content: "Absolument. C'est notre spécialité. Nous expliquons en français simple, sans jargon technique. Tous nos agents sont formés pour la clarté pédagogique."},
|
|
{
|
|
id: "6", title: "Comment signaler un sinistre?", content: "Appelez immédiatement: 05 37 53 48 39. Ou envoyez un message WhatsApp. Ou visitez directement. Équipe prête 24/7 pour vous assister."},
|
|
]}
|
|
textPosition="left"
|
|
faqsAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
showCard={true}
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="py-12 md:py-20">
|
|
<ContactFaq
|
|
ctaTitle="Demander un devis gratuitement"
|
|
ctaDescription="Réponse rapide garantie. Appel direct ou formulaire simple."
|
|
ctaButton={{
|
|
text: "Appeler maintenant", href: "tel:+212537534839"}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "contact-1", title: "Quels sont vos horaires?", content: "<strong>Mardi à vendredi:</strong> 08h30 - 17h00<br><strong>Samedi:</strong> Fermé<br><strong>Dimanche:</strong> Fermé<br><strong>Lundi:</strong> Fermé<br>Urgences sinistre: disponible 24/7"},
|
|
{
|
|
id: "contact-2", title: "Où êtes-vous situés?", content: "<strong>Agence Sanlam Sala Al Jadida</strong><br>N° 1071, Avenue Bouregreg<br>11000 Sala Al Jadida, Rabat<br><strong>Code localisation:</strong> X7V9+RQ<br><strong>À 2 minutes de la Ligne 1 du tramway</strong>"},
|
|
{
|
|
id: "contact-3", title: "Puis-je demander un rappel?", content: "Oui! Remplissez simplement le formulaire avec la mention 'rappel'. Nous vous appellerons au moment qui vous convient le mieux pendant nos horaires d'ouverture."},
|
|
{
|
|
id: "contact-4", title: "Comment payer ma prime?", content: "Plusieurs options: virement bancaire, espèces à l'agence, prélèvement automatique, ou paiement en ligne. Flexible selon votre préférence."},
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
ariaLabel="Contact and quote section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Sanlam Sala Al Jadida"
|
|
columns={[
|
|
{
|
|
title: "Agence", items: [
|
|
{ label: "À propos", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Nos avis", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Infos", items: [
|
|
{ label: "Horaires", href: "#faq" },
|
|
{ label: "Localisation", href: "https://www.google.com/maps/search/X7V9%2BRQ+Sala+Al+Jadida" },
|
|
{ label: "Site officiel Sanlam", href: "https://agences.sanlam.ma" },
|
|
{ label: "Mentions légales", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Urgent", items: [
|
|
{ label: "Appeler: 05 37 53 48 39", href: "tel:+212537534839" },
|
|
{ label: "Localiser l'agence", href: "https://maps.google.com/?q=1071+Avenue+Bouregreg+Sala+Al+Jadida" },
|
|
{ label: "Signaler un sinistre 24/7", href: "tel:+212537534839" },
|
|
{ label: "Demander un devis", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Sanlam Sala Al Jadida | Agence locale agréée Sanlam"
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|