242 lines
16 KiB
TypeScript
242 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import Link from "next/link";
|
|
import { Sparkles, Star, Briefcase, Award, Heart, Newspaper, Phone, Facebook, Instagram, Linkedin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Biens", id: "/biens" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "À Propos", id: "/a-propos" },
|
|
{ name: "Contact", id: "#contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Biens", id: "/biens" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "À Propos", id: "/a-propos" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Le Relais El Mouradia"
|
|
bottomLeftText="El Mouradia, Alger"
|
|
bottomRightText="info@lerelaiselmouraadia.dz"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Les Biens d'Exception Vous Attendent"
|
|
description="Découvrez nos propriétés de prestige à Alger. Du cœur d'El Mouradia aux quartiers les plus exclusifs, nous vous proposons des biens d'exception sélectionnés avec soin pour les acquéreurs et investisseurs les plus exigeants."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "200+", label: "Biens Exclusifs" },
|
|
{ value: "15 Ans", label: "D'Expertise" },
|
|
{ value: "95%", label: "Clients Satisfaits" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Immobilier Haut de Gamme"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Voir les Biens", href: "/biens" },
|
|
{ text: "Nous Contacter", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6118.jpg"
|
|
imageAlt="Villa de luxe El Mouradia"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Qui Sommes-Nous"
|
|
description={[
|
|
"Le Relais El Mouradia est une agence immobilière de prestige fondée en 2022, basée au cœur du quartier exclusif d'El Mouradia à Alger. Nous nous spécialisons dans la commercialisation de biens d'exception : villas architecturales, appartements de standing, propriétés de prestige, et investissements immobiliers de haut niveau.", "Notre mission est de servir une clientèle exigeante composée d'acquéreurs avisés et d'investisseurs avertis, en Algérie et dans la diaspora (France, Canada, Golfe). Nous maîtrisons les subtilités du marché immobilier algérien et comprenons les attentes des investisseurs internationaux. Chaque transaction est traitée avec le sérieux et l'élégance qu'elle mérite.", "Nos valeurs fondamentales : Intégrité absolue, expertise reconnue, confidentialité totale, et engagement envers l'excellence dans chaque aspect de notre activité."]}
|
|
buttons={[{ text: "En Savoir Plus", href: "/a-propos" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-properties" data-section="featured-properties">
|
|
<ProductCardOne
|
|
title="Biens à la Une"
|
|
description="Une sélection curatée de nos propriétés les plus prestigieuses. Chaque bien représente l'excellence architecturale et le standing que nos clients recherchent."
|
|
tag="Nouveautés Exclusives"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Villa Contemporaine El Mouradia", price: "250 000 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Villa contemporaine à El Mouradia"},
|
|
{
|
|
id: "2", name: "Propriété avec Piscine - Hydra", price: "180 000 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg", imageAlt: "Propriété avec piscine à Hydra"},
|
|
{
|
|
id: "3", name: "Penthouse Standing - Alger Centre", price: "95 000 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118953.jpg", imageAlt: "Penthouse au centre d'Alger"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Voir Tous les Biens", href: "/biens" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Nos Services"
|
|
description="Une gamme complète de services immobiliers conçus pour répondre à vos besoins spécifiques, que vous soyez acheteur, vendeur, investisseur ou gestionnaire."
|
|
tag="Services Premium"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Achat de Propriétés", content: "Notre équipe vous guide à travers chaque étape du processus d'achat. Nous maîtrisons les démarches légales, les négociations et les financement. Accès exclusif à notre portefeuille de propriétés sélectionnées avec rigueur."},
|
|
{
|
|
id: "2", title: "Vente de Biens", content: "Marketing haut de gamme, photographie professionnelle, visites qualifiées et négociation stratégique. Nous maximisons la valeur de votre propriété et assurons une transaction en toute confiance."},
|
|
{
|
|
id: "3", title: "Location Long Terme", content: "Locations résidentielles et commerciales pour les expatriés et investisseurs. Gestion complète du contrat de location, renseignements sur le locataire, et suivi administratif."},
|
|
{
|
|
id: "4", title: "Gestion Locative", content: "Gestion intégrale de votre patrimoine immobilier : collecte des loyers, maintenance, déclarations fiscales, communication avec les locataires. Tranquillité d'esprit totale."},
|
|
{
|
|
id: "5", title: "Conseil & Estimation", content: "Expertise en évaluation de propriétés, conseils d'investissement, analyses de marché et stratégies patrimoniales. Nos consultants vous aident à prendre les meilleures décisions."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mature-professional-explaining-agreement-details-young-customers_74855-10269.jpg"
|
|
imageAlt="Consultation immobilière"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
buttons={[{ text: "Détails des Services", href: "/services" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Pourquoi Nous Choisir"
|
|
description="Des résultats tangibles qui témoignent de notre engagement envers l'excellence et la satisfaction client."
|
|
tag="Notre Force"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "200+", title: "Propriétés Gérées", description: "Portefeuille exclusif de biens haut de gamme", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Propriété gérée"},
|
|
{
|
|
id: "2", value: "95%", title: "Taux de Satisfaction", description: "Clients satisfaits et fidèles à nos services", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg", imageAlt: "Satisfaction client"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Samir Benali", imageSrc: "http://img.b2bpic.net/free-photo/confused-senior-businessman-wearing-suit_1262-3747.jpg", imageAlt: "Samir Benali" },
|
|
{ id: "2", name: "Fatima Mansouri", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageAlt: "Fatima Mansouri" },
|
|
{ id: "3", name: "Khaled Hadjbrahim", imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", imageAlt: "Khaled Hadjbrahim" },
|
|
{ id: "4", name: "Leila Bouhadiba", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135489.jpg", imageAlt: "Leila Bouhadiba" },
|
|
{ id: "5", name: "Mohamed Cherif", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-person-face-worker_1157-3666.jpg", imageAlt: "Mohamed Cherif" },
|
|
{ id: "6", name: "Yasmine Boutaleb", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-posing-with-glasses_1149-93.jpg", imageAlt: "Yasmine Boutaleb" },
|
|
]}
|
|
cardTitle="Plus de 200 clients satisfaits nous font confiance pour leurs investissements immobiliers les plus importants."
|
|
cardTag="Témoignages Clients"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
title="Actualités & Conseils"
|
|
description="Restez informé sur les tendances du marché immobilier algérien, les conseils d'investissement et les actualisations du secteur."
|
|
tag="Blog"
|
|
tagIcon={Newspaper}
|
|
tagAnimation="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "1", category: ["Marché", "Tendances"],
|
|
title: "Tendances du Marché Immobilier Algérien 2025", excerpt: "Analyse approfondie des évolutions du marché : prix, demande, opportunités d'investissement. Les facteurs qui définissent le secteur en 2025.", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg", imageAlt: "Tendances marché", authorName: "Dr. Karim Osman", authorAvatar: "http://img.b2bpic.net/free-photo/confused-senior-businessman-wearing-suit_1262-3747.jpg", date: "15 Janvier 2025"},
|
|
{
|
|
id: "2", category: ["Conseils", "Acheteurs"],
|
|
title: "Guide Complet de l'Acheteur : 10 Conseils Essentiels", excerpt: "Tout ce que vous devez savoir avant d'acheter une propriété en Algérie. Checklist, points d'attention et stratégies pour faire le bon choix.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-real-estate-agent-presenting-house_23-2150225269.jpg", imageAlt: "Guide acheteur", authorName: "Mme Nadia Lakhdari", authorAvatar: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", date: "8 Janvier 2025"},
|
|
{
|
|
id: "3", category: ["Investissement", "ROI"],
|
|
title: "Investissement Immobilier : Maximiser Votre ROI", excerpt: "Stratégies éprouvées pour optimiser vos retours sur investissement immobilier. Analyse des secteurs porteurs et des modèles de rentabilité.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-123724.jpg", imageAlt: "Investissement ROI", authorName: "M. Rachid Bouvier", authorAvatar: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", date: "25 Décembre 2024"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
buttons={[{ text: "Lire Tous les Articles", href: "/actualites" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contactez-Nous"
|
|
title="Parlons de Votre Projet Immobilier"
|
|
description="Que vous cherchiez à acheter, vendre, ou investir, notre équipe est à votre écoute pour vous proposer une solution sur mesure. Contactez-nous dès aujourd'hui."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg"
|
|
imageAlt="Bureau Le Relais El Mouradia"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Votre adresse email"
|
|
buttonText="Soumettre"
|
|
termsText="Nous respectons votre confidentialité. Vos données ne seront jamais partagées."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Le Relais El Mouradia"
|
|
copyrightText="© 2025 Le Relais El Mouradia. Tous droits réservés."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/lerelaiselmouraadia", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com/lerelaiselmouraadia", ariaLabel: "Instagram" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/lerelaiselmouraadia", ariaLabel: "LinkedIn" },
|
|
{ icon: Phone, href: "https://wa.me/213661234567", ariaLabel: "WhatsApp" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |