Update src/app/page.tsx

This commit is contained in:
2026-05-08 08:56:12 +00:00
parent e9755ee6e9
commit 56ec564efc

View File

@@ -9,8 +9,8 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Shield } from "lucide-react";
export default function LandingPage() {
@@ -31,56 +31,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="RouteEngPro"
button={{ text: "Démarrer" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Concevez vos tracés routiers avec précision"
description="L'outil de référence pour le génie civil au Maroc : géolocalisez, analysez les pentes et estimez vos coûts de terrassement en quelques clics."
tag="Ingénierie Routière Maroc"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-grayscale-shot-road-beautiful-landscape_181624-28638.jpg",
imageAlt: "Dashboard de conception routière",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-photovoltaics-factory-monitoring-system-performance-pc-screen_482257-119690.jpg",
imageAlt: "Analyse terrain sur tablette",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/be-change-inspired-active-thunder-website_53876-124708.jpg",
imageAlt: "Infrastructure routière moderne",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/life-city-town-urban-living-place_53876-120885.jpg",
imageAlt: "Planification urbaine",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307754.jpg",
imageAlt: "Machines de chantier",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-grayscale-shot-road-beautiful-landscape_181624-28638.jpg", imageAlt: "Dashboard de conception routière" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-photovoltaics-factory-monitoring-system-performance-pc-screen_482257-119690.jpg", imageAlt: "Analyse terrain sur tablette" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -108,38 +77,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Traçage Interactif",
author: "GeoTools",
description: "Dessinez vos polylignes directement sur une cartographie précise.",
tags: [
"Géolocalisation",
"Pro",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440916.jpg",
},
id: "f1", title: "Traçage Interactif", author: "GeoTools", description: "Dessinez vos polylignes directement sur une cartographie précise.", tags: ["Géolocalisation", "Pro"],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440916.jpg"},
{
id: "f2",
title: "Profil en Long Automatisé",
author: "DataEngine",
description: "Génération instantanée du profil en long à partir des courbes de niveau.",
tags: [
"Topographie",
"Profil",
],
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-suzhou-overpass-night_1359-524.jpg",
},
id: "f2", title: "Profil en Long Automatisé", author: "DataEngine", description: "Génération instantanée du profil en long à partir des courbes de niveau.", tags: ["Topographie", "Profil"],
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-suzhou-overpass-night_1359-524.jpg"},
{
id: "f3",
title: "Rapports d'Étude PDF",
author: "Reporting",
description: "Exportez des rapports structurés prêts à être déposés en réunion.",
tags: [
"PDF",
"Export",
],
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg",
},
id: "f3", title: "Rapports d'Étude PDF", author: "Reporting", description: "Exportez des rapports structurés prêts à être déposés en réunion.", tags: ["PDF", "Export"],
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg"},
]}
title="Des fonctionnalités professionnelles"
description="Tout ce dont vous avez besoin pour vos pré-études de route."
@@ -153,26 +98,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "2x",
title: "Gain de temps",
description: "Réduction du temps de pré-étude",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-items-frame_23-2148541559.jpg",
},
id: "m1", value: "2x", title: "Gain de temps", description: "Réduction du temps de pré-étude", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-items-frame_23-2148541559.jpg"},
{
id: "m2",
value: "100%",
title: "Conformité",
description: "Normes routières respectées",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-contained-photo-frame_23-2149443178.jpg",
},
id: "m2", value: "100%", title: "Conformité", description: "Normes routières respectées", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-contained-photo-frame_23-2149443178.jpg"},
{
id: "m3",
value: "500+",
title: "Variantes",
description: "Tracés routiers analysés",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pen-taking-notes-near-plan_23-2148039901.jpg",
},
id: "m3", value: "500+", title: "Variantes", description: "Tracés routiers analysés", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pen-taking-notes-near-plan_23-2148039901.jpg"},
]}
title="Performance garantie"
description="Des outils conçus pour accélérer vos prises de décision."
@@ -186,37 +116,12 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Indépendant",
price: "1999 MAD",
subtitle: "Pour les consultants seuls",
buttons: [
{
text: "Commencer",
},
],
features: [
"Traçage illimité",
"Profil en long",
"Support email",
],
id: "p1", badge: "Indépendant", price: "1999 MAD", subtitle: "Pour les consultants seuls", buttons: [{ text: "Commencer" }],
features: ["Traçage illimité", "Profil en long", "Support email"],
},
{
id: "p2",
badge: "Équipe",
price: "4999 MAD",
subtitle: "Pour les bureaux d'études",
buttons: [
{
text: "Contacter l'équipe",
},
],
features: [
"Tous les outils",
"Rapports PDF personnalisés",
"Support prioritaire",
"Collaboratif",
],
id: "p2", badge: "Équipe", price: "4999 MAD", subtitle: "Pour les bureaux d'études", buttons: [{ text: "Contacter l'équipe" }],
features: ["Tous les outils", "Rapports PDF personnalisés", "Support prioritaire", "Collaboratif"],
},
]}
title="Plans adaptés à vos besoins"
@@ -232,45 +137,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Omar Fassi",
role: "Ingénieur Senior",
company: "GeoConstruction",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-engineer-wearing-construction-vest-holding-clipboard-writing-something-looking-aside-thoughtful-expression-face-isolated-orange-wall_141793-15798.jpg",
},
id: "t1", name: "Omar Fassi", role: "Ingénieur Senior", company: "GeoConstruction", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-engineer-wearing-construction-vest-holding-clipboard-writing-something-looking-aside-thoughtful-expression-face-isolated-orange-wall_141793-15798.jpg"},
{
id: "t2",
name: "Fatima Zahra",
role: "Directrice d'Études",
company: "InfraMaroc",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg",
},
id: "t2", name: "Fatima Zahra", role: "Directrice d'Études", company: "InfraMaroc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg"},
{
id: "t3",
name: "Hassan Alaoui",
role: "Planificateur Public",
company: "Direction Équipement",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hands-unrecognizable-male-architect-working-technical-drawing-using-calculator_1098-17512.jpg",
},
id: "t3", name: "Hassan Alaoui", role: "Planificateur Public", company: "Direction Équipement", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hands-unrecognizable-male-architect-working-technical-drawing-using-calculator_1098-17512.jpg"},
{
id: "t4",
name: "Youssef Belhaj",
role: "Technicien Supérieur",
company: "BTP Service",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg",
},
id: "t4", name: "Youssef Belhaj", role: "Technicien Supérieur", company: "BTP Service", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg"},
{
id: "t5",
name: "Amine Mansouri",
role: "Surveyor",
company: "Topographie Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg",
},
id: "t5", name: "Amine Mansouri", role: "Surveyor", company: "Topographie Pro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg"},
]}
title="Ils nous font confiance"
description="Les experts du secteur témoignent de l'efficacité de notre solution."
@@ -280,18 +160,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Prêt à optimiser vos tracés ?"
description="Contactez-nous pour une démonstration personnalisée de RouteEngPro."
buttons={[
{
text: "Demander une démo",
href: "#",
},
]}
buttons={[{ text: "Demander une démo", href: "#" }]}
/>
</div>
@@ -299,43 +172,13 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Produit",
items: [
{
label: "Fonctionnalités",
href: "#features",
title: "Produit", items: [{ label: "Fonctionnalités", href: "#features" }, { label: "Tarifs", href: "#pricing" }],
},
{
label: "Tarifs",
href: "#pricing",
},
],
title: "Entreprise", items: [{ label: "À propos", href: "#about" }, { label: "Contact", href: "#contact" }],
},
{
title: "Entreprise",
items: [
{
label: "À propos",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Légal",
items: [
{
label: "Mentions Légales",
href: "#",
},
{
label: "Confidentialité",
href: "#",
},
],
title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "Confidentialité", href: "#" }],
},
]}
bottomLeftText="© 2024 RouteEngPro Maroc"